@visactor/vstory 0.0.1-alpha.0

package/es/edit/edit-component/edit-control/transform-control.js

@@ -0,0 +1,453 @@
+import { createRect } from "@visactor/vrender";
+
+import { AABBBounds, merge, normalizePadding, pi } from "@visactor/vutils";
+
+import { AbstractComponent } from "@visactor/vrender-components";
+
+import { transformPointWithMatrix } from "../../../util/space";
+
+import { MinSize } from "../../../constants/attribute";
+
+import { normalizeAngle } from "../../../util/math";
+
+import { DRAG_ANCHOR_COLOR, SHAPE_SELECT_COLOR } from "./constants";
+
+import { DragComponent } from "./transform-drag";
+
+const fixedAngles = [ 0, Math.PI / 2, Math.PI, 3 * Math.PI / 2, 2 * Math.PI ], maxAngleDifference = 3 / 180 * Math.PI, borderAnchors = [ "top", "bottom", "left", "right" ], cornerAnchors = [ "left-top", "right-top", "left-bottom", "right-bottom" ], anchorPositionMap = {
+    top: [ 0, 0, 1, 0 ],
+    bottom: [ 0, 1, 1, 1 ],
+    left: [ 0, 0, 0, 1 ],
+    right: [ 1, 0, 1, 1 ],
+    "left-top": [ 0, 0 ],
+    "right-top": [ 1, 0 ],
+    "left-bottom": [ 0, 1 ],
+    "right-bottom": [ 1, 1 ]
+}, anchorCursorMap = {
+    "left-top": "nwse-resize",
+    top: "ns-resize",
+    "right-top": "nesw-resize",
+    left: "ew-resize",
+    right: "ew-resize",
+    "left-bottom": "nesw-resize",
+    bottom: "ns-resize",
+    "right-bottom": "nwse-resize"
+};
+
+export class TransformControl extends AbstractComponent {
+    constructor(editComponent, attributes) {
+        var _a, _b;
+        super(merge({
+            shadowRootIdx: 1
+        }, TransformControl.defaultAttributes, attributes)), this.name = "TransformControl", 
+        this.isDragging = !1, this.dragStartAngle = 0, this.isEditor = !1, this.minSize = {
+            width: MinSize,
+            height: MinSize
+        }, this.proportionalScaling = !1, this._setCursor = null, this._dragElement = (moveX, moveY) => {
+            var _a, _b;
+            this._lastBoxInDrag.setAttribute("visible", !0);
+            const scale = null !== (_b = null === (_a = this.stage.defaultLayer) || void 0 === _a ? void 0 : _a.globalTransMatrix.a) && void 0 !== _b ? _b : 1;
+            this.moveBy(moveX / scale, moveY / scale);
+        }, this._dragEnd = () => {
+            this._editorEnd();
+        }, this._unDragEnd = () => {
+            this._editorEnd();
+        }, this._editorEnd = () => {
+            this._lastBoxInDrag.setAttribute("visible", !1);
+        }, this.handleMouseMove = e => {
+            if (e.pickParams) {
+                const {shadowTarget: shadowTarget} = e.pickParams;
+                this.setCursor(shadowTarget.attribute.cursor);
+            } else this.setCursor();
+        }, this.handleMouseOut = e => {
+            this.setCursor();
+        }, this.handleDragMouseDown = e => {
+            var _a;
+            this.isEditor = !0, this.editStartCbs.forEach((cb => cb(e)));
+            const layerPos = transformPointWithMatrix(this.layer.globalTransMatrix.getInverse(), e.offset);
+            this.dragOffsetX = layerPos.x, this.dragOffsetY = layerPos.y;
+            const {shadowTarget: shadowTarget} = e.pickParams || {};
+            shadowTarget && this.stage ? (this.setActiveGraphic(shadowTarget), this._rectBeforeScale = Object.assign({}, this.rect.attribute), 
+            this._eventPosBeforeScale = layerPos, this.isDragging = !0, this.dragStartAngle = null !== (_a = this.attribute.angle) && void 0 !== _a ? _a : 0) : (this.unTransStartCbs.forEach((cb => cb(e))), 
+            this._dragger.startDrag(e));
+        }, this.handleDragMouseMove = e => {
+            if (!this.isDragging) return;
+            const layerPos = transformPointWithMatrix(this.layer.globalTransMatrix.getInverse(), e.offset), dx = layerPos.x - this.dragOffsetX, dy = layerPos.y - this.dragOffsetY;
+            0 === dx && 0 === dy || (this.rotatable ? (this.handleRotate(layerPos), this.dispatchUpdate(e)) : this.reshapeState ? (this._handleReshape(dx, dy), 
+            this.dispatchUpdate(e)) : (this._handleScale(dx, dy, e), this.dispatchUpdate(e)), 
+            this.dragOffsetX = layerPos.x, this.dragOffsetY = layerPos.y);
+        }, this.handleDragMouseUp = e => {
+            var _a;
+            this.isDragging && (this.dragOffsetX = 0, this.dragOffsetY = 0, this.setActiveGraphic(null), 
+            null === (_a = this.editEndCbs) || void 0 === _a || _a.forEach((cb => cb(e))), this.isEditor = !1, 
+            this.isDragging = !1);
+        }, this.editComponent = editComponent, this._editorConfig = {
+            move: !1 !== attributes.move,
+            rotate: !1 !== attributes.rotate,
+            resize: !1 !== attributes.resize,
+            reshape: !1 !== attributes.reshape
+        }, this.rectB = new AABBBounds, this.dragOffsetX = 0, this.dragOffsetY = 0, this.activeGraphic = null, 
+        this.horizontalResizble = 0, this.verticalResizble = 0, this.rotatable = 0, this.runningAddChildUpdateBoundTag = !1, 
+        this.minSize.width = null !== (_a = attributes.minWidth) && void 0 !== _a ? _a : MinSize, 
+        this.minSize.height = null !== (_b = attributes.minHeight) && void 0 !== _b ? _b : MinSize, 
+        this.proportionalScaling = !0 === attributes.proportionalScaling, this._setCursor = attributes.setCursor, 
+        this.rect = createRect({
+            fill: "transparent",
+            stroke: !1,
+            pickable: !0
+        }), this.editBorder = createRect({
+            fill: !1,
+            stroke: !1
+        }), this.editBorder.attachShadow(), this.add(this.rect), this.add(this.editBorder), 
+        this.editStartCbs = [], this.unTransStartCbs = [], this.updateCbs = [], this.editEndCbs = [];
+    }
+    addDrag() {
+        this.stage && (this._dragger = new DragComponent(this.stage), this._dragger.dragHandler(this._dragElement), 
+        this._dragger.dragEndHandler(this._dragEnd), this._dragger.unDragEndHandler(this._unDragEnd), 
+        this._lastBoxInDrag = createRect({
+            pickable: !1,
+            stroke: SHAPE_SELECT_COLOR,
+            strokeOpacity: .4,
+            visible: !1
+        }));
+    }
+    updateSubBounds(bounds) {
+        var _a, _b;
+        this.rect.setAttributes({
+            x: bounds.x1,
+            y: bounds.y1,
+            width: bounds.x2 - bounds.x1,
+            height: bounds.y2 - bounds.y1
+        });
+        const x = (null !== (_a = this.attribute.x) && void 0 !== _a ? _a : 0) + (bounds.x1 + bounds.x2) / 2, y = (null !== (_b = this.attribute.y) && void 0 !== _b ? _b : 0) + (bounds.y1 + bounds.y2) / 2;
+        this.setAttributes({
+            anchor: [ x, y ]
+        });
+    }
+    onActive() {
+        this.initEvent();
+    }
+    initEvent() {
+        this.editBorder.addEventListener("mousemove", this.handleMouseMove), this.addEventListener("pointerout", this.handleMouseOut), 
+        this.addEventListener("pointerdown", this.handleDragMouseDown), this.addDrag(), 
+        this.stage.addEventListener("pointermove", this.handleDragMouseMove), this.stage.addEventListener("pointerup", this.handleDragMouseUp);
+    }
+    setCursor(c) {
+        var _a;
+        this.stage && (this.stage.setCursor(c), null === (_a = this._setCursor) || void 0 === _a || _a.call(this, c));
+    }
+    setActiveGraphic(g) {
+        this.activeGraphic = g;
+        let reset = !0;
+        if (g && g.name) {
+            reset = !1;
+            const dirList = g.name.split("-"), type = dirList.shift();
+            if ("scale" === type) {
+                if (2 === dirList.length) this.horizontalResizble = "left" === dirList[0] ? -1 : 1, 
+                this.verticalResizble = "top" === dirList[1] ? -1 : 1; else {
+                    const dir = dirList[0], h = "left" === dir || "right" === dir;
+                    this.horizontalResizble = h ? "left" === dirList[0] ? -1 : 1 : 0, this.verticalResizble = h ? 0 : "top" === dirList[0] ? -1 : 1;
+                }
+                this.rotatable = 0;
+            } else "rotate" === type ? (this.rotatable = 1, this.horizontalResizble = 0, this.verticalResizble = 0) : "reshape" === type ? (this.reshapeState = Number.parseInt(dirList[0], 10) + 1, 
+            this.rotatable = 0, this.horizontalResizble = 0, this.verticalResizble = 0) : reset = !0;
+        }
+        reset && (this.horizontalResizble = 0, this.verticalResizble = 0, this.rotatable = 0, 
+        this.reshapeState = 0);
+    }
+    handleScale(dx, dy) {
+        const {anchor: anchor, x: x, y: y, width: width, height: height} = this._getRectWithOffset(dx, dy, this.rect.attribute).attribute;
+        width < this.minSize.width || height < this.minSize.height || (this.rect.setAttributes({
+            width: width,
+            height: height,
+            x: x,
+            y: y
+        }), this.setAttributes({
+            anchor: anchor
+        }));
+    }
+    _handleScale(dx, dy, e) {
+        this.proportionalScaling ? this._handleScaleProportional(dx, dy, e) : this.handleScale(dx, dy);
+    }
+    _handleScaleProportional(dx, dy, e) {
+        const layerPos = transformPointWithMatrix(this.layer.globalTransMatrix.getInverse(), e.offset), {attribute: attribute, temp: temp} = this._getRectWithOffset(layerPos.x - this._eventPosBeforeScale.x, layerPos.y - this._eventPosBeforeScale.y, this._rectBeforeScale), maxScale = Math.max(attribute.width / this._rectBeforeScale.width, attribute.height / this._rectBeforeScale.height), finalWidth = this._rectBeforeScale.width * maxScale, finalHeight = this._rectBeforeScale.height * maxScale;
+        if (finalWidth < this.minSize.width) return;
+        if (finalHeight < this.minSize.height) return;
+        let nextP2 = temp.nextP2;
+        const nextP1 = temp.nextP1, angle = this.getAngle();
+        if (this.verticalResizble > 0 && this.horizontalResizble > 0) nextP2 = this._getRectP2(nextP1, {
+            width: finalWidth,
+            height: finalHeight
+        }, angle); else if (this.verticalResizble > 0 && this.horizontalResizble < 0) {
+            const lockPos = {
+                x: nextP1.x + attribute.width * Math.cos(angle),
+                y: nextP1.y + attribute.width * Math.sin(angle)
+            };
+            nextP1.x = lockPos.x - finalWidth * Math.cos(angle), nextP1.y = lockPos.y - finalWidth * Math.sin(angle), 
+            nextP2 = this._getRectP2(nextP1, {
+                width: finalWidth,
+                height: finalHeight
+            }, angle);
+        }
+        if (this.verticalResizble < 0 && this.horizontalResizble > 0) {
+            const lockPos = {
+                x: nextP1.x - attribute.height * Math.sin(angle),
+                y: nextP1.y + attribute.height * Math.cos(angle)
+            };
+            nextP1.x = lockPos.x + finalHeight * Math.sin(angle), nextP1.y = lockPos.y - finalHeight * Math.cos(angle), 
+            nextP2 = this._getRectP2(nextP1, {
+                width: finalWidth,
+                height: finalHeight
+            }, angle);
+        }
+        this.verticalResizble < 0 && this.horizontalResizble < 0 && (nextP1.x = nextP2.x - Math.cos(angle) * finalWidth + Math.sin(angle) * finalHeight, 
+        nextP1.y = nextP2.y - Math.sin(angle) * finalWidth - Math.cos(angle) * finalHeight);
+        const center = {
+            x: (nextP1.x + nextP2.x) / 2,
+            y: (nextP1.y + nextP2.y) / 2
+        };
+        this.rect.setAttributes({
+            width: finalWidth,
+            height: finalHeight,
+            x: center.x - finalWidth / 2,
+            y: center.y - finalHeight / 2
+        }), this.setAttributes({
+            anchor: [ center.x, center.y ]
+        });
+    }
+    _handleReshape(dx, dy) {
+        const {width: width, height: height} = this.rect.attribute, {shapePoints: shapePoints} = this.attribute, angle = this.getAngle(), _dx = dx, _dy = dy;
+        dx = Math.cos(angle) * _dx + Math.sin(angle) * _dy, dy = Math.cos(angle + pi / 2) * _dx + Math.sin(angle + pi / 2) * _dy, 
+        this.attribute.isShapePointAbsolute || (dx /= width, dy /= height);
+        const nextShapePoints = shapePoints.map(((shapePoint, i) => i + 1 === this.reshapeState ? {
+            x: shapePoint.x + dx,
+            y: shapePoint.y + dy
+        } : shapePoint));
+        this.setAttributes({
+            shapePoints: nextShapePoints
+        });
+    }
+    _getRectWithOffset(dx, dy, lastAttribute) {
+        const angle = this.getAngle(), _dx = dx, _dy = dy;
+        dx = Math.cos(angle) * _dx + Math.sin(angle) * _dy, dy = Math.cos(angle + pi / 2) * _dx + Math.sin(angle + pi / 2) * _dy, 
+        dx *= this.horizontalResizble, dy *= this.verticalResizble;
+        const {x: x, y: y, width: width, height: height} = lastAttribute, m = this.transMatrix, nextP1 = {
+            x: m.a * x + m.c * y + m.e,
+            y: m.b * x + m.d * y + m.f
+        }, nextP2 = {
+            x: m.a * (x + width) + m.c * (y + height) + m.e,
+            y: m.b * (x + width) + m.d * (y + height) + m.f
+        };
+        this.horizontalResizble < 0 ? (nextP1.x -= Math.cos(angle) * dx, nextP1.y -= Math.sin(angle) * dx) : this.horizontalResizble > 0 && (nextP2.x += Math.cos(angle) * dx, 
+        nextP2.y += Math.sin(angle) * dx), this.verticalResizble < 0 ? (nextP1.x -= Math.cos(angle + pi / 2) * dy, 
+        nextP1.y -= Math.sin(angle + pi / 2) * dy) : this.verticalResizble > 0 && (nextP2.x += Math.cos(angle + pi / 2) * dy, 
+        nextP2.y += Math.sin(angle + pi / 2) * dy);
+        const center = {
+            x: (nextP1.x + nextP2.x) / 2,
+            y: (nextP1.y + nextP2.y) / 2
+        }, tw = width + dx, th = height + dy;
+        return {
+            attribute: {
+                width: tw,
+                height: th,
+                x: center.x - tw / 2,
+                y: center.y - th / 2,
+                anchor: [ center.x, center.y ]
+            },
+            temp: {
+                nextP1: nextP1,
+                nextP2: nextP2,
+                dx: dx,
+                dy: dy
+            }
+        };
+    }
+    _getRectP2(p1, size, angle) {
+        return {
+            x: p1.x + Math.cos(angle) * size.width - Math.sin(angle) * size.height,
+            y: p1.y + Math.sin(angle) * size.width + Math.cos(angle) * size.height
+        };
+    }
+    handleRotate(currentPoint) {
+        const originB = this.rectB, cx = (originB.x1 + originB.x2) / 2, cy = (originB.y1 + originB.y2) / 2, vectorDrag_x = this._eventPosBeforeScale.x - cx, vectorDrag_y = this._eventPosBeforeScale.y - cy, vectorCurrent_x = currentPoint.x - cx, vectorCurrent_y = currentPoint.y - cy, cosAngle = (vectorDrag_x * vectorCurrent_x + vectorDrag_y * vectorCurrent_y) / (Math.sqrt(vectorDrag_x ** 2 + vectorDrag_y ** 2) * Math.sqrt(vectorCurrent_x ** 2 + vectorCurrent_y ** 2)), delta = vectorDrag_x * vectorCurrent_y - vectorDrag_y * vectorCurrent_x < 0 ? 2 * Math.PI - Math.acos(cosAngle) : Math.acos(cosAngle);
+        this.setAttributes({
+            angle: this.fixAngle(this.dragStartAngle + delta),
+            anchor: [ cx, cy ]
+        });
+    }
+    fixAngle(angle) {
+        angle = normalizeAngle(angle);
+        for (const fixedAngle of fixedAngles) if (angle >= fixedAngle - maxAngleDifference && angle <= fixedAngle + maxAngleDifference) return fixedAngle;
+        return angle;
+    }
+    getAngle() {
+        var _a;
+        if (!this.attribute.postMatrix) return null !== (_a = this.attribute.angle) && void 0 !== _a ? _a : 0;
+        const m = this.transMatrix;
+        return Math.atan2(m.b, m.a);
+    }
+    render() {
+        const {resizeBorder: resizeBorder, padding: padding, cornerRect: cornerRect, rotateCircle: rotateCircle, rotatePath: rotatePath, handlerLine: handlerLine, shapeCircle: shapeCircle, enabledAnchors: enabledAnchors = [ "top", "bottom", "left-top", "left-bottom", "right", "left", "right-top", "right-bottom" ], shapePoints: shapePoints = [], isShapePointAbsolute: isShapePointAbsolute} = this.attribute, root = this.editBorder.shadowRoot;
+        if (!root || 1 === this.count) return;
+        const parsedPadding = normalizePadding(padding), {x: x = 0, y: y = 0, width: w = 0, height: h = 0} = this.rect.attribute;
+        this.rectB.setValue(x, y, x + w, y + h);
+        const minX = x - parsedPadding[3], minY = y - parsedPadding[0], width = w + parsedPadding[1] + parsedPadding[3], height = h + parsedPadding[0] + parsedPadding[2];
+        if (borderAnchors.forEach(((anchor, i) => {
+            const enableResize = this._editorConfig.resize && enabledAnchors.includes(anchor), item = anchorPositionMap[anchor], cursor = enableResize ? anchorCursorMap[anchor] : "default";
+            root.createOrUpdateChild(enableResize ? `scale-${anchor}` : `stroke-line-${anchor}`, Object.assign({
+                x: minX,
+                y: minY,
+                points: [ {
+                    x: item[0] * width,
+                    y: item[1] * height
+                }, {
+                    x: item[2] * width,
+                    y: item[3] * height
+                } ],
+                cursor: cursor
+            }, resizeBorder), "line");
+        })), this._editorConfig.rotate && (root.createOrUpdateChild("top-handler-line", Object.assign({
+            x: minX + width / 2,
+            y: minY,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: -handlerLine.size
+            } ]
+        }, handlerLine), "line"), root.createOrUpdateChild("rotate-all", Object.assign({
+            x: minX + width / 2,
+            y: minY - handlerLine.size - rotateCircle.radius,
+            cursor: "grab"
+        }, rotateCircle), "circle"), root.createOrUpdateChild("path-rotate", Object.assign({
+            pickable: !1,
+            x: minX + width / 2 + rotatePath.size / 2,
+            y: minY - handlerLine.size + rotatePath.size / 2 - rotateCircle.radius,
+            scaleX: rotatePath.size / 200,
+            scaleY: rotatePath.size / 200,
+            cursor: "grab",
+            dx: .5,
+            dy: -.5
+        }, rotatePath), "path")), this._editorConfig.resize && enabledAnchors.forEach((anchor => {
+            if (!cornerAnchors.includes(anchor)) return;
+            const item = anchorPositionMap[anchor], cursor = anchorCursorMap[anchor];
+            root.createOrUpdateChild(`scale-${anchor}`, Object.assign({
+                x: minX + item[0] * width - cornerRect.width / 2,
+                y: minY + item[1] * height - cornerRect.height / 2,
+                cursor: cursor
+            }, cornerRect), "rect");
+        })), this._editorConfig.reshape) {
+            const shapePointsChildren = root.children.filter((child => child.name.startsWith("reshape")));
+            shapePointsChildren.length !== shapePoints.length && shapePointsChildren.forEach((child => root.removeChild(child))), 
+            shapePoints.forEach(((point, i) => {
+                root.createOrUpdateChild(`reshape-${i}`, Object.assign({
+                    x: isShapePointAbsolute ? point.x : point.x * w + x,
+                    y: isShapePointAbsolute ? point.y : point.y * h + y,
+                    cursor: "move"
+                }, shapeCircle), "circle");
+            }));
+        }
+    }
+    moveBy(dx, dy) {
+        const {x: x, y: y, width: width, height: height} = this.rect.attribute;
+        return this.rect.setAttributes({
+            width: width,
+            height: height,
+            x: x + dx,
+            y: y + dy
+        }), this.setAttributes({
+            anchor: [ x + dx + width / 2, y + dy + height / 2 ]
+        }), this.dispatchUpdate(), this;
+    }
+    dispatchUpdate(e) {
+        const out = this.getTransformAttribute();
+        this.updateCbs.forEach((cb => {
+            const data = cb(out, e);
+            if (data) {
+                const {x: x, y: y, width: width, height: height, anchor: anchor, angle: angle, shapePoints: shapePoints} = data;
+                Number.isFinite(x) && this.rect.setAttribute("x", x), Number.isFinite(y) && this.rect.setAttribute("y", y), 
+                Number.isFinite(width) && this.rect.setAttribute("width", width), Number.isFinite(height) && this.rect.setAttribute("height", height), 
+                anchor && this.setAttribute("anchor", anchor), Number.isFinite(angle) && this.setAttribute("angle", angle), 
+                shapePoints && this.setAttribute("shapePoints", shapePoints);
+            }
+        }));
+    }
+    onUpdate(cb) {
+        this.updateCbs.push(cb);
+    }
+    onEditorEnd(cb) {
+        this.editEndCbs.push(cb);
+    }
+    onEditorStart(cb) {
+        this.editStartCbs.push(cb);
+    }
+    onUnTransStart(cb) {
+        this.unTransStartCbs.push(cb);
+    }
+    addChildUpdateBoundTag() {
+        super.addChildUpdateBoundTag(), this.runningAddChildUpdateBoundTag || (this.runningAddChildUpdateBoundTag = !0, 
+        this.render(), this.runningAddChildUpdateBoundTag = !1);
+    }
+    getTransformAttribute() {
+        const {x: x, y: y, width: width, height: height} = this.rect.attribute, {angle: angle, anchor: anchor, shapePoints: shapePoints} = this.attribute;
+        return {
+            x: x,
+            y: y,
+            width: width,
+            height: height,
+            angle: angle,
+            anchor: anchor,
+            shapePoints: shapePoints
+        };
+    }
+    releaseEvent() {
+        this.editBorder.removeEventListener("mousemove", this.handleMouseMove), this.stage && (this.stage.removeEventListener("pointermove", this.handleDragMouseMove), 
+        this.stage.removeEventListener("pointerup", this.handleDragMouseUp)), this.removeEventListener("pointerout", this.handleMouseOut), 
+        this.removeEventListener("pointerdown", this.handleDragMouseDown);
+    }
+    release() {
+        this.releaseEvent(), this.parent.removeChild(this), this.editBorder = null, this.updateCbs = [], 
+        this.editEndCbs = [], this.unTransStartCbs = [], super.release();
+    }
+}
+
+TransformControl.defaultAttributes = {
+    resizeBorder: {
+        stroke: SHAPE_SELECT_COLOR,
+        lineWidth: 1
+    },
+    cornerRect: {
+        fill: "white",
+        stroke: SHAPE_SELECT_COLOR,
+        lineWidth: 1,
+        width: 8,
+        height: 8,
+        cornerRadius: 2
+    },
+    rotateCircle: {
+        fill: "white",
+        stroke: SHAPE_SELECT_COLOR,
+        radius: 10
+    },
+    rotatePath: {
+        fill: "#000000",
+        size: 12,
+        angle: Math.PI,
+        path: "M202.403,95.22c0,46.312-33.237,85.002-77.109,93.484v25.663l-69.76-40l69.76-40v23.494 c27.176-7.87,47.109-32.964,47.109-62.642c0-35.962-29.258-65.22-65.22-65.22s-65.22,29.258-65.22,65.22 c0,9.686,2.068,19.001,6.148,27.688l-27.154,12.754c-5.968-12.707-8.994-26.313-8.994-40.441C11.964,42.716,54.68,0,107.184,0 S202.403,42.716,202.403,95.22z"
+    },
+    handlerLine: {
+        stroke: SHAPE_SELECT_COLOR,
+        lineWidth: 1,
+        size: 24
+    },
+    shapeCircle: {
+        fill: "white",
+        lineWidth: 1,
+        radius: 4,
+        stroke: DRAG_ANCHOR_COLOR,
+        startAngle: 0,
+        endAngle: 2 * Math.PI
+    }
+};
+//# sourceMappingURL=transform-control.js.map

package/es/edit/edit-component/edit-control/transform-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/edit-control/transform-control.ts"],"names":[],"mappings":"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","file":"transform-control.js","sourcesContent":["/**\n * @description PopTip组件\n */\nimport type {\n  ICircleGraphicAttribute,\n  IPathGraphicAttribute,\n  IGraphic,\n  IGroupGraphicAttribute,\n  IRect,\n  IRectGraphicAttribute,\n  ILineGraphicAttribute,\n  IGroup,\n  IGraphicAttribute\n} from '@visactor/vrender';\nimport { createRect } from '@visactor/vrender';\nimport type { IAABBBounds, IAABBBoundsLike, IPointLike } from '@visactor/vutils';\nimport { AABBBounds, merge, normalizePadding, pi } from '@visactor/vutils';\nimport { AbstractComponent } from '@visactor/vrender-components';\nimport { transformPointWithMatrix } from '../../../util/space';\nimport { MinSize } from '../../../constants/attribute';\nimport { normalizeAngle } from '../../../util/math';\nimport { DRAG_ANCHOR_COLOR, SHAPE_SELECT_COLOR } from './constants';\nimport type { VRenderPointerEvent } from '../../../interface/type';\nimport type { IEditComponent } from '../../interface';\nimport { Edit } from '../../edit';\nimport { DragComponent } from './transform-drag';\n// import { EditorActionMode } from './enum';\n\ntype AnchorDirection = 'top' | 'bottom' | 'left-top' | 'left-bottom' | 'right' | 'left' | 'right-top' | 'right-bottom';\n\nconst fixedAngles = [0, Math.PI / 2, Math.PI, (Math.PI * 3) / 2, Math.PI * 2];\nconst maxAngleDifference = (3 / 180) * Math.PI; // 10 degrees\n\nexport type TransformAttributes = {\n  padding?: number | [number, number, number, number];\n  resizeBorder?: Partial<ILineGraphicAttribute>;\n  cornerRect?: Partial<IRectGraphicAttribute>;\n  rotateCircle?: Partial<ICircleGraphicAttribute>;\n  rotatePath?: Partial<IPathGraphicAttribute> & { size: number };\n  handlerLine?: Partial<ILineGraphicAttribute> & { size: number };\n  shapeCircle?: Partial<ICircleGraphicAttribute>;\n  move?: boolean;\n  rotate?: boolean;\n  resize?: boolean;\n  reshape?: boolean;\n  setCursor?: (c: string) => void;\n  shapePoints?: IPointLike[];\n  isShapePointAbsolute?: boolean;\n  /**\n   * 支持的锚点\n   */\n  enabledAnchors?: AnchorDirection[];\n  // minSize\n  minWidth?: number;\n  minHeight?: number;\n  proportionalScaling?: boolean;\n} & IGroupGraphicAttribute;\n\nexport type IUpdateParams = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  angle: number;\n  anchor: [number | string, number | string];\n  // relative position of shape point\n  shapePoints: IPointLike[];\n  // text\n  text?: string | string[];\n};\n\nconst borderAnchors = ['top', 'bottom', 'left', 'right'];\nconst cornerAnchors = ['left-top', 'right-top', 'left-bottom', 'right-bottom'];\n\nconst anchorPositionMap = {\n  top: [0, 0, 1, 0],\n  bottom: [0, 1, 1, 1],\n  left: [0, 0, 0, 1],\n  right: [1, 0, 1, 1],\n\n  'left-top': [0, 0],\n  'right-top': [1, 0],\n  'left-bottom': [0, 1],\n  'right-bottom': [1, 1]\n};\n\nconst anchorCursorMap = {\n  'left-top': 'nwse-resize',\n  top: 'ns-resize',\n  'right-top': 'nesw-resize',\n  left: 'ew-resize',\n  right: 'ew-resize',\n  'left-bottom': 'nesw-resize',\n  bottom: 'ns-resize',\n  'right-bottom': 'nwse-resize'\n};\n\nexport interface ITransformControl extends IGroup {\n  updateSubBounds: (b: IAABBBoundsLike) => void;\n  onActive: () => void;\n  onUpdate: (cb: (data: IUpdateParams, event?: VRenderPointerEvent) => Partial<IUpdateParams> | false) => void;\n  onEditorEnd: (cb: (event?: VRenderPointerEvent) => void) => void;\n  onEditorStart: (cb: (event?: VRenderPointerEvent) => void) => void;\n  onUnTransStart: (cb: (event: PointerEvent) => void) => void;\n}\n\nexport class TransformControl extends AbstractComponent<Required<TransformAttributes>> implements ITransformControl {\n  name = 'TransformControl';\n  rectB: IAABBBounds;\n  isDragging: boolean = false;\n  dragOffsetX: number;\n  dragOffsetY: number;\n  dragStartAngle: number = 0;\n  activeGraphic: IGraphic | null;\n  horizontalResizble: number;\n  verticalResizble: number;\n  rotatable: number;\n  reshapeState: number;\n  rect: IRect;\n  editBorder: IRect;\n  // state: {\n  //   actionMode: EditorActionMode;\n  // };\n  // 是否正在执行addChildUpdateBoundTag，避免循环调用\n  runningAddChildUpdateBoundTag: boolean;\n\n  updateCbs: Array<(data: IUpdateParams, event?: VRenderPointerEvent) => Partial<IUpdateParams> | false>;\n  editEndCbs: Array<(event?: VRenderPointerEvent) => void>;\n  editStartCbs: Array<(event?: VRenderPointerEvent) => void>;\n  unTransStartCbs: Array<(event: PointerEvent) => void>;\n\n  isEditor: boolean = false;\n\n  _editorConfig: {\n    move: boolean;\n    rotate: boolean;\n    resize: boolean;\n    reshape: boolean;\n  };\n\n  minSize: { width: number; height: number } = { width: MinSize, height: MinSize };\n\n  proportionalScaling: boolean = false;\n  // 缩放前的属性\n  _rectBeforeScale: IRectGraphicAttribute;\n  // 缩放前的点击位置，用来进行等比缩放处理缩放比\n  _eventPosBeforeScale: any;\n\n  _setCursor: (c: string) => void = null;\n\n  editComponent: IEditComponent;\n\n  // drag\n  _dragger: DragComponent;\n  private _lastBoxInDrag: IRect;\n\n  static defaultAttributes: Partial<TransformAttributes> = {\n    // 去掉padding\n    // padding: 2,\n    resizeBorder: {\n      stroke: SHAPE_SELECT_COLOR,\n      lineWidth: 1\n    },\n    cornerRect: {\n      fill: 'white',\n      stroke: SHAPE_SELECT_COLOR,\n      lineWidth: 1,\n      width: 8,\n      height: 8,\n      cornerRadius: 2\n    },\n    rotateCircle: {\n      fill: 'white',\n      stroke: SHAPE_SELECT_COLOR,\n      radius: 10\n    },\n    rotatePath: {\n      fill: '#000000',\n      size: 12,\n      angle: Math.PI,\n      // eslint-disable-next-line\n      path: 'M202.403,95.22c0,46.312-33.237,85.002-77.109,93.484v25.663l-69.76-40l69.76-40v23.494 c27.176-7.87,47.109-32.964,47.109-62.642c0-35.962-29.258-65.22-65.22-65.22s-65.22,29.258-65.22,65.22 c0,9.686,2.068,19.001,6.148,27.688l-27.154,12.754c-5.968-12.707-8.994-26.313-8.994-40.441C11.964,42.716,54.68,0,107.184,0 S202.403,42.716,202.403,95.22z'\n    },\n    handlerLine: {\n      stroke: SHAPE_SELECT_COLOR,\n      lineWidth: 1,\n      size: 24\n    },\n    shapeCircle: {\n      fill: 'white',\n      lineWidth: 1,\n      radius: 4,\n      stroke: DRAG_ANCHOR_COLOR,\n      startAngle: 0,\n      endAngle: Math.PI * 2\n    }\n  };\n\n  constructor(editComponent: IEditComponent, attributes: Partial<TransformAttributes>) {\n    super(merge({ shadowRootIdx: 1 }, TransformControl.defaultAttributes, attributes));\n    this.editComponent = editComponent;\n    this._editorConfig = {\n      move: attributes.move !== false,\n      rotate: attributes.rotate !== false,\n      resize: attributes.resize !== false,\n      reshape: attributes.reshape !== false\n    };\n    // this.state = {\n    //   actionMode: EditorActionMode.addTool\n    // };\n    this.rectB = new AABBBounds();\n    this.dragOffsetX = 0;\n    this.dragOffsetY = 0;\n    this.activeGraphic = null;\n    this.horizontalResizble = 0;\n    this.verticalResizble = 0;\n    this.rotatable = 0;\n    this.runningAddChildUpdateBoundTag = false;\n    this.minSize.width = attributes.minWidth ?? MinSize;\n    this.minSize.height = attributes.minHeight ?? MinSize;\n    this.proportionalScaling = attributes.proportionalScaling === true;\n    this._setCursor = attributes.setCursor;\n    this.rect = createRect({\n      fill: 'transparent',\n      stroke: false,\n      pickable: true\n    });\n    // this.rect.attachShadow();\n    this.editBorder = createRect({\n      fill: false,\n      stroke: false\n    });\n    this.editBorder.attachShadow();\n    this.add(this.rect);\n    this.add(this.editBorder);\n    this.editStartCbs = [];\n    this.unTransStartCbs = [];\n    this.updateCbs = [];\n    this.editEndCbs = [];\n  }\n\n  addDrag() {\n    if (!this.stage) {\n      return;\n    }\n    this._dragger = new DragComponent(this.stage);\n    this._dragger.dragHandler(this._dragElement);\n    this._dragger.dragEndHandler(this._dragEnd);\n    this._dragger.unDragEndHandler(this._unDragEnd);\n    this._lastBoxInDrag = createRect({\n      pickable: false,\n      stroke: SHAPE_SELECT_COLOR,\n      strokeOpacity: 0.4,\n      visible: false\n    });\n  }\n\n  protected _dragElement = (moveX: number, moveY: number) => {\n    this._lastBoxInDrag.setAttribute('visible', true);\n    const scale = this.stage.defaultLayer?.globalTransMatrix.a ?? 1;\n    this.moveBy(moveX / scale, moveY / scale);\n  };\n  private _dragEnd = () => {\n    this._editorEnd();\n  };\n  private _unDragEnd = () => {\n    this._editorEnd();\n  };\n\n  protected _editorEnd = () => {\n    // this._endHandler(this._editorBox.getTransformAttribute());\n    // this._editorBox.isEditor = false;\n    // this._snapLineX.setAttributes({ visible: false });\n    // this._snapLineY.setAttributes({ visible: false });\n\n    // this._snapTargetBoxX.setAttributes({ visible: false });\n    // this._snapTargetBoxY.setAttributes({ visible: false });\n\n    this._lastBoxInDrag.setAttribute('visible', false);\n    // this._opt.editorEvent.setCursorSyncToTriggerLayer();\n  };\n\n  updateSubBounds(bounds: IAABBBoundsLike) {\n    // set bounds\n    this.rect.setAttributes({\n      x: bounds.x1,\n      y: bounds.y1,\n      width: bounds.x2 - bounds.x1,\n      height: bounds.y2 - bounds.y1\n    });\n\n    // set anchor\n    const x = (this.attribute.x ?? 0) + (bounds.x1 + bounds.x2) / 2;\n    const y = (this.attribute.y ?? 0) + (bounds.y1 + bounds.y2) / 2;\n    this.setAttributes({ anchor: [x, y] });\n  }\n\n  onActive() {\n    this.initEvent();\n  }\n\n  initEvent() {\n    // cursor\n    this.editBorder.addEventListener('mousemove', this.handleMouseMove);\n    this.addEventListener('pointerout', this.handleMouseOut);\n\n    // drag\n    this.addEventListener('pointerdown', this.handleDragMouseDown);\n    this.addDrag();\n\n    this.stage.addEventListener('pointermove', this.handleDragMouseMove);\n    this.stage.addEventListener('pointerup', this.handleDragMouseUp);\n  }\n\n  protected handleMouseMove = (e: any) => {\n    if (e.pickParams) {\n      const { shadowTarget } = e.pickParams;\n      this.setCursor(shadowTarget.attribute.cursor);\n    } else {\n      this.setCursor();\n    }\n  };\n\n  protected handleMouseOut = (e: any) => {\n    this.setCursor();\n  };\n\n  protected handleDragMouseDown = (e: any) => {\n    this.isEditor = true;\n    this.editStartCbs.forEach(cb => cb(e));\n    const layerPos = transformPointWithMatrix(this.layer.globalTransMatrix.getInverse(), e.offset);\n    this.dragOffsetX = layerPos.x;\n    this.dragOffsetY = layerPos.y;\n\n    const { shadowTarget } = e.pickParams || {};\n    // 开启move\n    if (shadowTarget && this.stage) {\n      this.setActiveGraphic(shadowTarget);\n      this._rectBeforeScale = { ...this.rect.attribute };\n      this._eventPosBeforeScale = layerPos;\n      this.isDragging = true;\n      this.dragStartAngle = this.attribute.angle ?? 0;\n    } else {\n      this.unTransStartCbs.forEach(cb => cb(e));\n      this._dragger.startDrag(e);\n    }\n  };\n\n  protected handleDragMouseMove = (e: any) => {\n    if (!this.isDragging) {\n      return;\n    }\n    // this._editComponent.isEditing = true;\n    const layerPos = transformPointWithMatrix(this.layer.globalTransMatrix.getInverse(), e.offset);\n\n    const dx = layerPos.x - this.dragOffsetX;\n    const dy = layerPos.y - this.dragOffsetY;\n\n    if (dx === 0 && dy === 0) {\n      return;\n    }\n\n    if (this.rotatable) {\n      this.handleRotate(layerPos);\n      this.dispatchUpdate(e);\n    } else if (this.reshapeState) {\n      this._handleReshape(dx, dy);\n      this.dispatchUpdate(e);\n    } else {\n      this._handleScale(dx, dy, e);\n      this.dispatchUpdate(e);\n    }\n\n    this.dragOffsetX = layerPos.x;\n    this.dragOffsetY = layerPos.y;\n  };\n\n  protected handleDragMouseUp = (e: any) => {\n    if (!this.isDragging) {\n      return;\n    }\n    // this._editComponent.isEditing = false;\n    this.dragOffsetX = 0;\n    this.dragOffsetY = 0;\n    this.setActiveGraphic(null);\n    this.editEndCbs?.forEach(cb => cb(e));\n    this.isEditor = false;\n    this.isDragging = false;\n  };\n\n  protected setCursor(c?: string) {\n    if (this.stage) {\n      this.stage.setCursor(c);\n      this._setCursor?.(c);\n    }\n  }\n\n  protected setActiveGraphic(g: IGraphic | null) {\n    this.activeGraphic = g;\n    // 设置resize的方向\n    let reset = true;\n    if (g && g.name) {\n      reset = false;\n      const name = g.name;\n      const dirList = name.split('-');\n      const type = dirList.shift();\n      if (type === 'scale') {\n        if (dirList.length === 2) {\n          this.horizontalResizble = dirList[0] === 'left' ? -1 : 1;\n          this.verticalResizble = dirList[1] === 'top' ? -1 : 1;\n        } else {\n          const dir = dirList[0];\n          const h = dir === 'left' || dir === 'right';\n          this.horizontalResizble = h ? (dirList[0] === 'left' ? -1 : 1) : 0;\n          this.verticalResizble = h ? 0 : dirList[0] === 'top' ? -1 : 1;\n        }\n        this.rotatable = 0;\n      } else if (type === 'rotate') {\n        this.rotatable = 1;\n        this.horizontalResizble = 0;\n        this.verticalResizble = 0;\n      } else if (type === 'reshape') {\n        this.reshapeState = Number.parseInt(dirList[0], 10) + 1;\n        this.rotatable = 0;\n        this.horizontalResizble = 0;\n        this.verticalResizble = 0;\n      } else {\n        reset = true;\n      }\n    }\n    if (reset) {\n      this.horizontalResizble = 0;\n      this.verticalResizble = 0;\n      this.rotatable = 0;\n      this.reshapeState = 0;\n    }\n  }\n\n  // 非等比缩放\n  protected handleScale(dx: number, dy: number) {\n    const { anchor, x, y, width, height } = this._getRectWithOffset(dx, dy, this.rect.attribute).attribute;\n    if (width < this.minSize.width) {\n      return;\n    }\n    if (height < this.minSize.height) {\n      return;\n    }\n    this.rect.setAttributes({\n      width,\n      height,\n      x,\n      y\n    });\n    this.setAttributes({\n      anchor: anchor as [number | string, number | string]\n    });\n  }\n\n  // 缩放\n  private _handleScale(dx: number, dy: number, e: any) {\n    if (this.proportionalScaling) {\n      this._handleScaleProportional(dx, dy, e);\n    } else {\n      this.handleScale(dx, dy);\n    }\n  }\n\n  // 等比缩放\n  private _handleScaleProportional(dx: number, dy: number, e: any) {\n    const layerPos = transformPointWithMatrix(this.layer.globalTransMatrix.getInverse(), e.offset);\n    const { attribute, temp } = this._getRectWithOffset(\n      layerPos.x - this._eventPosBeforeScale.x,\n      layerPos.y - this._eventPosBeforeScale.y,\n      this._rectBeforeScale\n    );\n\n    const maxScale = Math.max(\n      attribute.width / this._rectBeforeScale.width,\n      attribute.height / this._rectBeforeScale.height\n    );\n    const finalWidth = this._rectBeforeScale.width * maxScale;\n    const finalHeight = this._rectBeforeScale.height * maxScale;\n    if (finalWidth < this.minSize.width) {\n      return;\n    }\n    if (finalHeight < this.minSize.height) {\n      return;\n    }\n    let nextP2 = temp.nextP2;\n    const nextP1 = temp.nextP1;\n\n    const angle = this.getAngle();\n    // console.log('_handleScaleProportional', nextP1, nextP2, angle, this.verticalResizble, this.horizontalResizble);\n\n    // v 1 h 1\n    // 拖动的右下角 不需要改变\n    if (this.verticalResizble > 0 && this.horizontalResizble > 0) {\n      nextP2 = this._getRectP2(nextP1, { width: finalWidth, height: finalHeight }, angle);\n    }\n    // 1 h -1\n    // 拖动的左下角 以右上角为基准\n    else if (this.verticalResizble > 0 && this.horizontalResizble < 0) {\n      const lockPos = {\n        // 锁定角位置\n        x: nextP1.x + attribute.width * Math.cos(angle),\n        y: nextP1.y + attribute.width * Math.sin(angle)\n      };\n      // final下的 p1 与 p2\n      nextP1.x = lockPos.x - finalWidth * Math.cos(angle);\n      nextP1.y = lockPos.y - finalWidth * Math.sin(angle);\n      nextP2 = this._getRectP2(nextP1, { width: finalWidth, height: finalHeight }, angle);\n    }\n    // -1 h 1\n    // 拖动的右上角 以左下角为基准\n    if (this.verticalResizble < 0 && this.horizontalResizble > 0) {\n      const lockPos = {\n        // 锁定角位置\n        x: nextP1.x - attribute.height * Math.sin(angle),\n        y: nextP1.y + attribute.height * Math.cos(angle)\n      };\n      // final下的 p1 与 p2\n      (nextP1.x = lockPos.x + finalHeight * Math.sin(angle)), (nextP1.y = lockPos.y - finalHeight * Math.cos(angle));\n      nextP2 = this._getRectP2(nextP1, { width: finalWidth, height: finalHeight }, angle);\n    }\n    // -1 h 1\n    // 拖动的左上角 以右下角为基准\n    if (this.verticalResizble < 0 && this.horizontalResizble < 0) {\n      // p2 锁定 ，计算 p1\n      nextP1.x = nextP2.x - Math.cos(angle) * finalWidth + Math.sin(angle) * finalHeight;\n      nextP1.y = nextP2.y - Math.sin(angle) * finalWidth - Math.cos(angle) * finalHeight;\n    }\n\n    const center = {\n      x: (nextP1.x + nextP2.x) / 2,\n      y: (nextP1.y + nextP2.y) / 2\n    };\n    this.rect.setAttributes({\n      width: finalWidth,\n      height: finalHeight,\n      x: center.x - finalWidth / 2,\n      y: center.y - finalHeight / 2\n    });\n    this.setAttributes({\n      anchor: [center.x, center.y]\n    });\n  }\n\n  private _handleReshape(dx: number, dy: number) {\n    const { width, height } = this.rect.attribute;\n    const { shapePoints } = this.attribute;\n    const angle = this.getAngle();\n    const _dx = dx;\n    const _dy = dy;\n    dx = Math.cos(angle) * _dx + Math.sin(angle) * _dy;\n    dy = Math.cos(angle + pi / 2) * _dx + Math.sin(angle + pi / 2) * _dy;\n    if (!this.attribute.isShapePointAbsolute) {\n      dx /= width;\n      dy /= height;\n    }\n    const nextShapePoints = shapePoints.map((shapePoint, i) => {\n      return i + 1 === this.reshapeState ? { x: shapePoint.x + dx, y: shapePoint.y + dy } : shapePoint;\n    });\n    this.setAttributes({\n      shapePoints: nextShapePoints\n    });\n  }\n\n  private _getRectWithOffset(dx: number, dy: number, lastAttribute: IRectGraphicAttribute) {\n    // 投影得到旋转前的dx和dy\n    const angle = this.getAngle();\n    const _dx = dx;\n    const _dy = dy;\n    dx = Math.cos(angle) * _dx + Math.sin(angle) * _dy;\n    dy = Math.cos(angle + pi / 2) * _dx + Math.sin(angle + pi / 2) * _dy;\n\n    dx *= this.horizontalResizble;\n    dy *= this.verticalResizble;\n\n    const { x, y, width, height } = lastAttribute;\n\n    const m = this.transMatrix;\n    // 原始的x和y位置\n    const nextP1 = {\n      x: m.a * x + m.c * y + m.e,\n      y: m.b * x + m.d * y + m.f\n    };\n    const nextP2 = {\n      x: m.a * (x + width) + m.c * (y + height) + m.e,\n      y: m.b * (x + width) + m.d * (y + height) + m.f\n    };\n    if (this.horizontalResizble < 0) {\n      nextP1.x -= Math.cos(angle) * dx;\n      nextP1.y -= Math.sin(angle) * dx;\n    } else if (this.horizontalResizble > 0) {\n      nextP2.x += Math.cos(angle) * dx;\n      nextP2.y += Math.sin(angle) * dx;\n    }\n\n    if (this.verticalResizble < 0) {\n      nextP1.x -= Math.cos(angle + pi / 2) * dy;\n      nextP1.y -= Math.sin(angle + pi / 2) * dy;\n    } else if (this.verticalResizble > 0) {\n      nextP2.x += Math.cos(angle + pi / 2) * dy;\n      nextP2.y += Math.sin(angle + pi / 2) * dy;\n    }\n\n    const center = {\n      x: (nextP1.x + nextP2.x) / 2,\n      y: (nextP1.y + nextP2.y) / 2\n    };\n\n    const tw = width + dx;\n    const th = height + dy;\n\n    // 返回属性计算结果+当前计算过程的重要变量\n    return {\n      attribute: {\n        width: tw,\n        height: th,\n        x: center.x - tw / 2,\n        y: center.y - th / 2,\n        anchor: [center.x, center.y]\n      },\n      temp: {\n        nextP1,\n        nextP2,\n        dx,\n        dy\n      }\n    };\n  }\n\n  private _getRectP2(p1: { x: number; y: number }, size: { width: number; height: number }, angle: number) {\n    return {\n      x: p1.x + Math.cos(angle) * size.width - Math.sin(angle) * size.height,\n      y: p1.y + Math.sin(angle) * size.width + Math.cos(angle) * size.height\n    };\n  }\n\n  protected handleRotate(currentPoint: { x: number; y: number }) {\n    const originB = this.rectB;\n    const cx = (originB.x1 + originB.x2) / 2;\n    const cy = (originB.y1 + originB.y2) / 2;\n\n    const vectorDrag = { x: this._eventPosBeforeScale.x - cx, y: this._eventPosBeforeScale.y - cy };\n    const vectorCurrent = { x: currentPoint.x - cx, y: currentPoint.y - cy };\n    const dot = vectorDrag.x * vectorCurrent.x + vectorDrag.y * vectorCurrent.y;\n    const modDrag = Math.sqrt(vectorDrag.x ** 2 + vectorDrag.y ** 2);\n    const modCurrent = Math.sqrt(vectorCurrent.x ** 2 + vectorCurrent.y ** 2);\n    const cosAngle = dot / (modDrag * modCurrent);\n    const cross = vectorDrag.x * vectorCurrent.y - vectorDrag.y * vectorCurrent.x;\n    const delta = cross < 0 ? Math.PI * 2 - Math.acos(cosAngle) : Math.acos(cosAngle);\n\n    this.setAttributes({\n      angle: this.fixAngle(this.dragStartAngle + delta),\n      anchor: [cx, cy]\n    });\n  }\n\n  private fixAngle(angle: number) {\n    angle = normalizeAngle(angle);\n    for (const fixedAngle of fixedAngles) {\n      if (angle >= fixedAngle - maxAngleDifference && angle <= fixedAngle + maxAngleDifference) {\n        return fixedAngle;\n      }\n    }\n    return angle;\n  }\n\n  getAngle(): number {\n    if (!this.attribute.postMatrix) {\n      return this.attribute.angle ?? 0;\n    }\n    const m = this.transMatrix;\n    return Math.atan2(m.b, m.a);\n  }\n\n  protected render() {\n    const {\n      resizeBorder,\n      padding,\n      cornerRect,\n      rotateCircle,\n      rotatePath,\n      handlerLine,\n      shapeCircle,\n      enabledAnchors = ['top', 'bottom', 'left-top', 'left-bottom', 'right', 'left', 'right-top', 'right-bottom'],\n      shapePoints = [],\n      isShapePointAbsolute\n    } = this.attribute as TransformAttributes;\n\n    const root = this.editBorder.shadowRoot;\n    if (!root || this.count === 1) {\n      return;\n    }\n\n    const parsedPadding = normalizePadding(padding as any);\n    const { x = 0, y = 0, width: w = 0, height: h = 0 } = this.rect.attribute;\n    this.rectB.setValue(x, y, x + w, y + h);\n\n    const minX = x - parsedPadding[3];\n    const minY = y - parsedPadding[0];\n    const width = w + parsedPadding[1] + parsedPadding[3];\n    const height = h + parsedPadding[0] + parsedPadding[2];\n\n    borderAnchors.forEach((anchor, i) => {\n      const enableResize = this._editorConfig.resize && enabledAnchors.includes(anchor as AnchorDirection);\n      const item = anchorPositionMap[anchor];\n      const cursor = enableResize ? anchorCursorMap[anchor] : 'default';\n      root.createOrUpdateChild(\n        enableResize ? `scale-${anchor}` : `stroke-line-${anchor}`,\n        {\n          x: minX,\n          y: minY,\n          points: [\n            { x: item[0] * width, y: item[1] * height },\n            { x: item[2] * width, y: item[3] * height }\n          ],\n          cursor,\n          ...resizeBorder\n        },\n        'line'\n      );\n    });\n\n    if (this._editorConfig.rotate) {\n      // 添加顶部\n      root.createOrUpdateChild(\n        'top-handler-line',\n        {\n          x: minX + width / 2,\n          y: minY,\n          points: [\n            { x: 0, y: 0 },\n            { x: 0, y: -handlerLine.size }\n          ],\n          ...handlerLine\n        },\n        'line'\n      );\n      root.createOrUpdateChild(\n        `rotate-all`,\n        {\n          x: minX + width / 2,\n          y: minY - handlerLine.size - rotateCircle.radius,\n          cursor: 'grab',\n          ...rotateCircle\n        },\n        'circle'\n      );\n      root.createOrUpdateChild(\n        `path-rotate`,\n        {\n          pickable: false,\n          x: minX + width / 2 + rotatePath.size / 2,\n          y: minY - handlerLine.size + rotatePath.size / 2 - rotateCircle.radius,\n          scaleX: rotatePath.size / 200,\n          scaleY: rotatePath.size / 200,\n          cursor: 'grab',\n          dx: 0.5,\n          dy: -0.5,\n          ...rotatePath\n        },\n        'path'\n      );\n    }\n\n    // 添加锚点\n    if (this._editorConfig.resize) {\n      enabledAnchors.forEach((anchor: string) => {\n        if (!cornerAnchors.includes(anchor)) {\n          return;\n        }\n        const item = anchorPositionMap[anchor];\n        const cursor = anchorCursorMap[anchor];\n        root.createOrUpdateChild(\n          `scale-${anchor}`,\n          {\n            x: minX + item[0] * width - cornerRect.width! / 2,\n            y: minY + item[1] * height - cornerRect.height! / 2,\n            cursor,\n            ...cornerRect\n          },\n          'rect'\n        );\n      });\n    }\n\n    if (this._editorConfig.reshape) {\n      const shapePointsChildren = root.children.filter((child: any) => child.name.startsWith('reshape'));\n      if (shapePointsChildren.length !== shapePoints.length) {\n        shapePointsChildren.forEach((child: any) => root.removeChild(child));\n      }\n      shapePoints.forEach((point, i) => {\n        root.createOrUpdateChild(\n          `reshape-${i}`,\n          {\n            x: isShapePointAbsolute ? point.x : point.x * w + x,\n            y: isShapePointAbsolute ? point.y : point.y * h + y,\n            cursor: 'move',\n            ...shapeCircle\n          },\n          'circle'\n        );\n      });\n    }\n  }\n\n  moveBy(dx: number, dy: number): this {\n    const { x, y, width, height } = this.rect.attribute;\n    this.rect.setAttributes({\n      width: width,\n      height: height,\n      x: x + dx,\n      y: y + dy\n    });\n    this.setAttributes({\n      anchor: [x + dx + width / 2, y + dy + height / 2]\n    });\n    this.dispatchUpdate();\n    return this;\n  }\n\n  dispatchUpdate(e?: any) {\n    const out = this.getTransformAttribute();\n    this.updateCbs.forEach(cb => {\n      const data = cb(out, e);\n      if (data) {\n        const { x, y, width, height, anchor, angle, shapePoints } = data;\n        Number.isFinite(x) && this.rect.setAttribute('x', x);\n        Number.isFinite(y) && this.rect.setAttribute('y', y);\n        Number.isFinite(width) && this.rect.setAttribute('width', width);\n        Number.isFinite(height) && this.rect.setAttribute('height', height);\n        anchor && this.setAttribute('anchor', anchor);\n        Number.isFinite(angle) && this.setAttribute('angle', angle);\n        shapePoints && this.setAttribute('shapePoints', shapePoints);\n      }\n    });\n  }\n\n  onUpdate(cb: (data: IUpdateParams, event?: VRenderPointerEvent) => Partial<IUpdateParams> | false) {\n    this.updateCbs.push(cb);\n  }\n\n  onEditorEnd(cb: (event?: VRenderPointerEvent) => void) {\n    this.editEndCbs.push(cb);\n  }\n  onEditorStart(cb: (event?: VRenderPointerEvent) => void) {\n    this.editStartCbs.push(cb);\n  }\n  onUnTransStart(cb: (event: PointerEvent) => void) {\n    this.unTransStartCbs.push(cb);\n  }\n\n  addChildUpdateBoundTag() {\n    super.addChildUpdateBoundTag();\n\n    // 如果wrap内的内容bounds变化，那就需要重新调用render\n    if (this.runningAddChildUpdateBoundTag) {\n      return;\n    }\n    this.runningAddChildUpdateBoundTag = true;\n\n    this.render();\n\n    this.runningAddChildUpdateBoundTag = false;\n  }\n\n  getTransformAttribute() {\n    const { x, y, width, height } = this.rect.attribute;\n    const { angle, anchor, shapePoints } = this.attribute;\n    return {\n      x,\n      y,\n      width,\n      height,\n      angle,\n      anchor,\n      shapePoints\n    };\n  }\n\n  releaseEvent() {\n    this.editBorder.removeEventListener('mousemove', this.handleMouseMove);\n    if (this.stage) {\n      this.stage.removeEventListener('pointermove', this.handleDragMouseMove);\n      this.stage.removeEventListener('pointerup', this.handleDragMouseUp);\n    }\n    this.removeEventListener('pointerout', this.handleMouseOut);\n    this.removeEventListener('pointerdown', this.handleDragMouseDown);\n  }\n\n  release(): void {\n    // event\n    this.releaseEvent();\n\n    this.parent.removeChild(this);\n    this.editBorder = null;\n    this.updateCbs = [];\n    this.editEndCbs = [];\n    this.unTransStartCbs = [];\n    super.release();\n  }\n}\n"]}

package/es/edit/edit-component/edit-control/transform-drag.d.ts

@@ -0,0 +1,19 @@
+import type { IStage } from '@visactor/vrender';
+export declare class DragComponent {
+    private _state;
+    get state(): 'startDrag' | 'dragging' | 'stopDrag' | 'none';
+    set state(state: 'startDrag' | 'dragging' | 'stopDrag' | 'none');
+    private _lastPosX;
+    private _lastPosY;
+    constructor(stage: IStage);
+    protected _dragHandler: (moveX: number, moveY: number) => void;
+    protected _dragEndHandler: () => void;
+    protected _unDragEndHandler: () => void;
+    pointerMove: (event: PointerEvent) => void;
+    dragHandler(handler: (moveX: number, moveY: number) => void): void;
+    dragEndHandler(handler: () => void): void;
+    unDragEndHandler(handler: () => void): void;
+    startDrag(event: PointerEvent): void;
+    stopDrag: (event: PointerEvent) => void;
+    release(): void;
+}

package/es/edit/edit-component/edit-control/transform-drag.js

@@ -0,0 +1,37 @@
+export class DragComponent {
+    get state() {
+        return this._state;
+    }
+    set state(state) {
+        this._state = state;
+    }
+    constructor(stage) {
+        this._state = "none", this.pointerMove = event => {
+            var _a;
+            "startDrag" !== this._state && "dragging" !== this._state || ("dragging" !== this._state && (this._state = "dragging"), 
+            null === (_a = this._dragHandler) || void 0 === _a || _a.call(this, event.clientX - this._lastPosX, event.clientY - this._lastPosY), 
+            this._lastPosX = event.clientX, this._lastPosY = event.clientY);
+        }, this.stopDrag = event => {
+            var _a, _b;
+            "dragging" === this._state || "startDrag" === this._state ? (this._state = "stopDrag", 
+            this._state = "stopDrag", null === (_b = this._dragEndHandler) || void 0 === _b || _b.call(this)) : null === (_a = this._unDragEndHandler) || void 0 === _a || _a.call(this);
+        }, stage.addEventListener("pointermove", this.pointerMove, !0), stage.addEventListener("pointerup", this.stopDrag, !0);
+    }
+    dragHandler(handler) {
+        this._dragHandler = handler;
+    }
+    dragEndHandler(handler) {
+        this._dragEndHandler = handler;
+    }
+    unDragEndHandler(handler) {
+        this._unDragEndHandler = handler;
+    }
+    startDrag(event) {
+        this._state = "startDrag", this._lastPosX = event.clientX, this._lastPosY = event.clientY;
+    }
+    release() {
+        window.removeEventListener("pointermove", this.pointerMove, !0), window.removeEventListener("pointerup", this.stopDrag, !0), 
+        this._dragHandler = null, this._dragEndHandler = null;
+    }
+}
+//# sourceMappingURL=transform-drag.js.map

package/es/edit/edit-component/edit-control/transform-drag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/edit-control/transform-drag.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,aAAa;IAExB,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,IAAI,KAAK,CAAC,KAAqD;QAC7D,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAMD,YAAY,KAAa;QAZjB,WAAM,GAAmD,MAAM,CAAC;QAqBxE,gBAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;;YACpC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,WAAW,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,EAAE;gBAChE,OAAO;aACR;YACD,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE;gBAC9B,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;aAC1B;YACD,MAAA,IAAI,CAAC,YAAY,qDAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;YACpF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;QACjC,CAAC,CAAC;QAkBF,aAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE;;YACjC,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE;gBAC7D,MAAA,IAAI,CAAC,iBAAiB,oDAAI,CAAC;gBAC3B,OAAO;aACR;YAED,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;YAIzB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;YACzB,MAAA,IAAI,CAAC,eAAe,oDAAI,CAAC;QAC3B,CAAC,CAAC;QAhDA,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC9D,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC;IAkBD,WAAW,CAAC,OAA+C;QACzD,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;IAC9B,CAAC;IACD,cAAc,CAAC,OAAmB;QAChC,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;IACjC,CAAC;IACD,gBAAgB,CAAC,OAAmB;QAClC,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC;IACnC,CAAC;IAED,SAAS,CAAC,KAAmB;QAC3B,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;IACjC,CAAC;IAgBD,OAAO;QACL,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAClE,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,CAAC;CACF","file":"transform-drag.js","sourcesContent":["import type { IStage } from '@visactor/vrender';\n\nexport class DragComponent {\n  private _state: 'startDrag' | 'dragging' | 'stopDrag' | 'none' = 'none';\n  get state() {\n    return this._state;\n  }\n  set state(state: 'startDrag' | 'dragging' | 'stopDrag' | 'none') {\n    this._state = state;\n  }\n\n  private _lastPosX: number;\n  private _lastPosY: number;\n  // protected _container: HTMLElement;\n\n  constructor(stage: IStage) {\n    stage.addEventListener('pointermove', this.pointerMove, true);\n    stage.addEventListener('pointerup', this.stopDrag, true);\n  }\n\n  protected _dragHandler: (moveX: number, moveY: number) => void;\n  protected _dragEndHandler: () => void;\n  protected _unDragEndHandler: () => void;\n\n  pointerMove = (event: PointerEvent) => {\n    if (!(this._state === 'startDrag' || this._state === 'dragging')) {\n      return;\n    }\n    if (this._state !== 'dragging') {\n      this._state = 'dragging';\n    }\n    this._dragHandler?.(event.clientX - this._lastPosX, event.clientY - this._lastPosY);\n    this._lastPosX = event.clientX;\n    this._lastPosY = event.clientY;\n  };\n\n  dragHandler(handler: (moveX: number, moveY: number) => void) {\n    this._dragHandler = handler;\n  }\n  dragEndHandler(handler: () => void) {\n    this._dragEndHandler = handler;\n  }\n  unDragEndHandler(handler: () => void) {\n    this._unDragEndHandler = handler;\n  }\n\n  startDrag(event: PointerEvent) {\n    this._state = 'startDrag';\n    this._lastPosX = event.clientX;\n    this._lastPosY = event.clientY;\n  }\n\n  stopDrag = (event: PointerEvent) => {\n    if (this._state !== 'dragging' && this._state !== 'startDrag') {\n      this._unDragEndHandler?.();\n      return;\n    }\n    // const lastState = this._state;\n    this._state = 'stopDrag';\n    // if (lastState !== 'dragging') {\n    //   return;\n    // }\n    this._state = 'stopDrag';\n    this._dragEndHandler?.();\n  };\n\n  release() {\n    window.removeEventListener('pointermove', this.pointerMove, true);\n    window.removeEventListener('pointerup', this.stopDrag, true);\n    this._dragHandler = null;\n    this._dragEndHandler = null;\n  }\n}\n"]}