@maptalks/transform-control 0.7.0 → 0.82.0

package/dist/transform-control.mjs

@@ -1,7 +1,7 @@
 /*!
- * @maptalks/transform-control v0.7.0
+ * @maptalks/transform-control v0.82.0
  * LICENSE : UNLICENSED
- * (c) 2016-2022 maptalks.org
+ * (c) 2016-2023 maptalks.org
  */
 import { quat as A, mat4 as t, reshader as e, vec3 as s, vec2 as i, GroupGLLayer as n } from "@maptalks/gl";
 
@@ -757,29 +757,33 @@ const w = {
             nodes: [ 0 ]
         } ]
     }
-}, B = [];
+}, f = [];
 
-function f(s, i, n, o, I, r) {
-    const a = [], h = A.fromEuler([], n[0], n[1], n[2]), g = t.fromRotationTranslationScale([], h, i, o), B = function(A) {
-        return new c.GLTFLoader("", w[A]).load().then((A => A));
-    }(s);
-    return B.then((A => {
+function B(s, i, n, o, I, r) {
+    const a = [], h = A.fromEuler([], n[0], n[1], n[2]), g = t.fromRotationTranslationScale([], h, i, o);
+    return function(A) {
+        return new c.GLTFLoader("", w[A]).load().then(A => A);
+    }(s).then(A => {
         const s = e.GLTFHelper.exportGLTFPack(A).getMeshesInfo(), h = new e.Material({
             color: I
         });
-        s.forEach((A => {
+        s.forEach(A => {
             const s = new e.Mesh(A.geometry, h);
             s.setUniform("uPickingId", r);
             const c = s.getDefines();
             c.HAS_PICKING_ID = 2, s.setDefines(c), s.translate = i, s.rotation = n, s.scaling = o, 
             t.multiply(s.localTransform, g, A.nodeMatrix), s.originTransform = t.copy([], s.localTransform), 
             s.originColor = I, a.push(s);
-        }));
-    })), a;
+        });
+    }), a;
+}
+
+function C(A, t) {
+    return Math.abs(A) * Math.sign(t);
 }
 
-function C(A, e) {
-    const i = A.getCoordinates(), n = e.coordinateToPointAtRes(i, e.getGLRes()), I = [ n.x, n.y, 0 ], r = A.getTranslation();
+function P(A, e) {
+    const i = A.getCoordinates(), n = e.coordinateToPointAtRes(i, e.getGLRes()), I = [ n.x, n.y, 0 ], r = m(e, A.getTranslation());
     s.add(I, I, r);
     const a = function(A, t, e, s) {
         return A._pointAtResToContainerPoint(t, e, s);
@@ -788,11 +792,11 @@ function C(A, e) {
     const h = function(A, e, i, n) {
         if (n) {
             const I = i / A._getResolution(), r = A.width / 2, a = A.height / 2;
-            B[0] = (e.x - r) / r, B[1] = e.y / a - 1, B[3] = n * I;
+            f[0] = (e.x - r) / r, f[1] = e.y / a - 1, f[3] = n * I;
             const h = t.invert([], A.projViewMatrix);
-            s.transformMat4(B, B, h);
+            s.transformMat4(f, f, h);
             const g = A.getGLScale();
-            return s.set(B, B[0] / g, B[1] / g, B[2] / g), s.scale(B, B, 1 / I), new o.Point(B[0], B[1]);
+            return s.set(f, f[0] / g, f[1] / g, f[2] / g), s.scale(f, f, 1 / I), new o.Point(f[0], f[1]);
         }
         {
             const t = A.containerPointToCoordinate(e);
@@ -802,7 +806,13 @@ function C(A, e) {
     return Math.sqrt(Math.pow(h.x - I[0], 2) + Math.pow(h.y - I[1], 2)) / 5.272881136101205;
 }
 
-class P {
+function m(A, t) {
+    if (!A) return t;
+    const e = A.distanceToPointAtRes(t[0], t[1], A.getGLRes()), i = A.altitudeToPoint(t[2], A.getGLRes());
+    return s.set([], C(e.x, t[0]), C(e.y, t[1]), C(i, t[2]));
+}
+
+class u {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -810,7 +820,7 @@ class P {
         this.A = A;
     }
     t() {
-        const A = [], t = 340 / 177, e = f("jiantou", [ 1.2 * t, 0, 0 ], [ 0, 0, 90 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 7), s = f("jiantou", [ 0, 1.2 * t, 0 ], [ 0, 0, 180 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 8), i = f("jiantou", [ -1.2 * t, 0, 0 ], [ 0, 0, 270 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 9), n = f("jiantou", [ 0, -1.2 * t, 0 ], [ 0, 0, 0 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 10);
+        const A = [], t = 340 / 177, e = B("jiantou", [ 1.2 * t, 0, 0 ], [ 0, 0, 90 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 7), s = B("jiantou", [ 0, 1.2 * t, 0 ], [ 0, 0, 180 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 8), i = B("jiantou", [ -1.2 * t, 0, 0 ], [ 0, 0, 270 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 9), n = B("jiantou", [ 0, -1.2 * t, 0 ], [ 0, 0, 0 ], [ t, t, t ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 10);
         return A.push(e, s, i, n), A;
     }
     getMeshes() {
@@ -818,7 +828,7 @@ class P {
     }
 }
 
-class m {
+class Q {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -826,15 +836,15 @@ class m {
         this.A = A;
     }
     t() {
-        const A = [], t = 340 / 177, e = f("xuanzhuan", [ 0, 0, 0 ], [ 180, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 50 / 255, 130 / 255, 184 / 255, .8 ], 11);
-        return A.push(e), A;
+        const A = [], t = B("xuanzhuan", [ 0, 0, 0 ], [ 180, 0, 0 ], [ 340 / 177 * .5, 340 / 177 * .5, 340 / 177 * .5 ], [ 50 / 255, 130 / 255, 184 / 255, .8 ], 11);
+        return A.push(t), A;
     }
     getMeshes() {
         return this._meshes;
     }
 }
 
-class u {
+class l {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -842,15 +852,15 @@ class u {
         this.A = A;
     }
     t() {
-        const A = [], t = 340 / 177, e = f("yuanhuan", [ 0, 0, 0 ], [ 0, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 149 / 255, 179 / 255, 199 / 255, .5 ], 12);
-        return A.push(e), A;
+        const A = [], t = B("yuanhuan", [ 0, 0, 0 ], [ 0, 0, 0 ], [ 340 / 177 * .5, 340 / 177 * .5, 340 / 177 * .5 ], [ 149 / 255, 179 / 255, 199 / 255, .5 ], 12);
+        return A.push(t), A;
     }
     getMeshes() {
         return this._meshes;
     }
 }
 
-class Q {
+class b {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -858,7 +868,7 @@ class Q {
         this.A = A;
     }
     t() {
-        const A = [], t = f("plane", [ 0, 0, 0 ], [ 0, 0, 0 ], [ 10, 10, 10 ], [ 1, 0, 0, .5 ], 16);
+        const A = [], t = B("plane", [ 0, 0, 0 ], [ 0, 0, 0 ], [ 10, 10, 10 ], [ 1, 0, 0, .5 ], 16);
         return A.push(t), A;
     }
     getMeshes() {
@@ -866,42 +876,42 @@ class Q {
     }
 }
 
-const l = [], b = [], y = [], v = [], M = [], E = [ 177 / 170, 177 / 170, 177 / 170 ], D = [ 1, 2, 3, 4, 12 ];
+const y = [], v = [], M = [], E = [], D = [], p = [ 177 / 170, 177 / 170, 177 / 170 ], d = [ 1, 2, 3, 4, 12 ];
 
-class p {
+class x {
     constructor() {
-        this.translate = new P, this.rotation = new m, this.scaling = new u, this.planeHelper = new Q, 
-        this._meshes = this.t(), this.i = !0;
+        this.translate = new u, this.rotation = new Q, this.scaling = new l, this.planeHelper = new b, 
+        this._meshes = this.t(), this.s = !0;
     }
     t() {
         const A = {};
         A.translate = this.translate.getMeshes(), A.rotation = this.rotation.getMeshes(), 
         A.scaling = this.scaling.getMeshes(), A.planeHelper = this.planeHelper.getMeshes();
-        const t = 340 / 177, e = f("yuanhuan41", [ -2.745 * t, 2.745 * t, 0 ], [ 90, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 1), s = f("yuanhuan41", [ 2.745 * t, 2.745 * t, 0 ], [ -90, 0, 180 ], [ .5 * t, .5 * t, .5 * t ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 2), i = f("yuanhuan41", [ 2.745 * t, -2.745 * t, 0 ], [ 90, 0, 180 ], [ .5 * t, .5 * t, .5 * t ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 3), n = f("yuanhuan41", [ -2.745 * t, -2.745 * t, 0 ], [ -90, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 4), o = f("yuanpan", [ 0, 0, 0 ], [ 90, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 89 / 255, 206 / 255, 147 / 255, .5 ], 5), I = f("zzhou", [ 0, 0, 6.5 ], [ 90, 0, 0 ], [ 1, 1, 1 ], [ 14 / 255, 127 / 255, 191 / 255, 1 ], 6);
+        const t = 340 / 177, e = B("yuanhuan41", [ -2.745 * t, 2.745 * t, 0 ], [ 90, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 1), s = B("yuanhuan41", [ 2.745 * t, 2.745 * t, 0 ], [ -90, 0, 180 ], [ .5 * t, .5 * t, .5 * t ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 2), i = B("yuanhuan41", [ 2.745 * t, -2.745 * t, 0 ], [ 90, 0, 180 ], [ .5 * t, .5 * t, .5 * t ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 3), n = B("yuanhuan41", [ -2.745 * t, -2.745 * t, 0 ], [ -90, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 4), o = B("yuanpan", [ 0, 0, 0 ], [ 90, 0, 0 ], [ .5 * t, .5 * t, .5 * t ], [ 89 / 255, 206 / 255, 147 / 255, .5 ], 5), I = B("zzhou", [ 0, 0, 6.5 ], [ 90, 0, 0 ], [ 1, 1, 1 ], [ 14 / 255, 127 / 255, 191 / 255, 1 ], 6);
         return A.translate.push(e, s, i, n, o, I), A;
     }
     updateMatrix(e, i, n, o, I) {
         const r = i.getCoordinates(), a = e.coordinateToPointAtRes(r, e.getGLRes()), h = i.getPointZ();
-        s.set(b, a.x, a.y, h);
-        const g = s.copy(l, I), c = i.getTranslation();
-        s.add(b, b, c), s.add(b, b, g);
+        s.set(v, a.x, a.y, h);
+        const g = s.copy(y, I), c = m(e, i.getTranslation());
+        s.add(v, v, c), s.add(v, v, g);
         for (const I in this._meshes) for (let r = 0; r < this._meshes[I].length; r++) {
             const a = this._meshes[I][r];
             for (let I = 0; I < a.length; I++) {
-                const r = a[I], h = r.getUniform("uPickingId"), g = s.copy(l, r.translate), c = [ r.rotation[0], r.rotation[1], r.rotation[2] ], w = r.scaling;
-                if (11 === h && (this.i ? (c[2] += n, r.rotation[2] += n) : this.i || (c[2] += n, 
-                r.rotation[2] += n, c[0] = 360, c[2] -= 90)), D.indexOf(h) > -1) if (12 !== h) w[0] += o, 
+                const r = a[I], h = r.getUniform("uPickingId"), g = s.copy(y, r.translate), c = [ r.rotation[0], r.rotation[1], r.rotation[2] ], w = r.scaling;
+                if (11 === h && (this.s ? (c[2] += n, r.rotation[2] += n) : this.s || (c[2] += n, 
+                r.rotation[2] += n, c[0] = 360, c[2] -= 90)), d.indexOf(h) > -1) if (12 !== h) w[0] += o, 
                 w[1] += o, w[2] += o; else {
                     const A = this._meshes.translate[4][0];
                     w[0] = 1.2 * A.scaling[0], w[1] = 1.2 * A.scaling[0], w[2] = 1.2 * A.scaling[0];
                 }
-                let B = C(i, e);
-                if (B = s.set(y, B, B, B), s.multiply(g, g, B), s.multiply(B, B, w), 1 === h || 2 === h || 3 === h || 4 === h) {
-                    const A = s.multiply(M, w, E);
+                let f = P(i, e);
+                if (f = s.set(M, f, f, f), s.multiply(g, g, f), s.multiply(f, f, w), 1 === h || 2 === h || 3 === h || 4 === h) {
+                    const A = s.multiply(D, w, p);
                     s.multiply(g, g, A);
                 }
-                const f = A.fromEuler(v, c[0], c[1], c[2]);
-                s.add(g, g, b), t.fromRotationTranslationScale(r.localTransform, f, g, B);
+                const B = A.fromEuler(E, c[0], c[1], c[2]);
+                s.add(g, g, v), t.fromRotationTranslationScale(r.localTransform, B, g, f);
             }
         }
     }
@@ -910,8 +920,8 @@ class p {
         return t.translate = this._meshes.translate, A && "translate" !== A && (t[A] = this._meshes[A]), 
         t;
     }
-    o(A) {
-        this.i = A;
+    i(A) {
+        this.s = A;
     }
     dispose() {
         for (const A in this._meshes) for (let t = 0; t < this._meshes[A].length; t++) {
@@ -924,302 +934,303 @@ class p {
     }
 }
 
-const d = [ 5, 6, 7, 8, 9, 10 ], x = [ 5, 7, 8, 9, 10 ], F = [ 2, 4, 11 ], U = [ 1, 3, 12 ], k = [ 12, 16 ], L = [ 1, 2, 3, 4 ], V = [ 1, 2, 3, 4, 12 ], O = [], S = [], H = [], N = [], T = [], K = [], _ = [];
+const F = [ 5, 6, 7, 8, 9, 10 ], U = [ 5, 7, 8, 9, 10 ], k = [ 2, 4, 11 ], L = [ 1, 3, 12 ], V = [ 12, 16 ], O = [ 1, 2, 3, 4 ], S = [ 1, 2, 3, 4, 12 ], H = [], N = [], T = [], K = [], _ = [], R = [], G = [];
 
-class R extends(I(r(a))){
+class j extends(I(r(a))){
     constructor(A) {
-        super(A), this.options = A, this.mouseAction = "moving", this.I = "translate", this.h = !0, 
-        this.TransformHelper = new p, this.helperScene = new e.Scene([]), this.addToMapCount = 0;
+        super(A), this.options = A, this.mouseAction = "moving", this.o = "translate", this.I = !0, 
+        this.TransformHelper = new x, this.helperScene = new e.Scene([]), this.addToMapCount = 0;
     }
     enable() {
-        return this.h = !0, this.layerRenderer && this.layerRenderer.setToRedraw(), this;
+        return this.I = !0, this.layerRenderer && this.layerRenderer.setToRedraw(), this;
     }
     disable() {
-        return this.h = !1, this.layerRenderer && this.layerRenderer.setToRedraw(), this.map && this.map.resetCursor(), 
+        return this.I = !1, this.layerRenderer && this.layerRenderer.setToRedraw(), this.map && this.map.resetCursor(), 
         this;
     }
     isEnable() {
-        return this.h;
+        return this.I;
     }
-    g(A) {
-        d.indexOf(A) > -1 ? this.I = "translate" : F.indexOf(A) > -1 ? this.I = "rotation" : U.indexOf(A) > -1 ? this.I = "scaling" : this.I = "translate";
+    h(A) {
+        F.indexOf(A) > -1 ? this.o = "translate" : k.indexOf(A) > -1 ? this.o = "rotation" : L.indexOf(A) > -1 ? this.o = "scaling" : this.o = "translate";
     }
-    B() {
-        return this.I;
+    g() {
+        return this.o;
     }
     addTo(A) {
-        this.map && (this.C(), console.warn("transform control has been added to a map, it suggest remove from the map before")), 
-        this.addToMapCount++, this.map = A, this.container = A.getContainer(), A.on("dom:mousemove", this.P, this), 
-        A.on("dom:mousedown", this.m, this), A.on("dom:mouseup", this.u, this), A.on("zooming moving dragrotating", this.l, this), 
-        this.v();
+        this.map && (this.B(), console.warn("transform control has been added to a map, it suggest remove from the map before")), 
+        this.addToMapCount++, this.map = A, this.container = A.getContainer(), A.on("dom:mousemove", this.C, this), 
+        A.on("dom:mousedown", this.P, this), A.on("dom:mouseup", this.m, this), A.on("zooming moving dragrotating", this.u, this), 
+        this.l();
     }
     remove() {
-        this.map && this.container && this.layerRenderer && (this.C(), this.TransformHelper.dispose(), 
+        this.map && this.container && this.layerRenderer && (this.B(), this.TransformHelper.dispose(), 
         this.layerRenderer.setToRedraw(), delete this.map, delete this.layer, delete this.layerRenderer, 
-        delete this.container, delete this.M);
+        delete this.container, delete this.v);
     }
-    C() {
-        this.container && this.map && (this.map.off("mousemove", this.P, this), this.map.off("mousedown", this.m, this), 
-        this.map.off("mouseup", this.u, this), this.map.off("zooming moving dragrotating", this.l, this), 
+    B() {
+        this.container && this.map && (this.map.off("mousemove", this.C, this), this.map.off("mousedown", this.P, this), 
+        this.map.off("mouseup", this.m, this), this.map.off("zooming moving dragrotating", this.u, this), 
         this.layer && this.layer.off("renderend", this.render, this));
     }
-    P(A) {
-        if (this.D()) {
+    C(A) {
+        if (this.M()) {
             if (this.currentMousePosition = {
                 x: A.containerPoint.x,
                 y: A.containerPoint.y
             }, "moving" === this.mouseAction) {
-                const A = this.p();
-                this.currentPickingObject = this.F(this.currentMousePosition, A, "meshes"), this.currentPickingObject && null != this.currentPickingObject.pickingId ? (this.g(this.currentPickingObject.pickingId), 
-                6 === this.currentPickingObject.pickingId ? this.U(!0) : this.U(!1)) : (this.U(!1), 
-                this.g()), this.k();
+                const A = this.D();
+                this.currentPickingObject = this.p(this.currentMousePosition, A, "meshes"), this.currentPickingObject && null != this.currentPickingObject.pickingId ? (this.h(this.currentPickingObject.pickingId), 
+                6 === this.currentPickingObject.pickingId ? this.F(!0) : this.F(!1)) : (this.F(!1), 
+                this.h()), this.U();
             }
-            this.L(this.currentMousePosition);
+            this.k(this.currentMousePosition);
         }
     }
-    m(A) {
-        if (!this.D()) return;
-        const t = this.p();
+    P(A) {
+        if (!this.M()) return;
+        const t = this.D();
         this.currentMousePosition = {
             x: A.containerPoint.x,
             y: A.containerPoint.y
-        }, this.V = !0, this.currentPickingObject = this.F(this.currentMousePosition, t, "meshes"), 
-        this.firstDownPoint = this.F(this.currentMousePosition, t, "meshes"), this.currentPickingObject && null != this.currentPickingObject.meshId ? (this.mouseAction = "transform", 
-        this.O(this.currentPickingObject.pickingId), this.map.config("zoomable", !1), this.map.config("draggable", !1), 
+        }, this.L = !0, this.currentPickingObject = this.p(this.currentMousePosition, t, "meshes"), 
+        this.firstDownPoint = this.p(this.currentMousePosition, t, "meshes"), this.currentPickingObject && null != this.currentPickingObject.meshId ? (this.mouseAction = "transform", 
+        this.V(this.currentPickingObject.pickingId), this.map.config("zoomable", !1), this.map.config("draggable", !1), 
         this.layerRenderer && this.layerRenderer.setToRedraw()) : (this.mouseAction = "pan", 
-        this.map.config("zoomable", !0), this.map.config("draggable", !0), this.S()), this.lastMousePosition = this.currentMousePosition, 
+        this.map.config("zoomable", !0), this.map.config("draggable", !0), this.O()), this.lastMousePosition = this.currentMousePosition, 
         this.lastPickingObject = this.currentPickingObject, this.lastPickingMesh = t[this.currentPickingObject.meshId];
     }
-    u() {
-        "transform" === this.mouseAction && (this.firstDownPoint = null, this.S(), this.V = !0, 
+    m() {
+        "transform" === this.mouseAction && (this.firstDownPoint = null, this.O(), this.L = !0, 
         this.fire("transformend", {
-            action: this.H,
+            action: this.S,
             type: "transformend"
-        })), this.mouseAction = "moving", this.I = "translate", this.map.config("zoomable", !0), 
+        })), this.mouseAction = "moving", this.o = "translate", this.map.config("zoomable", !0), 
         this.map.config("draggable", !0), this.layerRenderer && this.layerRenderer.setToRedraw();
     }
-    l() {
+    u() {
         const A = this.TransformHelper.planeHelper.getMeshes()[0][0], t = this.map.getBearing();
-        A.rotation[2] = -t, this.N();
+        A.rotation[2] = -t, this.H();
     }
-    N() {
-        this.D() && (this.TransformHelper.updateMatrix(this.map, this.M, 0, 0, [ 0, 0, 0 ]), 
-        this.V = !0);
+    H() {
+        this.M() && (this.TransformHelper.updateMatrix(this.map, this.v, 0, 0, [ 0, 0, 0 ]), 
+        this.L = !0);
     }
     picked(A) {
         if (!this.layerRenderer) return !1;
-        const t = this.p(), e = this.map;
+        const t = this.D(), e = this.map;
         let s = A;
         A instanceof h || (s = e.coordinateToContainerPoint(new g(A)));
-        const i = this.F(s, t, "picked");
+        const i = this.p(s, t, "picked");
         return !(!i || null === i.meshId);
     }
-    S() {
-        const A = this.TransformHelper.getMeshes("scaling").scaling[0][0], t = 340 / 177;
-        A.scaling = [ .6 * t, .6 * t, .6 * t ], this.layerRenderer && (this.T(A), this.K());
+    O() {
+        const A = this.TransformHelper.getMeshes("scaling").scaling[0][0];
+        A.scaling = [ 340 / 177 * .6, 340 / 177 * .6, 340 / 177 * .6 ], this.layerRenderer && (this.N(A), 
+        this.T());
     }
-    K() {
-        this.TransformHelper._meshes.translate.forEach((A => {
+    T() {
+        this.TransformHelper._meshes.translate.forEach(A => {
             for (let t = 0; t < A.length; t++) {
                 const e = A[t];
-                L.indexOf(e.getUniform("uPickingId")) > -1 && e.material.set("color", e.originColor);
+                O.indexOf(e.getUniform("uPickingId")) > -1 && e.material.set("color", e.originColor);
             }
-        }));
+        });
     }
-    T(e) {
-        const i = this.M.getCoordinates(), n = this.map.coordinateToPointAtRes(i, this.map.getGLRes()), o = [ n.x, n.y, 0 ], I = this.M.getTranslation();
+    N(e) {
+        const i = this.v.getCoordinates(), n = this.map.coordinateToPointAtRes(i, this.map.getGLRes()), o = [ n.x, n.y, 0 ], I = m(this.map, this.v.getTranslation());
         s.add(o, o, I);
         const r = s.copy([], e.translate), a = e.scaling;
-        let h = C(this.M, this.map);
+        let h = P(this.v, this.map);
         h = s.set([], h, h, h), s.multiply(r, r, h), s.multiply(h, h, a), s.add(r, r, o), 
         t.fromRotationTranslationScale(e.localTransform, [ 0, 0, 0, 1 ], r, h);
-        this.p().forEach((e => {
+        this.D().forEach(e => {
             const i = e.getUniform("uPickingId");
             if (1 === i || 3 === i || 2 === i || 4 === i) {
                 const i = s.copy([], e.translate), n = 170 / 177;
                 e.scaling = [ n, n, n ];
                 const I = e.scaling, r = e.rotation;
-                let a = C(this.M, this.map);
+                let a = P(this.v, this.map);
                 a = s.set([], a, a, a), s.multiply(i, i, a), s.multiply(a, a, I), s.add(i, i, o);
                 const h = A.fromEuler([], r[0], r[1], r[2]);
                 t.fromRotationTranslationScale(e.localTransform, h, i, a);
             }
-        }));
+        });
     }
-    _(A) {
+    K(A) {
         const t = this.map.containerPointToCoordinate(A), e = this.map.coordinateToPointAtRes(t, this.map.getGLRes());
         return {
             point: [ e.x, e.y ]
         };
     }
-    L(A) {
+    k(A) {
         if ("transform" === this.mouseAction) {
-            const A = this.B(), t = this.M.getTranslation(), e = this.M.getPointZ(), n = this.M.getCoordinates(), o = this.map.coordinateToPointAtRes(n, this.map.getGLRes()), I = this.M.getRotation(), r = this.M.getScale();
+            const A = this.g(), t = m(this.map, this.v.getTranslation()), e = this.v.getPointZ(), n = this.v.getCoordinates(), o = this.map.coordinateToPointAtRes(n, this.map.getGLRes()), I = this.v.getRotation(), r = this.v.getScale();
             let a = null, c = null;
-            if (t[2] + e < .01 && "z-translate" !== this.H) a = this._(this.currentMousePosition), 
-            c = this._(this.lastMousePosition); else {
+            if (t[2] + e < .01 && "z-translate" !== this.S) a = this.K(this.currentMousePosition), 
+            c = this.K(this.lastMousePosition); else {
                 const A = this.TransformHelper.planeHelper.getMeshes()[0];
-                if (a = this.F(this.currentMousePosition, A, "plane"), c = this.F(this.lastMousePosition, A, "plane"), 
+                if (a = this.p(this.currentMousePosition, A, "plane"), c = this.p(this.lastMousePosition, A, "plane"), 
                 !a || null === a.meshId || !c || null === c.meshId) return;
             }
-            const w = [ 0, 0, 0 ], B = [ 0, 0, 0 ];
-            let f = 0, C = 0, P = 0;
+            const w = [ 0, 0, 0 ], f = [ 0, 0, 0 ];
+            let B = 0, C = 0, P = 0;
             if ("translate" === A) {
-                if ("xy-translate" === this.H) {
+                if ("xy-translate" === this.S) {
                     const A = a.point[0] - c.point[0], t = a.point[1] - c.point[1];
                     w[0] = A, w[1] = t;
-                } else if ("x-translate" === this.H) {
+                } else if ("x-translate" === this.S) {
                     const A = a.point[0] - c.point[0];
                     w[0] = A;
-                } else if ("y-translate" === this.H) {
+                } else if ("y-translate" === this.S) {
                     const A = a.point[1] - c.point[1];
                     w[1] = A;
-                } else if ("z-translate" === this.H) {
+                } else if ("z-translate" === this.S) {
                     let A = 0;
-                    if (this.R()) {
-                        const t = this.map.getGLRes(), e = this.map._pointAtResToContainerPoint(new h(c.point[0], c.point[1]), t), s = this.map._pointAtResToContainerPoint(new h(a.point[0], a.point[1]), t), n = i.length(i.set(N, a.point[0] - c.point[0], a.point[1] - c.point[1]));
+                    if (this._()) {
+                        const t = this.map.getGLRes(), e = this.map._pointAtResToContainerPoint(new h(c.point[0], c.point[1]), t), s = this.map._pointAtResToContainerPoint(new h(a.point[0], a.point[1]), t), n = i.length(i.set(K, a.point[0] - c.point[0], a.point[1] - c.point[1]));
                         A = s.y < e.y ? n : -n;
                     } else A = a.point[2] - c.point[2];
                     w[2] = Math.sign(A) * this.map.pointAtResToAltitude(A, this.map.getGLRes());
                 }
-            } else if ("rotation" === A) C = this.G(a.point, c.point), C >= 0 ? this.TransformHelper.o(!0) : this.TransformHelper.o(!1), 
-            B[2] += C; else if ("scaling" === A) {
-                const A = this.j(), t = i.length(i.set(N, this.firstDownPoint.point[0] - A[0], this.firstDownPoint.point[1] - A[1])), e = i.length(i.set(N, c.point[0] - A[0], c.point[1] - A[1]));
-                f = this.Z(a.point, c.point, A, e, r), P = this.Z(a.point, c.point, A, t);
+            } else if ("rotation" === A) C = this.R(a.point, c.point), C >= 0 ? this.TransformHelper.i(!0) : this.TransformHelper.i(!1), 
+            f[2] += C; else if ("scaling" === A) {
+                const A = this.G(), t = i.length(i.set(K, this.firstDownPoint.point[0] - A[0], this.firstDownPoint.point[1] - A[1])), e = i.length(i.set(K, c.point[0] - A[0], c.point[1] - A[1]));
+                B = this.j(a.point, c.point, A, e, r), P = this.j(a.point, c.point, A, t);
             }
-            const m = s.set([], o.x, o.y, n.z || 0), u = s.add(m, m, w), Q = this.map.pointAtResToCoordinate(new g(u[0], u[1]), this.map.getGLRes());
-            Q.z = u[2];
-            let l = null;
-            l = f >= 0 ? f : f * (this.options && this.options.scaleStrength || 1);
-            const b = s.add(r, s.set(N, l, l * (r[1] / r[0]), l * (r[2] / r[0])), r);
-            if (Math.min(...b) < .01) {
+            const u = s.set([], o.x, o.y, n.z || 0), Q = s.add(u, u, w), l = this.map.pointAtResToCoordinate(new g(Q[0], Q[1]), this.map.getGLRes());
+            l.z = Q[2];
+            let b = null;
+            b = B >= 0 ? B : B * (this.options && this.options.scaleStrength || 1);
+            const y = s.add(r, s.set(K, b, b * (r[1] / r[0]), b * (r[2] / r[0])), r);
+            if (Math.min(...y) < .01) {
                 const A = Math.min(...r);
-                b[0] = r[0] * (.01 / A), b[1] = r[1] * (.01 / A), b[2] = r[2] * (.01 / A);
+                y[0] = r[0] * (.01 / A), y[1] = r[1] * (.01 / A), y[2] = r[2] * (.01 / A);
             }
-            const y = s.add(I, B, I);
-            this.TransformHelper.updateMatrix(this.map, this.M, C, P, w), this.H.indexOf("translate") > -1 ? this.fire("positionchange", {
-                action: this.H,
+            const v = s.add(I, f, I);
+            this.TransformHelper.updateMatrix(this.map, this.v, C, P, w), this.S.indexOf("translate") > -1 ? this.fire("positionchange", {
+                action: this.S,
                 type: "positionchange",
-                target: this.M,
-                coordinate: Q
+                target: this.v,
+                coordinate: l
             }) : this.fire("transforming", {
-                action: this.H,
+                action: this.S,
                 type: "transforming",
-                target: this.M,
+                target: this.v,
                 translate: t,
-                rotation: y,
-                scale: b
+                rotation: v,
+                scale: y
             });
         }
         this.lastMousePosition = A, this.lastPickingObject = this.currentPickingObject;
-        const t = this.p();
+        const t = this.D();
         this.lastPickingMesh = t[this.currentPickingObject.meshId];
     }
-    Z(A, t, e, s, n) {
-        const o = (i.length(i.set(N, A[0] - e[0], A[1] - e[1])) - i.length(i.set(N, t[0] - e[0], t[1] - e[1]))) / s;
+    j(A, t, e, s, n) {
+        const o = (i.length(i.set(K, A[0] - e[0], A[1] - e[1])) - i.length(i.set(K, t[0] - e[0], t[1] - e[1]))) / s;
         return n ? (n[0] - .01) * o : o;
     }
-    j() {
-        const A = this.map, t = this.M.getCoordinates(), e = A.coordinateToPointAtRes(t, A.getGLRes()), i = s.set(T, e.x, e.y, 0), n = this.M.getTranslation();
+    G() {
+        const A = this.map, t = this.v.getCoordinates(), e = A.coordinateToPointAtRes(t, A.getGLRes()), i = s.set(_, e.x, e.y, 0), n = m(A, this.v.getTranslation());
         return s.add(i, i, n), i;
     }
-    U(e) {
-        const i = this.TransformHelper.planeHelper.getMeshes()[0][0], n = t.getTranslation(H, i.localTransform), o = t.getScaling(S, i.localTransform);
-        let I = A.fromEuler(O, 0, 0, 0);
+    F(e) {
+        const i = this.TransformHelper.planeHelper.getMeshes()[0][0], n = t.getTranslation(T, i.localTransform), o = t.getScaling(N, i.localTransform);
+        let I = A.fromEuler(H, 0, 0, 0);
         const r = this.map.getBearing();
-        e && !this.R() ? (I = A.fromEuler(O, 90, 0, -r), 0 === i.rotation[0] && (this.V = !0), 
-        s.set(i.rotation, 90, 0, -r)) : (90 === i.rotation[0] && (this.V = !0), s.set(i.rotation, 0, 0, -r)), 
+        e && !this._() ? (I = A.fromEuler(H, 90, 0, -r), 0 === i.rotation[0] && (this.L = !0), 
+        s.set(i.rotation, 90, 0, -r)) : (90 === i.rotation[0] && (this.L = !0), s.set(i.rotation, 0, 0, -r)), 
         t.fromRotationTranslationScale(i.localTransform, I, n, o);
     }
-    R() {
+    _() {
         if (this.map.getPitch()) return !1;
         const A = this.map.cameraPosition, t = this.map.coordinateToPointAtRes(this.map.getCenter(), this.map.getGLRes());
         s.set(t, t.x, t.y, 0);
-        const e = this.M.getCoordinates(), i = this.map.coordinateToPointAtRes(e, this.map.getGLRes()), n = this.M.getTranslation(), o = s.set(H, i.x, i.y, 0), I = s.add(o, o, n), r = s.subtract([], A, I), a = s.subtract([], A, t);
+        const e = this.v.getCoordinates(), i = this.map.coordinateToPointAtRes(e, this.map.getGLRes()), n = m(this.map, this.v.getTranslation()), o = s.set(T, i.x, i.y, 0), I = s.add(o, o, n), r = s.subtract([], A, I), a = s.subtract([], A, t);
         return s.angle(r, a) < 1 / 180 * Math.PI;
     }
-    k() {
-        const A = this.p();
+    U() {
+        const A = this.D();
         if (this.currentPickingObject && null != this.currentPickingObject.meshId) {
-            this.J(), this.lastPickingObject && null != this.lastPickingObject.meshId && this.lastPickingObject.meshId !== this.currentPickingObject.meshId && this.Y();
+            this.Z(), this.lastPickingObject && null != this.lastPickingObject.meshId && this.lastPickingObject.meshId !== this.currentPickingObject.meshId && this.J();
             const t = A[this.currentPickingObject.meshId];
-            if (t && k.indexOf(this.currentPickingObject.pickingId) < 0) {
+            if (t && V.indexOf(this.currentPickingObject.pickingId) < 0) {
                 const A = [ t.originColor[0], t.originColor[1], t.originColor[2], .8 ];
-                t.material.set("color", A), this.W(t, .5);
+                t.material.set("color", A), this.Y(t, .5);
             }
             this.layerRenderer.setToRedraw();
         } else this.lastPickingObject && null != this.lastPickingObject.meshId && (this.map.resetCursor(), 
-        this.Y(), this.layerRenderer.setToRedraw());
+        this.J(), this.layerRenderer.setToRedraw());
     }
-    J() {
-        6 === this.currentPickingObject.pickingId ? this.map.setCursor("ns-resize") : x.indexOf(this.currentPickingObject.pickingId) > -1 ? this.map.setCursor("move") : this.map.setCursor("pointer");
+    Z() {
+        6 === this.currentPickingObject.pickingId ? this.map.setCursor("ns-resize") : U.indexOf(this.currentPickingObject.pickingId) > -1 ? this.map.setCursor("move") : this.map.setCursor("pointer");
     }
-    Y() {
+    J() {
         const A = this.lastPickingMesh;
         if (!A) return;
-        const t = A.getUniform("uPickingId"), e = this.p();
-        x.indexOf(t) > -1 ? e.forEach((A => {
-            x.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
-        })) : V.indexOf(t) > -1 ? e.forEach((A => {
+        const t = A.getUniform("uPickingId"), e = this.D();
+        U.indexOf(t) > -1 ? e.forEach(A => {
+            U.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
+        }) : S.indexOf(t) > -1 ? e.forEach(A => {
             const t = A.getUniform("uPickingId");
-            L.indexOf(t) > -1 && A.material.set("color", A.originColor);
-        })) : 11 === t && e.forEach((A => {
-            L.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
-        })), A.material.set("color", A.originColor);
-    }
-    W(A, t) {
-        const e = A.getUniform("uPickingId"), s = this.p();
-        x.indexOf(e) > -1 ? s.forEach((e => {
-            if (x.indexOf(e.getUniform("uPickingId")) > -1 && e.getUniform("uPickingId") !== A.getUniform("uPickingId")) {
+            O.indexOf(t) > -1 && A.material.set("color", A.originColor);
+        }) : 11 === t && e.forEach(A => {
+            O.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
+        }), A.material.set("color", A.originColor);
+    }
+    Y(A, t) {
+        const e = A.getUniform("uPickingId"), s = this.D();
+        U.indexOf(e) > -1 ? s.forEach(e => {
+            if (U.indexOf(e.getUniform("uPickingId")) > -1 && e.getUniform("uPickingId") !== A.getUniform("uPickingId")) {
                 const A = [ e.originColor[0], e.originColor[1], e.originColor[2], t ];
                 e.material.set("color", A);
             }
-        })) : "scaling" === this.I ? s.forEach((A => {
+        }) : "scaling" === this.o ? s.forEach(A => {
             const t = A.getUniform("uPickingId");
             if (1 === t || 3 === t || 2 === t || 4 === t) {
                 const t = [ 149 / 255, 179 / 255, 199 / 255, .8 ];
                 A.material.set("color", t);
             }
-        })) : "rotation" === this.I && s.forEach((A => {
+        }) : "rotation" === this.o && s.forEach(A => {
             const t = A.getUniform("uPickingId");
             if (1 === t || 3 === t || 2 === t || 4 === t) {
                 const t = A.originColor;
                 A.material.set("color", [ t[0], t[1], t[2], 0 ]);
             }
-        }));
+        });
     }
     reset() {
-        if (!this.map || !this.M) return;
-        this.M.setTranslation(this.M.originTrans), this.M.setRotation(this.q), this.M.setScale(this.X);
-        const A = this.M.getTranslation();
-        s.scale(A, A, -1), this.TransformHelper.updateMatrix(this.map, this.M, 0, 1, [ 0, 0, 0 ]);
+        if (!this.map || !this.v) return;
+        this.v.setTranslation(this.v.originTrans), this.v.setRotation(this.W), this.v.setScale(this.q);
+        const A = m(this.map, this.v.getTranslation());
+        s.scale(A, A, -1), this.TransformHelper.updateMatrix(this.map, this.v, 0, 1, [ 0, 0, 0 ]);
     }
-    G(A, t) {
-        const e = this.j(), s = i.set(K, t[0] - e[0], t[1] - e[1]), n = i.set(_, A[0] - e[0], A[1] - e[1]), o = Math.atan2(s[1], s[0]);
+    R(A, t) {
+        const e = this.G(), s = i.set(R, t[0] - e[0], t[1] - e[1]), n = i.set(G, A[0] - e[0], A[1] - e[1]), o = Math.atan2(s[1], s[0]);
         return (Math.atan2(n[1], n[0]) - o) / Math.PI * 180;
     }
-    O(A) {
-        return this.H = 5 === A ? "xy-translate" : 6 === A ? "z-translate" : 7 === A || 9 === A ? "x-translate" : 8 === A || 10 === A ? "y-translate" : 11 === A ? "z-rotate" : "scale", 
-        this.H;
+    V(A) {
+        return this.S = 5 === A ? "xy-translate" : 6 === A ? "z-translate" : 7 === A || 9 === A ? "x-translate" : 8 === A || 10 === A ? "y-translate" : 11 === A ? "z-rotate" : "scale", 
+        this.S;
     }
     transform(A) {
         if (this.layerRenderer && this.layerRenderer.layer && (this.layerRenderer.layer.off("renderend", this.render), 
-        this.layerRenderer.layer.off("resizeCanvas", this.$)), this.M && (this.M.off("remove", this.AA, this), 
-        delete this.M), this.M = A, this.M.on("remove", this.AA, this), !this.map) return void console.error("should add to a target first");
+        this.layerRenderer.layer.off("resizeCanvas", this.X)), this.v && (this.v.off("remove", this.$, this), 
+        delete this.v), this.v = A, this.v.on("remove", this.$, this), !this.map) return void console.error("should add to a target first");
         const t = this.map;
-        this.M.originTrans || (this.M.originTrans = this.M.getTranslation(), this.M.originRotation = this.M.getRotation(), 
-        this.M.originScale = this.M.getScale()), this.TransformHelper.updateMatrix(t, A, 0, 0, [ 0, 0, 0 ]), 
-        this.tA(), this.V = !0;
+        this.v.originTrans || (this.v.originTrans = m(t, this.v.getTranslation()), this.v.originRotation = this.v.getRotation(), 
+        this.v.originScale = this.v.getScale()), this.TransformHelper.updateMatrix(t, A, 0, 0, [ 0, 0, 0 ]), 
+        this.AA(), this.L = !0;
     }
     getTransformTarget() {
-        return this.M;
+        return this.v;
     }
-    AA() {
-        delete this.M;
+    $() {
+        delete this.v;
     }
-    tA() {
-        const A = this.M.getLayer();
-        A && (A.off("renderend", this.render), A.off("resizeCanvas", this.$));
+    AA() {
+        const A = this.v.getLayer();
+        A && (A.off("renderend", this.render), A.off("resizeCanvas", this.X));
         const t = this.map.getLayers();
         let e = null;
         for (let A = 0; A < t.length; A++) if (t[A] instanceof n) {
@@ -1231,37 +1242,37 @@ class R extends(I(r(a))){
         if (i < 0) return;
         s.splice(i, 1), s.push(A);
         const o = this.map, I = A.getRenderer();
-        this.layerRenderer = I, this.regl = I.regl, this.renderer = I.renderer, this.eA = this.layerRenderer.getFBORayPicking(), 
-        this.sA = {
+        this.layerRenderer = I, this.regl = I.regl, this.renderer = I.renderer, this.tA = this.layerRenderer.getFBORayPicking(), 
+        this.eA = {
             projViewMatrix: o.projViewMatrix
-        }, A.on("renderend", this.render, this), A.on("resizeCanvas", this.$, this), I.setToRedraw();
+        }, A.on("renderend", this.render, this), A.on("resizeCanvas", this.X, this), I.setToRedraw();
     }
-    $() {
-        this.eA.clear(), this.V = !0;
+    X() {
+        this.tA.clear(), this.L = !0;
     }
-    F(A, t, e) {
+    p(A, t, e) {
         const s = this.map;
-        if (!(s && this.eA && this.layerRenderer && this.layerRenderer.canvas)) return null;
+        if (!(s && this.tA && this.layerRenderer && this.layerRenderer.canvas)) return null;
         const i = s.getDevicePixelRatio(), n = A.x * i, o = A.y * i, I = {
             projViewMatrix: this.map.projViewMatrix,
             pointSize: 1
         }, r = this.layerRenderer.canvas.gl && this.layerRenderer.canvas.gl.wrap;
-        (this.V || r || !this.iA || this.iA !== e) && (this.eA.render(t, I, !0), this.iA = e, 
-        this.V = !1);
-        return this.eA.pick(n, o, 10, I, {
+        (this.L || r || !this.sA || this.sA !== e) && (this.tA.render(t, I, !0), this.sA = e, 
+        this.L = !1);
+        return this.tA.pick(n, o, 10, I, {
             viewMatrix: this.map.viewMatrix,
             projMatrix: this.map.projMatrix,
             returnPoint: !0
         });
     }
-    v() {
+    l() {
         const A = this.map.getDevicePixelRatio(), s = {
             x: 0,
             y: 0,
             width: () => this.map ? this.map.width * A : 1,
             height: () => this.map ? this.map.height * A : 1
         };
-        this.nA = new e.MeshShader({
+        this.iA = new e.MeshShader({
             vert: "attribute vec3 aPosition;\n\nuniform mat4 projViewModelMatrix;\n\n\n\nvoid main()\n\n{\n\n    gl_Position = projViewModelMatrix * vec4(aPosition, 1.0);\n\n\n\n}\n\n",
             frag: "precision mediump float;\n\nuniform vec4 color;\n\n\n\nvoid main() {\n\n    gl_FragColor = color;\n\n}\n\n",
             uniforms: [ "color", {
@@ -1292,18 +1303,18 @@ class R extends(I(r(a))){
         });
     }
     render() {
-        if (!this.D()) return;
-        const A = this.p();
+        if (!this.M()) return;
+        const A = this.D();
         this.helperScene.setMeshes(A);
         const t = this.layerRenderer.getFrameContext();
         if (t && t.renderTarget && this.layerRenderer.getFrameTimestamp() !== t.timestamp) return;
-        this.N(), this.nA.filter = t && t.sceneFilter;
+        this.H(), this.iA.filter = t && t.sceneFilter;
         const e = t && t.renderTarget && t.renderTarget.fbo;
-        this.renderer.render(this.nA, this.sA, this.helperScene, e);
+        this.renderer.render(this.iA, this.eA, this.helperScene, e);
     }
-    p() {
+    D() {
         let A = [];
-        const t = this.TransformHelper.getMeshes(this.I);
+        const t = this.TransformHelper.getMeshes(this.o);
         for (const e in t) {
             if ("translate" === e) continue;
             const s = t[e];
@@ -1313,16 +1324,16 @@ class R extends(I(r(a))){
         for (let t = 0; t < e.length; t++) A = A.concat(e[t]);
         return A;
     }
-    D() {
+    M() {
         const A = this.layerRenderer, t = A && A.layer;
-        return A && this.M && t && t.isVisible() && this.M.isVisible() && this.regl && this.h;
+        return A && this.v && t && t.isVisible() && this.v.isVisible() && this.regl && this.I;
     }
 }
 
-R.mergeOptions({
+j.mergeOptions({
     scaleStrength: 2
 });
 
-export { R as TransformControl };
+export { j as TransformControl };
 
-"undefined" != typeof console && console.log("@maptalks/transform-control v0.7.0");
+"undefined" != typeof console && console.log("@maptalks/transform-control v0.82.0");