@logicflow/extension 1.1.0-alpha.5 → 1.1.1

package/cjs/NodeResize/Control/Control.js

@@ -28,7 +28,6 @@ var preact_1 = require("preact");
 var core_1 = require("@logicflow/core");
 var Rect_1 = require("../BasicShape/Rect");
 var Util_1 = require("./Util");
-var index_1 = require("../index");
 var createDrag = core_1.LogicFlowUtil.createDrag;
 var Control = /** @class */ (function (_super) {
     __extends(Control, _super);
@@ -213,11 +212,11 @@ var Control = /** @class */ (function (_super) {
                 pct: 1 / 2,
             });
             // 限制放大缩小的最大最小范围
-            var _c = index_1.default.sizeRange.ellipse, minRx = _c.minRx, minRy = _c.minRy, maxRx = _c.maxRx, maxRy = _c.maxRy;
-            if (size.width < minRx
-                || size.width > maxRx
-                || size.height < minRy
-                || size.height > maxRy) {
+            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)
+                || size.height > (maxHeight / 2)) {
                 return;
             }
             // 更新中心点位置，更新文案位置
@@ -273,6 +272,7 @@ var Control = /** @class */ (function (_super) {
             // html和矩形的计算方式是一样的，共用一个方法
             if (modelType === Util_1.ModelType.RECT_NODE || modelType === Util_1.ModelType.HTML_NODE) {
                 _this.updateRect({ deltaX: deltaX, deltaY: deltaY });
+                // this.nodeModel.resize(deltaX, deltaY);
             }
             else if (modelType === Util_1.ModelType.ELLIPSE_NODE) {
                 _this.updateEllipse({ deltaX: deltaX, deltaY: deltaY });
@@ -315,10 +315,10 @@ var Control = /** @class */ (function (_super) {
         return { sourceEdges: sourceEdges, targetEdges: targetEdges };
     };
     Control.prototype.render = function () {
-        var _a = this.props, x = _a.x, y = _a.y, style = _a.style, index = _a.index;
-        var _b = index_1.default.style.controlPoint, width = _b.width, height = _b.height, fill = _b.fill, stroke = _b.stroke;
+        var _a = this.props, x = _a.x, y = _a.y, index = _a.index, model = _a.model;
+        var style = model.getControlPointStyle();
         return (preact_1.h("g", { className: "lf-resize-control-" + index },
-            preact_1.h(Rect_1.default, __assign({ className: "lf-node-control" }, { x: x, y: y }, style, { width: width, height: height, fill: fill, stroke: stroke, onMouseDown: this.dragHandler }))));
+            preact_1.h(Rect_1.default, __assign({ className: "lf-node-control" }, { x: x, y: y }, style, { onMouseDown: this.dragHandler }))));
     };
     return Control;
 }(preact_1.Component));

package/cjs/NodeResize/Control/ControlGroup.js

@@ -27,7 +27,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var preact_1 = require("preact");
 var Control_1 = require("./Control");
 var Rect_1 = require("../BasicShape/Rect");
-var index_1 = require("../index");
 var ControlGroup = /** @class */ (function (_super) {
     __extends(ControlGroup, _super);
     function ControlGroup() {
@@ -46,18 +45,22 @@ var ControlGroup = /** @class */ (function (_super) {
         };
         var minX = box.minX, minY = box.minY, maxX = box.maxX, maxY = box.maxY;
         var controlList = [
+            // 左上角
             {
                 x: minX,
                 y: minY,
             },
+            // 右上角
             {
                 x: maxX,
                 y: minY,
             },
+            // 右下角
             {
                 x: maxX,
                 y: maxY,
             },
+            // 左下角
             {
                 x: minX,
                 y: maxY,
@@ -67,9 +70,10 @@ var ControlGroup = /** @class */ (function (_super) {
     };
     // 一般节点被选中了会有outline, 先不用这个
     ControlGroup.prototype.getGroupSolid = function () {
-        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
-        var _b = index_1.default.style.outline, stroke = _b.stroke, strokeWidth = _b.strokeWidth, strokeDasharray = _b.strokeDasharray;
-        return (preact_1.h(Rect_1.default, { fill: "none", x: x, y: y, width: width, height: height, stroke: stroke, strokeWidth: strokeWidth, strokeDasharray: strokeDasharray }));
+        var model = this.props.model;
+        var x = model.x, y = model.y, width = model.width, height = model.height;
+        var style = model.getResizeOutlineStyle();
+        return (preact_1.h(Rect_1.default, __assign({ fill: "none" }, style, { x: x, y: y, width: width, height: height })));
     };
     ControlGroup.prototype.render = function () {
         return (preact_1.h("g", { className: "lf-resize-control" },

package/cjs/NodeResize/Node/DiamondResize.js

@@ -30,7 +30,12 @@ var Polygon_1 = require("../BasicShape/Polygon");
 var DiamondResizeModel = /** @class */ (function (_super) {
     __extends(DiamondResizeModel, _super);
     function DiamondResizeModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.minWidth = 30;
+        _this.minHeight = 30;
+        _this.maxWidth = 2000;
+        _this.maxHeight = 2000;
+        return _this;
     }
     DiamondResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
@@ -40,6 +45,21 @@ var DiamondResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    DiamondResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    DiamondResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     DiamondResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;

package/cjs/NodeResize/Node/EllipseResize.js

@@ -35,6 +35,21 @@ var EllipseResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    EllipseResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    EllipseResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     EllipseResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;

package/cjs/NodeResize/Node/HtmlResize.js

@@ -33,6 +33,21 @@ var HtmlResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    HtmlResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    HtmlResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     HtmlResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;

package/cjs/NodeResize/Node/RectResize.js

@@ -33,6 +33,22 @@ var RectResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    RectResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            fill: 'none',
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    RectResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     RectResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;
@@ -41,6 +57,9 @@ var RectResizeModel = /** @class */ (function (_super) {
             this.height = nodeSize.height;
         }
     };
+    RectResizeModel.prototype.resize = function (deltaX, deltaY) {
+        console.log(deltaX, deltaY);
+    };
     return RectResizeModel;
 }(core_1.RectNodeModel));
 var RectResizeView = /** @class */ (function (_super) {

package/cjs/NodeResize/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DiamondResize = exports.EllipseResize = exports.RectResize = exports.NodeResize = void 0;
+exports.HtmlResize = exports.DiamondResize = exports.EllipseResize = exports.RectResize = exports.NodeResize = void 0;
 var RectResize_1 = require("./Node/RectResize");
 exports.RectResize = RectResize_1.default;
 var EllipseResize_1 = require("./Node/EllipseResize");
@@ -8,45 +8,11 @@ exports.EllipseResize = EllipseResize_1.default;
 var DiamondResize_1 = require("./Node/DiamondResize");
 exports.DiamondResize = DiamondResize_1.default;
 var HtmlResize_1 = require("./Node/HtmlResize");
+exports.HtmlResize = HtmlResize_1.default;
 var NodeResize = {
     pluginName: 'nodeResize',
     // 拖动step
     step: 0,
-    // 边框和contol拖动点样式的设置
-    style: {
-        outline: {
-            stroke: '#000000',
-            strokeWidth: 1,
-            strokeDasharray: '3,3',
-        },
-        controlPoint: {
-            width: 7,
-            height: 7,
-            fill: '#FFFFFF',
-            stroke: '#000000',
-        },
-    },
-    // 缩放范围
-    sizeRange: {
-        // rect: {
-        //   minWidth: 30,
-        //   minHeight: 30,
-        //   maxWidth: 300,
-        //   maxHeight: 300,
-        // },
-        ellipse: {
-            minRx: 15,
-            minRy: 15,
-            maxRx: 150,
-            maxRy: 150,
-        },
-        diamond: {
-            minRx: 15,
-            minRy: 15,
-            maxRx: 150,
-            maxRy: 150,
-        },
-    },
     install: function (lf) {
         lf.register({
             type: RectResize_1.default.type,

package/cjs/materials/group/GroupNode.js

@@ -79,10 +79,17 @@ var GroupNodeModel = /** @class */ (function (_super) {
         this.autoToFront = false;
         this.foldable = false;
         this.properties.isFolded = false;
+        this.isFolded = this.properties.isFolded;
+    };
+    GroupNodeModel.prototype.getResizeOutlineStyle = function () {
+        var style = _super.prototype.getResizeOutlineStyle.call(this);
+        style.stroke = 'none';
+        return style;
     };
     GroupNodeModel.prototype.foldGroup = function (isFolded) {
         var _this = this;
         this.setProperty('isFolded', isFolded);
+        this.isFolded = isFolded;
         if (isFolded) {
             this.x = this.x - this.width / 2 + this.foldedWidth / 2;
             this.y = this.y - this.height / 2 + this.foldedHeight / 2;
@@ -100,6 +107,7 @@ var GroupNodeModel = /** @class */ (function (_super) {
         // 移动分组上的连线
         var inCommingEdges = this.graphModel.getNodeIncomingEdge(this.id);
         var outgoingEdges = this.graphModel.getNodeOutgoingEdge(this.id);
+        console.log(444);
         inCommingEdges.concat(outgoingEdges).forEach(function (edgeModel) {
             _this.graphModel.deleteEdgeById(edgeModel.id);
             if (!edgeModel.isFoldedEdge) {
@@ -112,6 +120,7 @@ var GroupNodeModel = /** @class */ (function (_super) {
                     data.startPoint = undefined;
                 }
                 data.pointsList = undefined;
+                console.log(data);
                 _this.graphModel.addEdge(data);
             }
         });
@@ -209,7 +218,8 @@ var GroupNode = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GroupNode.prototype.getControlGroup = function () {
-        return this.props.model.resizable ? _super.prototype.getControlGroup.call(this) : null;
+        var _a = this.props.model, resizable = _a.resizable, properties = _a.properties;
+        return resizable && !properties.isFolded ? _super.prototype.getControlGroup.call(this) : null;
     };
     GroupNode.prototype.getAddedableShape = function () {
         var _a = this.props.model, width = _a.width, height = _a.height, x = _a.x, y = _a.y, radius = _a.radius, properties = _a.properties;

package/cjs/materials/group/index.js

@@ -98,7 +98,7 @@ var Group = /** @class */ (function () {
         });
         lf.on('node:add', this.appendNodeToGrop);
         lf.on('node:drop', this.appendNodeToGrop);
-        lf.on('node:dnd-move', this.setActiveGroup);
+        lf.on('node:dnd-drag', this.setActiveGroup);
         lf.on('node:drag', this.setActiveGroup);
         lf.on('graph:rendered', this.graphRendered);
     }

package/es/NodeResize/Control/Control.js

@@ -26,7 +26,6 @@ import { h, Component } from 'preact';
 import { LogicFlowUtil } from '@logicflow/core';
 import Rect from '../BasicShape/Rect';
 import { getDiamondReizeEdgePoint, getEllipseReizeEdgePoint, getRectReizeEdgePoint, ModelType } from './Util';
-import NodeResize from '../index';
 var createDrag = LogicFlowUtil.createDrag;
 var Control = /** @class */ (function (_super) {
     __extends(Control, _super);
@@ -211,11 +210,11 @@ var Control = /** @class */ (function (_super) {
                 pct: 1 / 2,
             });
             // 限制放大缩小的最大最小范围
-            var _c = NodeResize.sizeRange.ellipse, minRx = _c.minRx, minRy = _c.minRy, maxRx = _c.maxRx, maxRy = _c.maxRy;
-            if (size.width < minRx
-                || size.width > maxRx
-                || size.height < minRy
-                || size.height > maxRy) {
+            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)
+                || size.height > (maxHeight / 2)) {
                 return;
             }
             // 更新中心点位置，更新文案位置
@@ -271,6 +270,7 @@ var Control = /** @class */ (function (_super) {
             // html和矩形的计算方式是一样的，共用一个方法
             if (modelType === ModelType.RECT_NODE || modelType === ModelType.HTML_NODE) {
                 _this.updateRect({ deltaX: deltaX, deltaY: deltaY });
+                // this.nodeModel.resize(deltaX, deltaY);
             }
             else if (modelType === ModelType.ELLIPSE_NODE) {
                 _this.updateEllipse({ deltaX: deltaX, deltaY: deltaY });
@@ -313,10 +313,10 @@ var Control = /** @class */ (function (_super) {
         return { sourceEdges: sourceEdges, targetEdges: targetEdges };
     };
     Control.prototype.render = function () {
-        var _a = this.props, x = _a.x, y = _a.y, style = _a.style, index = _a.index;
-        var _b = NodeResize.style.controlPoint, width = _b.width, height = _b.height, fill = _b.fill, stroke = _b.stroke;
+        var _a = this.props, x = _a.x, y = _a.y, index = _a.index, model = _a.model;
+        var style = model.getControlPointStyle();
         return (h("g", { className: "lf-resize-control-" + index },
-            h(Rect, __assign({ className: "lf-node-control" }, { x: x, y: y }, style, { width: width, height: height, fill: fill, stroke: stroke, onMouseDown: this.dragHandler }))));
+            h(Rect, __assign({ className: "lf-node-control" }, { x: x, y: y }, style, { onMouseDown: this.dragHandler }))));
     };
     return Control;
 }(Component));

package/es/NodeResize/Control/ControlGroup.js

@@ -25,7 +25,6 @@ var __assign = (this && this.__assign) || function () {
 import { h, Component } from 'preact';
 import Control from './Control';
 import Rect from '../BasicShape/Rect';
-import NodeResize from '../index';
 var ControlGroup = /** @class */ (function (_super) {
     __extends(ControlGroup, _super);
     function ControlGroup() {
@@ -44,18 +43,22 @@ var ControlGroup = /** @class */ (function (_super) {
         };
         var minX = box.minX, minY = box.minY, maxX = box.maxX, maxY = box.maxY;
         var controlList = [
+            // 左上角
             {
                 x: minX,
                 y: minY,
             },
+            // 右上角
             {
                 x: maxX,
                 y: minY,
             },
+            // 右下角
             {
                 x: maxX,
                 y: maxY,
             },
+            // 左下角
             {
                 x: minX,
                 y: maxY,
@@ -65,9 +68,10 @@ var ControlGroup = /** @class */ (function (_super) {
     };
     // 一般节点被选中了会有outline, 先不用这个
     ControlGroup.prototype.getGroupSolid = function () {
-        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
-        var _b = NodeResize.style.outline, stroke = _b.stroke, strokeWidth = _b.strokeWidth, strokeDasharray = _b.strokeDasharray;
-        return (h(Rect, { fill: "none", x: x, y: y, width: width, height: height, stroke: stroke, strokeWidth: strokeWidth, strokeDasharray: strokeDasharray }));
+        var model = this.props.model;
+        var x = model.x, y = model.y, width = model.width, height = model.height;
+        var style = model.getResizeOutlineStyle();
+        return (h(Rect, __assign({ fill: "none" }, style, { x: x, y: y, width: width, height: height })));
     };
     ControlGroup.prototype.render = function () {
         return (h("g", { className: "lf-resize-control" },

package/es/NodeResize/Node/DiamondResize.d.ts

@@ -1,6 +1,21 @@
 import { h, DiamondNode, DiamondNodeModel } from '@logicflow/core';
 declare class DiamondResizeModel extends DiamondNodeModel {
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    maxHeight: number;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
+    getResizeOutlineStyle(): {
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    getControlPointStyle(): {
+        width: number;
+        height: number;
+        fill: string;
+        stroke: string;
+    };
     setAttributes(): void;
 }
 declare class DiamondResizeView extends DiamondNode {

package/es/NodeResize/Node/DiamondResize.js

@@ -28,7 +28,12 @@ import Polygon from '../BasicShape/Polygon';
 var DiamondResizeModel = /** @class */ (function (_super) {
     __extends(DiamondResizeModel, _super);
     function DiamondResizeModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.minWidth = 30;
+        _this.minHeight = 30;
+        _this.maxWidth = 2000;
+        _this.maxHeight = 2000;
+        return _this;
     }
     DiamondResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
@@ -38,6 +43,21 @@ var DiamondResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    DiamondResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    DiamondResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     DiamondResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;

package/es/NodeResize/Node/EllipseResize.d.ts

@@ -6,6 +6,17 @@ declare class EllipseResizeModel extends EllipseNodeModel {
     maxHeight: number;
     constructor(data: any, graphModel: any);
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
+    getResizeOutlineStyle(): {
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    getControlPointStyle(): {
+        width: number;
+        height: number;
+        fill: string;
+        stroke: string;
+    };
     setAttributes(): void;
 }
 declare class EllipseResizeView extends EllipseNode {

package/es/NodeResize/Node/EllipseResize.js

@@ -33,6 +33,21 @@ var EllipseResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    EllipseResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    EllipseResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     EllipseResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;

package/es/NodeResize/Node/HtmlResize.d.ts

@@ -5,6 +5,17 @@ declare class HtmlResizeModel extends HtmlNodeModel {
     maxWidth: number;
     maxHeight: number;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
+    getResizeOutlineStyle(): {
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    getControlPointStyle(): {
+        width: number;
+        height: number;
+        fill: string;
+        stroke: string;
+    };
     setAttributes(): void;
 }
 declare class HtmlResizeView extends HtmlNode {

package/es/NodeResize/Node/HtmlResize.js

@@ -31,6 +31,21 @@ var HtmlResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    HtmlResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    HtmlResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     HtmlResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;

package/es/NodeResize/Node/RectResize.d.ts

@@ -5,7 +5,20 @@ declare class RectResizeModel extends RectNodeModel {
     maxWidth: number;
     maxHeight: number;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
+    getResizeOutlineStyle(): {
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    getControlPointStyle(): {
+        width: number;
+        height: number;
+        fill: string;
+        stroke: string;
+    };
     setAttributes(): void;
+    resize(deltaX: any, deltaY: any): void;
 }
 declare class RectResizeView extends RectNode {
     getControlGroup(): h.JSX.Element;

package/es/NodeResize/Node/RectResize.js

@@ -31,6 +31,22 @@ var RectResizeModel = /** @class */ (function (_super) {
         }
         return style;
     };
+    RectResizeModel.prototype.getResizeOutlineStyle = function () {
+        return {
+            fill: 'none',
+            stroke: '#000000',
+            strokeWidth: 1,
+            strokeDasharray: '3,3',
+        };
+    };
+    RectResizeModel.prototype.getControlPointStyle = function () {
+        return {
+            width: 7,
+            height: 7,
+            fill: '#FFFFFF',
+            stroke: '#000000',
+        };
+    };
     RectResizeModel.prototype.setAttributes = function () {
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;
@@ -39,6 +55,9 @@ var RectResizeModel = /** @class */ (function (_super) {
             this.height = nodeSize.height;
         }
     };
+    RectResizeModel.prototype.resize = function (deltaX, deltaY) {
+        console.log(deltaX, deltaY);
+    };
     return RectResizeModel;
 }(RectNodeModel));
 var RectResizeView = /** @class */ (function (_super) {

package/es/NodeResize/index.d.ts

@@ -1,37 +1,11 @@
 import RectResize from './Node/RectResize';
 import EllipseResize from './Node/EllipseResize';
 import DiamondResize from './Node/DiamondResize';
+import HtmlResize from './Node/HtmlResize';
 declare const NodeResize: {
     pluginName: string;
     step: number;
-    style: {
-        outline: {
-            stroke: string;
-            strokeWidth: number;
-            strokeDasharray: string;
-        };
-        controlPoint: {
-            width: number;
-            height: number;
-            fill: string;
-            stroke: string;
-        };
-    };
-    sizeRange: {
-        ellipse: {
-            minRx: number;
-            minRy: number;
-            maxRx: number;
-            maxRy: number;
-        };
-        diamond: {
-            minRx: number;
-            minRy: number;
-            maxRx: number;
-            maxRy: number;
-        };
-    };
     install(lf: any): void;
 };
 export default NodeResize;
-export { NodeResize, RectResize, EllipseResize, DiamondResize, };
+export { NodeResize, RectResize, EllipseResize, DiamondResize, HtmlResize, };