@maptalks/transform-control 0.99.0 → 0.101.0

package/dist/transform-control.es.js

@@ -1,17 +1,17 @@
 /*!
- * @maptalks/transform-control v0.99.0
+ * @maptalks/transform-control v0.101.0
  * LICENSE : UNLICENSED
  * (c) 2016-2024 maptalks.org
  */
-import { quat as A, mat4 as e, reshader as t, vec3 as s, vec2 as i, GroupGLLayer as n } from "@maptalks/gl";
+import { quat as A, mat4 as e, reshader as t, vec3 as s, gltf as i, vec2 as n } from "@maptalks/gl";
 
 import * as I from "maptalks";
 
-import { Point as o, Coordinate as g, Eventable as r, Handlerable as C, Class as a } from "maptalks";
+import { Point as o, Coordinate as g, Eventable as r, Handlerable as a, Class as C, INTERNAL_LAYER_PREFIX as h } from "maptalks";
 
-import * as h from "@maptalks/gltf-loader";
+import { GLTFLayer as w, GLTFMarker as c } from "@maptalks/gltf-layer";
 
-const w = {
+const Q = {
     yuanhuan: {
         accessors: [ {
             name: "������_1_0_positions",
@@ -1156,33 +1156,33 @@ const w = {
     }
 };
 
-function c(s, i, n, I, o, g) {
-    const r = [], C = A.fromEuler([], n[0], n[1], n[2]), a = e.fromRotationTranslationScale([], C, i, I), c = function(A) {
-        return new h.GLTFLoader("", JSON.parse(JSON.stringify(w[A]))).load().then((A => A));
+function f(s, n, I, o, g, r) {
+    const a = [], C = A.fromEuler([], I[0], I[1], I[2]), h = e.fromRotationTranslationScale([], C, n, o), w = function(A) {
+        return new i.GLTFLoader("", JSON.parse(JSON.stringify(Q[A]))).load().then((A => A));
     }(s);
-    return c.then((A => {
+    return w.then((A => {
         t.GLTFHelper.exportGLTFPack(A).getMeshesInfo().forEach(((A, s) => {
-            const C = new t.Material({
-                color: o || A.materialInfo.baseColorFactor
-            }), h = new t.Mesh(A.geometry, C);
-            h.setUniform("uPickingId", g + s);
-            const w = h.getDefines();
-            w.HAS_PICKING_ID = 2, h.setDefines(w), h.translate = i, h.rotation = n, h.scaling = I, 
-            e.multiply(h.localTransform, a, A.nodeMatrix), h.originTransform = e.copy([], h.localTransform), 
-            h.originColor = o || A.materialInfo.baseColorFactor, r.push(h);
-        })), g > 100 && (r[0].properties.relatedMeshes = r.slice(1, 2), r[1].properties.relatedMeshes = r.slice(0, 1), 
-        r[2].properties.relatedMeshes = r.slice(3, 4), r[3].properties.relatedMeshes = r.slice(2, 3), 
-        r[4].properties.relatedMeshes = r.slice(5, 6), r[5].properties.relatedMeshes = r.slice(4, 5), 
-        r[6].properties.relatedMeshes = r.slice(0, 6));
-    })), r;
+            const i = new t.Material({
+                color: g || A.materialInfo.baseColorFactor
+            }), C = new t.Mesh(A.geometry, i);
+            C.setUniform("uPickingId", r + s);
+            const w = C.getDefines();
+            w.HAS_PICKING_ID = 2, C.setDefines(w), C.translate = n, C.rotation = I, C.scaling = o, 
+            e.multiply(C.localTransform, h, A.nodeMatrix), C.originTransform = e.copy([], C.localTransform), 
+            C.originColor = g || A.materialInfo.baseColorFactor, a.push(C);
+        })), r > 100 && (a[0].properties.relatedMeshes = a.slice(1, 2), a[1].properties.relatedMeshes = a.slice(0, 1), 
+        a[2].properties.relatedMeshes = a.slice(3, 4), a[3].properties.relatedMeshes = a.slice(2, 3), 
+        a[4].properties.relatedMeshes = a.slice(5, 6), a[5].properties.relatedMeshes = a.slice(4, 5), 
+        a[6].properties.relatedMeshes = a.slice(0, 6));
+    })), a;
 }
 
-function Q(A, e) {
+function l(A, e) {
     return Math.abs(A) * Math.sign(e);
 }
 
-function f(A, e) {
-    const t = A.getCoordinates(), i = e.coordinateToPointAtRes(t, e.getGLRes()), n = [ i.x, i.y, 0 ], o = l(e, A.getTranslation());
+function P(A, e) {
+    const t = A.getCoordinates(), i = e.coordinateToPointAtRes(t, e.getGLRes()), n = [ i.x, i.y, 0 ], o = D(e, A.getTranslation());
     s.add(n, n, o);
     const g = function(A, e, t, s) {
         return A._pointAtResToContainerPoint(e, t, s);
@@ -1197,13 +1197,13 @@ function f(A, e) {
     return Math.sqrt(Math.pow(r.x - n[0], 2) + Math.pow(r.y - n[1], 2)) / 5.272881136101205;
 }
 
-function l(A, e) {
+function D(A, e) {
     if (!A) return e;
     const t = A.distanceToPointAtRes(e[0], e[1], A.getGLRes()), i = A.altitudeToPoint(e[2], A.getGLRes());
-    return s.set([], Q(t.x, e[0]), Q(t.y, e[1]), Q(i, e[2]));
+    return s.set([], l(t.x, e[0]), l(t.y, e[1]), l(i, e[2]));
 }
 
-class P {
+class u {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -1211,7 +1211,7 @@ class P {
         this.A = A;
     }
     t() {
-        const A = [], e = 340 / 177, t = c("jiantou", [ 1.2 * e, 0, 0 ], [ 0, 0, 90 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 7), s = c("jiantou", [ 0, 1.2 * e, 0 ], [ 0, 0, 180 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 8), i = c("jiantou", [ -1.2 * e, 0, 0 ], [ 0, 0, 270 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 9), n = c("jiantou", [ 0, -1.2 * e, 0 ], [ 0, 0, 0 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 10);
+        const A = [], e = 340 / 177, t = f("jiantou", [ 1.2 * e, 0, 0 ], [ 0, 0, 90 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 7), s = f("jiantou", [ 0, 1.2 * e, 0 ], [ 0, 0, 180 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 8), i = f("jiantou", [ -1.2 * e, 0, 0 ], [ 0, 0, 270 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 9), n = f("jiantou", [ 0, -1.2 * e, 0 ], [ 0, 0, 0 ], [ e, e, e ], [ 89 / 255, 206 / 255, 147 / 255, 0 ], 10);
         return A.push(t, s, i, n), A;
     }
     getMeshes() {
@@ -1219,7 +1219,7 @@ class P {
     }
 }
 
-class D {
+class m {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -1227,7 +1227,7 @@ class D {
         this.A = A;
     }
     t() {
-        const A = [], e = 340 / 177, t = c("xuanzhuan", [ 0, 0, 0 ], [ 180, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 50 / 255, 130 / 255, 184 / 255, .8 ], 11);
+        const A = [], e = 340 / 177, t = f("xuanzhuan", [ 0, 0, 0 ], [ 180, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 50 / 255, 130 / 255, 184 / 255, .8 ], 11);
         return A.push(t), A;
     }
     getMeshes() {
@@ -1235,7 +1235,7 @@ class D {
     }
 }
 
-class u {
+class b {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -1243,7 +1243,7 @@ class u {
         this.A = A;
     }
     t() {
-        const A = [], e = 340 / 177, t = c("yuanhuan", [ 0, 0, 0 ], [ 0, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 149 / 255, 179 / 255, 199 / 255, .5 ], 12);
+        const A = [], e = 340 / 177, t = f("yuanhuan", [ 0, 0, 0 ], [ 0, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 149 / 255, 179 / 255, 199 / 255, .5 ], 12);
         return A.push(t), A;
     }
     getMeshes() {
@@ -1251,7 +1251,7 @@ class u {
     }
 }
 
-class m {
+class B {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -1259,7 +1259,7 @@ class m {
         this.A = A;
     }
     t() {
-        const A = [], e = c("plane", [ 0, 0, 0 ], [ 0, 0, 0 ], [ 10, 10, 10 ], [ 1, 0, 0, .5 ], 16);
+        const A = [], e = f("plane", [ 0, 0, 0 ], [ 0, 0, 0 ], [ 10, 10, 10 ], [ 1, 0, 0, .5 ], 16);
         return A.push(e), A;
     }
     getMeshes() {
@@ -1267,7 +1267,7 @@ class m {
     }
 }
 
-class b {
+class y {
     constructor(A) {
         this.A = A, this._meshes = this.t();
     }
@@ -1275,7 +1275,7 @@ class b {
         this.A = A;
     }
     t() {
-        const A = [], e = c("xyzScale", [ 0, 0, 0 ], [ 0, 0, 0 ], [ 2, 2, 2 ], null, 113);
+        const A = [], e = f("xyzScale", [ 0, 0, 0 ], [ 0, 0, 0 ], [ 2, 2, 2 ], null, 113);
         return A.push(e), A;
     }
     getMeshes() {
@@ -1283,48 +1283,48 @@ class b {
     }
 }
 
-const B = [], y = [], p = [], v = [], L = [], M = [ 177 / 170, 177 / 170, 177 / 170 ], d = [], E = [ 1, 2, 3, 4, 12 ];
+const p = [], v = [], L = [], d = [], M = [], E = [ 177 / 170, 177 / 170, 177 / 170 ], O = [], F = [ 1, 2, 3, 4, 12 ];
 
-class O {
+class x {
     constructor() {
-        this.translate = new P, this.rotation = new D, this.scaling = new u, this.planeHelper = new m, 
-        this.xyzScaleHelper = new b, this._meshes = this.t(), this.i = !0;
+        this.translate = new u, this.rotation = new m, this.scaling = new b, this.planeHelper = new B, 
+        this.xyzScaleHelper = new y, this._meshes = this.t(), this.i = !0;
     }
     t() {
         const A = {};
         A.translate = this.translate.getMeshes(), A.rotation = this.rotation.getMeshes(), 
         A.scaling = this.scaling.getMeshes(), A.planeHelper = this.planeHelper.getMeshes(), 
         A.xyzScale = this.xyzScaleHelper.getMeshes();
-        const e = 340 / 177, t = c("yuanhuan41", [ -2.745 * e, 2.745 * e, 0 ], [ 90, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 1), s = c("yuanhuan41", [ 2.745 * e, 2.745 * e, 0 ], [ -90, 0, 180 ], [ .5 * e, .5 * e, .5 * e ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 2), i = c("yuanhuan41", [ 2.745 * e, -2.745 * e, 0 ], [ 90, 0, 180 ], [ .5 * e, .5 * e, .5 * e ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 3), n = c("yuanhuan41", [ -2.745 * e, -2.745 * e, 0 ], [ -90, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 4), I = c("yuanpan", [ 0, 0, 0 ], [ 90, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 89 / 255, 206 / 255, 147 / 255, .5 ], 5), o = c("zzhou", [ 0, 0, 6.5 ], [ 90, 0, 0 ], [ 1, 1, 1 ], [ 14 / 255, 127 / 255, 191 / 255, 1 ], 6);
+        const e = 340 / 177, t = f("yuanhuan41", [ -2.745 * e, 2.745 * e, 0 ], [ 90, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 1), s = f("yuanhuan41", [ 2.745 * e, 2.745 * e, 0 ], [ -90, 0, 180 ], [ .5 * e, .5 * e, .5 * e ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 2), i = f("yuanhuan41", [ 2.745 * e, -2.745 * e, 0 ], [ 90, 0, 180 ], [ .5 * e, .5 * e, .5 * e ], [ 149 / 255, 179 / 255, 199 / 255, .6 ], 3), n = f("yuanhuan41", [ -2.745 * e, -2.745 * e, 0 ], [ -90, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 50 / 255, 130 / 255, 184 / 255, .5 ], 4), I = f("yuanpan", [ 0, 0, 0 ], [ 90, 0, 0 ], [ .5 * e, .5 * e, .5 * e ], [ 89 / 255, 206 / 255, 147 / 255, .5 ], 5), o = f("zzhou", [ 0, 0, 6.5 ], [ 90, 0, 0 ], [ 1, 1, 1 ], [ 14 / 255, 127 / 255, 191 / 255, 1 ], 6);
         return A.translate.push(t, s, i, n, I, o), A;
     }
     updateMatrix(t, i, n, I, o) {
-        const g = i.getCoordinates(), r = t.coordinateToPointAtRes(g, t.getGLRes()), C = i.I();
-        s.set(y, r.x, r.y, C);
-        const a = s.copy(B, o), h = l(t, i.getTranslation());
-        s.add(y, y, h), s.add(y, y, a);
+        const g = i.getCoordinates(), r = t.coordinateToPointAtRes(g, t.getGLRes()), a = i.I();
+        s.set(v, r.x, r.y, a);
+        const C = s.copy(p, o), h = D(t, i.getTranslation());
+        s.add(v, v, h), s.add(v, v, C);
         for (const o in this._meshes) for (let g = 0; g < this._meshes[o].length; g++) {
             const r = this._meshes[o][g];
             for (let g = 0; g < r.length; g++) {
-                const C = r[g], a = C.getUniform("uPickingId"), h = s.copy(B, C.translate);
-                let w = s.copy(d, C.rotation);
-                const c = C.scaling;
-                if (11 === a && (this.i ? (w[2] += n, C.rotation[2] += n) : this.i || (w[2] += n, 
-                C.rotation[2] += n, w[0] = 360, w[2] -= 90)), a > 100 && 1 === i.getTargets().length && (w = i.getTargets()[0].getRotation()), 
-                E.indexOf(a) > -1) if (12 !== a) c[0] += I, c[1] += I, c[2] += I; else {
+                const a = r[g], C = a.getUniform("uPickingId"), h = s.copy(p, a.translate);
+                let w = s.copy(O, a.rotation);
+                const c = a.scaling;
+                if (11 === C && (this.i ? (w[2] += n, a.rotation[2] += n) : this.i || (w[2] += n, 
+                a.rotation[2] += n, w[0] = 360, w[2] -= 90)), C > 100 && 1 === i.getTargets().length && (w = i.getTargets()[0].getRotation()), 
+                F.indexOf(C) > -1) if (12 !== C) c[0] += I, c[1] += I, c[2] += I; else {
                     const A = this._meshes.translate[4][0];
                     c[0] = 1.2 * A.scaling[0], c[1] = 1.2 * A.scaling[0], c[2] = 1.2 * A.scaling[0];
                 }
-                let Q = f(i, t);
-                if (Q = s.set(p, Q, Q, Q), s.multiply(h, h, Q), s.multiply(Q, Q, c), 1 === a || 2 === a || 3 === a || 4 === a) {
-                    const A = s.multiply(L, c, M);
+                let Q = P(i, t);
+                if (Q = s.set(L, Q, Q, Q), s.multiply(h, h, Q), s.multiply(Q, Q, c), 1 === C || 2 === C || 3 === C || 4 === C) {
+                    const A = s.multiply(M, c, E);
                     s.multiply(h, h, A);
                 }
-                const l = A.fromEuler(v, w[0], w[1], w[2]);
-                if (s.add(h, h, y), "xyzScale" === o) {
-                    const A = e.fromRotationTranslationScale([], l, h, Q);
-                    e.multiply(C.localTransform, A, C.originTransform);
-                } else e.fromRotationTranslationScale(C.localTransform, l, h, Q);
+                const f = A.fromEuler(d, w[0], w[1], w[2]);
+                if (s.add(h, h, v), "xyzScale" === o) {
+                    const A = e.fromRotationTranslationScale([], f, h, Q);
+                    e.multiply(a.localTransform, A, a.originTransform);
+                } else e.fromRotationTranslationScale(a.localTransform, f, h, Q);
             }
         }
     }
@@ -1347,9 +1347,9 @@ class O {
     }
 }
 
-const F = [], x = [], U = [], V = new o(0, 0), S = [], k = [], T = [], H = [ 0, 0, 0 ];
+const U = [], V = [], S = [], k = new o(0, 0), T = [], H = [], J = [], N = [ 0, 0, 0 ];
 
-class J {
+class R {
     constructor() {
         this.C = [], this.h = [ 0, 0, 0 ], this.l = [ 1, 1, 1 ], this.P = [ 0, 0, 0 ];
     }
@@ -1370,20 +1370,20 @@ class J {
     }
     p(A, e, t, i, n, I, o) {
         for (let o = 0; o < this.C.length; o++) {
-            const g = this.C[o], r = g.getRotation(), C = g.getScale(), a = this.v(I, g, i, t, e);
+            const g = this.C[o], r = g.getRotation(), a = g.getScale(), C = this.v(I, g, i, t, e);
             let h = null;
             h = i >= 0 ? i : i * (this.options && this.options.scaleStrength || 1);
-            const w = s.add(T, s.set(F, h * C[0], h * C[1], h * C[2]), C), c = Math.min(...w);
+            const w = s.add(J, s.set(U, h * a[0], h * a[1], h * a[2]), a), c = Math.min(...w);
             if (Math.abs(c) < n) {
                 const A = Math.abs(c);
                 w[0] = w[0] * (n / A), w[1] = w[1] * (n / A), w[2] = w[2] * (n / A);
             }
             const Q = s.add(r, t, r);
-            g.setCoordinates(a), this.L(A, w, C);
+            g.setCoordinates(C), this.L(A, w, a);
             const f = g.getTranslation();
             g.setTRS(f, Q, w);
         }
-        s.set(T, i, i, i), s.add(this.P, t, this.P), s.add(this.l, T, this.l), s.add(this.h, e, this.h), 
+        s.set(J, i, i, i), s.add(this.P, t, this.P), s.add(this.l, J, this.l), s.add(this.h, e, this.h), 
         A.indexOf("translate") > -1 ? o.fire("positionchange", {
             action: A,
             type: "positionchange",
@@ -1409,16 +1409,16 @@ class J {
         });
     }
     v(t, i, n, I, o) {
-        const g = i.getCenter(), r = i.getTransformOrigin(), C = t.getGLRes(), a = t.coordinateToPointAtRes(g, C, V);
-        a.z = t.altitudeToPoint(g.z, C), s.set(S, a.x, a.y, a.z || 0);
-        const h = t.coordinateToPointAtRes(r, C, V);
-        h.z = t.altitudeToPoint(r.z, C), s.set(k, h.x, h.y, h.z || 0);
-        const w = s.sub(F, S, k), c = A.fromEuler(x, 0, 0, I[2]);
-        s.set(T, n + 1, n + 1, n + 1);
-        const Q = e.fromRotationTranslationScale(U, c, o, T);
-        s.transformMat4(w, w, Q), s.add(w, w, k), V.set(w[0], w[1]);
-        const f = t.pointAtResToCoordinate(V, C);
-        return f.z = w[2] / t.altitudeToPoint(1, C), f;
+        const g = i.getCenter(), r = i.getTransformOrigin(), a = t.getGLRes(), C = t.coordinateToPointAtRes(g, a, k);
+        C.z = t.altitudeToPoint(g.z, a), s.set(T, C.x, C.y, C.z || 0);
+        const h = t.coordinateToPointAtRes(r, a, k);
+        h.z = t.altitudeToPoint(r.z, a), s.set(H, h.x, h.y, h.z || 0);
+        const w = s.sub(U, T, H), c = A.fromEuler(V, 0, 0, I[2]);
+        s.set(J, n + 1, n + 1, n + 1);
+        const Q = e.fromRotationTranslationScale(S, c, o, J);
+        s.transformMat4(w, w, Q), s.add(w, w, H), k.set(w[0], w[1]);
+        const f = t.pointAtResToCoordinate(k, a);
+        return f.z = w[2] / t.altitudeToPoint(1, a), f;
     }
     L(A, e, t) {
         return "x-scale" === A && (e[1] = t[1], e[2] = t[2]), "y-scale" === A && (e[0] = t[0], 
@@ -1436,7 +1436,7 @@ class J {
         return this.l;
     }
     getTranslation() {
-        return 1 === this.C.length && this.C[0].getTranslation() || H;
+        return 1 === this.C.length && this.C[0].getTranslation() || N;
     }
     getRotation() {
         return this.P;
@@ -1478,13 +1478,16 @@ class J {
     }
 }
 
-const N = [ 5, 6, 7, 8, 9, 10 ], R = [ 5, 7, 8, 9, 10 ], _ = [ 2, 4, 11 ], K = [ 1, 3, 12 ], z = [ 12, 16 ], G = [ 1, 2, 3, 4 ], j = [ 1, 2, 3, 4, 12 ], Z = [], Y = [], W = [], q = [], X = [], $ = [], AA = [];
+const _ = [ 5, 6, 7, 8, 9, 10 ], K = [ 5, 7, 8, 9, 10 ], z = [ 2, 4, 11 ], G = [ 1, 3, 12 ], j = [ 12, 16 ], Z = [ 1, 2, 3, 4 ], Y = [ 1, 2, 3, 4, 12 ], W = [], q = [], X = [], $ = [], AA = [], eA = [], tA = [];
 
-class eA extends(r(C(a))){
+class sA extends(r(a(C))){
     constructor(A = {}) {
         super(A), this.options = A, this.mouseAction = "moving", this.U = this.options.mode || "translate", 
-        this.V = !0, this.TransformHelper = new O, this.S = new J, this.helperScene = new t.Scene([]), 
-        this.addToMapCount = 0;
+        this.V = !0, this.TransformHelper = new x, this.S = new R, this.helperScene = new t.Scene([]), 
+        this.addToMapCount = 0, this.k();
+    }
+    setCoordinates(A) {
+        this.T.setCoordinates(A), this.transform(this.T);
     }
     enable() {
         return this.V = !0, this.layerRenderer && this.layerRenderer.setToRedraw(), this;
@@ -1494,7 +1497,7 @@ class eA extends(r(C(a))){
         this;
     }
     setMode(A) {
-        this.U = A, this.k(), this.layerRenderer && this.layerRenderer.setToRedraw(), this.fire("modechange", {
+        this.U = A, this.H(), this.layerRenderer && this.layerRenderer.setToRedraw(), this.fire("modechange", {
             mode: A,
             type: "modechange"
         });
@@ -1505,222 +1508,234 @@ class eA extends(r(C(a))){
     isEnable() {
         return this.V;
     }
-    T(A) {
-        N.indexOf(A) > -1 ? this.U = "translate" : _.indexOf(A) > -1 ? this.U = "rotation" : K.indexOf(A) > -1 ? this.U = "scaling" : "xyzScale" !== this.U && (this.U = "translate");
+    J(A) {
+        _.indexOf(A) > -1 ? this.U = "translate" : z.indexOf(A) > -1 ? this.U = "rotation" : G.indexOf(A) > -1 ? this.U = "scaling" : "xyzScale" !== this.U && (this.U = "translate");
     }
-    H() {
+    N() {
         return this.U;
     }
     addTo(A) {
-        this.map && (this.J(), 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.N, this), 
-        A.on("dom:mousedown", this.R, this), A.on("dom:mouseup", this._, this), A.on("zooming moving dragrotating", this.K, this), 
-        this.G();
+        if (this.map) return this.R(), void console.warn("transform control has been added to a map, it suggest remove from the map before");
+        this.addToMapCount++, this.map = A, this._.addTo(this.map), this.container = A.getContainer(), 
+        A.on("dom:mousemove", this.K, this), A.on("dom:mousedown", this.G, this), A.on("dom:mouseup", this.j, this), 
+        A.on("zooming moving dragrotating", this.Z, this), this.Y();
     }
-    remove() {
-        this.map && this.container && this.layerRenderer && (this.J(), this.TransformHelper.dispose(), 
-        this.layerRenderer.setToRedraw(), delete this.map, delete this.layer, delete this.layerRenderer, 
-        delete this.container, delete this.S);
+    k() {
+        this._ = new w(`${h}_transformcontrol`), this.T = new c([ 0, 0 ], {
+            symbol: {
+                url: "cube",
+                modelHeight: 1,
+                uniforms: {
+                    polygonOpacity: .01
+                }
+            }
+        }).addTo(this._);
     }
-    J() {
-        this.container && this.map && (this.map.off("dom:mousemove", this.N, this), this.map.off("dom:mousedown", this.R, this), 
-        this.map.off("dom:mouseup", this._, this), this.map.off("zooming moving dragrotating", this.K, this), 
+    remove() {
+        this.map && this.container && this.layerRenderer && (this.R(), this.TransformHelper.dispose(), 
+        this.layerRenderer.setToRedraw(), this._.remove(), delete this.T, delete this._, 
+        delete this.map, delete this.layer, delete this.layerRenderer, delete this.container, 
+        delete this.S);
+    }
+    R() {
+        this.container && this.map && (this.map.off("dom:mousemove", this.K, this), this.map.off("dom:mousedown", this.G, this), 
+        this.map.off("dom:mouseup", this.j, this), this.map.off("zooming moving dragrotating", this.Z, this), 
         this.layer && this.layer.off("renderend", this.render, this));
     }
-    N(A) {
-        if (this.j()) {
+    K(A) {
+        if (this.W()) {
             if (this.currentMousePosition = {
                 x: A.containerPoint.x,
                 y: A.containerPoint.y
             }, "moving" === this.mouseAction) {
-                const A = this.Z();
-                this.currentPickingObject = this.Y(this.currentMousePosition, A, "meshes"), this.currentPickingObject && null != this.currentPickingObject.pickingId ? (this.T(this.currentPickingObject.pickingId), 
-                6 === this.currentPickingObject.pickingId ? this.W(!0) : this.W(!1)) : (this.W(!1), 
-                this.T()), this.q();
+                const A = this.q();
+                this.currentPickingObject = this.X(this.currentMousePosition, A, "meshes"), this.currentPickingObject && null != this.currentPickingObject.pickingId ? (this.J(this.currentPickingObject.pickingId), 
+                6 === this.currentPickingObject.pickingId ? this.$(!0) : this.$(!1)) : (this.$(!1), 
+                this.J()), this.AA();
             }
-            this.X(this.currentMousePosition);
+            this.eA(this.currentMousePosition);
         }
     }
-    R(A) {
-        if (!this.j() || 0 !== A.domEvent.button) return;
-        const e = this.Z();
+    G(A) {
+        if (!this.W() || 0 !== A.domEvent.button) return;
+        const e = this.q();
         this.currentMousePosition = {
             x: A.containerPoint.x,
             y: A.containerPoint.y
-        }, this.$ = !0, this.currentPickingObject = this.Y(this.currentMousePosition, e, "meshes"), 
-        this.firstDownPoint = this.Y(this.currentMousePosition, e, "meshes"), this.currentPickingObject && null != this.currentPickingObject.meshId ? (this.mouseAction = "transform", 
-        this.AA(this.currentPickingObject.pickingId), this.map.config("zoomable", !1), this.map.config("draggable", !1), 
+        }, this.tA = !0, this.currentPickingObject = this.X(this.currentMousePosition, e, "meshes"), 
+        this.firstDownPoint = this.X(this.currentMousePosition, e, "meshes"), this.currentPickingObject && null != this.currentPickingObject.meshId ? (this.mouseAction = "transform", 
+        this.sA(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.k()), this.lastMousePosition = this.currentMousePosition, 
+        this.map.config("zoomable", !0), this.map.config("draggable", !0), this.H()), this.lastMousePosition = this.currentMousePosition, 
         this.lastPickingObject = this.currentPickingObject, this.lastPickingMesh = e[this.currentPickingObject.meshId];
     }
-    _() {
-        "transform" === this.mouseAction && (this.firstDownPoint = null, this.k(), this.$ = !0, 
+    j() {
+        "transform" === this.mouseAction && (this.firstDownPoint = null, this.H(), this.tA = !0, 
         this.fire("transformend", {
-            action: this.eA,
+            action: this.iA,
             type: "transformend"
         })), this.mouseAction = "moving", "xyzScale" !== this.U && (this.U = "translate"), 
         this.map.config("zoomable", !0), this.map.config("draggable", !0), this.layerRenderer && this.layerRenderer.setToRedraw();
     }
-    K() {
+    Z() {
         const A = this.TransformHelper.planeHelper.getMeshes()[0][0], e = this.map.getBearing();
-        A.rotation[2] = -e, this.tA();
+        A.rotation[2] = -e, this.nA();
     }
-    tA() {
-        this.j() && (this.TransformHelper.updateMatrix(this.map, this.S, 0, 0, [ 0, 0, 0 ]), 
-        this.$ = !0);
+    nA() {
+        this.W() && (this.TransformHelper.updateMatrix(this.map, this.S, 0, 0, [ 0, 0, 0 ]), 
+        this.tA = !0);
     }
     picked(A) {
         if (!this.layerRenderer) return !1;
-        const e = this.Z(), t = this.map;
+        const e = this.q(), t = this.map;
         let s = A;
         A instanceof o || (s = t.coordinateToContainerPoint(new g(A)));
-        const i = this.Y(s, e, "picked");
+        const i = this.X(s, e, "picked");
         return !(!i || null === i.meshId);
     }
-    k() {
+    H() {
         const A = this.TransformHelper.getMeshes("scaling").scaling[0][0], e = 340 / 177;
-        A.scaling = [ .6 * e, .6 * e, .6 * e ], this.layerRenderer && (this.sA(A), this.iA());
+        A.scaling = [ .6 * e, .6 * e, .6 * e ], this.layerRenderer && (this.IA(A), this.oA());
     }
-    iA() {
+    oA() {
         this.TransformHelper._meshes.translate.forEach((A => {
             for (let e = 0; e < A.length; e++) {
                 const t = A[e];
-                G.indexOf(t.getUniform("uPickingId")) > -1 && t.material.set("color", t.originColor);
+                Z.indexOf(t.getUniform("uPickingId")) > -1 && t.material.set("color", t.originColor);
             }
         }));
     }
-    sA(t) {
-        const i = this.S.getCoordinates(), n = this.map.coordinateToPointAtRes(i, this.map.getGLRes()), I = [ n.x, n.y, 0 ], o = l(this.map, this.S.getTranslation());
+    IA(t) {
+        const i = this.S.getCoordinates(), n = this.map.coordinateToPointAtRes(i, this.map.getGLRes()), I = [ n.x, n.y, 0 ], o = D(this.map, this.S.getTranslation());
         s.add(I, I, o);
         const g = s.copy([], t.translate), r = t.scaling;
-        let C = f(this.S, this.map);
-        C = s.set([], C, C, C), s.multiply(g, g, C), s.multiply(C, C, r), s.add(g, g, I), 
-        e.fromRotationTranslationScale(t.localTransform, [ 0, 0, 0, 1 ], g, C);
-        this.Z().forEach((t => {
+        let a = P(this.S, this.map);
+        a = s.set([], a, a, a), s.multiply(g, g, a), s.multiply(a, a, r), s.add(g, g, I), 
+        e.fromRotationTranslationScale(t.localTransform, [ 0, 0, 0, 1 ], g, a);
+        this.q().forEach((t => {
             const i = t.getUniform("uPickingId");
             if (1 === i || 3 === i || 2 === i || 4 === i) {
                 const i = s.copy([], t.translate), n = 170 / 177;
                 t.scaling = [ n, n, n ];
                 const o = t.scaling, g = t.rotation;
-                let r = f(this.S, this.map);
+                let r = P(this.S, this.map);
                 r = s.set([], r, r, r), s.multiply(i, i, r), s.multiply(r, r, o), s.add(i, i, I);
-                const C = A.fromEuler([], g[0], g[1], g[2]);
-                e.fromRotationTranslationScale(t.localTransform, C, i, r);
+                const a = A.fromEuler([], g[0], g[1], g[2]);
+                e.fromRotationTranslationScale(t.localTransform, a, i, r);
             }
         }));
     }
-    nA(A) {
+    gA(A) {
         const e = this.map.containerPointToCoordinate(A), t = this.map.coordinateToPointAtRes(e, this.map.getGLRes());
         return {
             point: [ t.x, t.y ]
         };
     }
-    X(A) {
+    eA(A) {
         if ("transform" === this.mouseAction) {
-            const A = this.H(), e = l(this.map, this.S.getTranslation()), t = this.S.I();
-            let s = null, n = null;
-            if (e[2] + t < .01 && "z-translate" !== this.eA) s = this.nA(this.currentMousePosition), 
-            n = this.nA(this.lastMousePosition); else {
+            const A = this.N(), e = D(this.map, this.S.getTranslation()), t = this.S.I();
+            let s = null, i = null;
+            if (e[2] + t < .01 && "z-translate" !== this.iA) s = this.gA(this.currentMousePosition), 
+            i = this.gA(this.lastMousePosition); else {
                 const A = this.TransformHelper.planeHelper.getMeshes()[0];
-                if (s = this.Y(this.currentMousePosition, A, "plane"), n = this.Y(this.lastMousePosition, A, "plane"), 
-                !s || null === s.meshId || !n || null === n.meshId) return;
+                if (s = this.X(this.currentMousePosition, A, "plane"), i = this.X(this.lastMousePosition, A, "plane"), 
+                !s || null === s.meshId || !i || null === i.meshId) return;
             }
             const I = [ 0, 0, 0 ], g = [ 0, 0, 0 ];
-            let r = 0, C = 0, a = 0;
+            let r = 0, a = 0, C = 0;
             if ("translate" === A) {
-                if ("xy-translate" === this.eA) {
-                    const A = s.point[0] - n.point[0], e = s.point[1] - n.point[1];
+                if ("xy-translate" === this.iA) {
+                    const A = s.point[0] - i.point[0], e = s.point[1] - i.point[1];
                     I[0] = A, I[1] = e;
-                } else if ("x-translate" === this.eA) {
-                    const A = s.point[0] - n.point[0];
+                } else if ("x-translate" === this.iA) {
+                    const A = s.point[0] - i.point[0];
                     I[0] = A;
-                } else if ("y-translate" === this.eA) {
-                    const A = s.point[1] - n.point[1];
+                } else if ("y-translate" === this.iA) {
+                    const A = s.point[1] - i.point[1];
                     I[1] = A;
-                } else if ("z-translate" === this.eA) {
+                } else if ("z-translate" === this.iA) {
                     let A = 0;
-                    if (this.IA()) {
-                        const e = this.map.getGLRes(), t = this.map._pointAtResToContainerPoint(new o(n.point[0], n.point[1]), e), I = this.map._pointAtResToContainerPoint(new o(s.point[0], s.point[1]), e), g = i.length(i.set(q, s.point[0] - n.point[0], s.point[1] - n.point[1]));
+                    if (this.rA()) {
+                        const e = this.map.getGLRes(), t = this.map._pointAtResToContainerPoint(new o(i.point[0], i.point[1]), e), I = this.map._pointAtResToContainerPoint(new o(s.point[0], s.point[1]), e), g = n.length(n.set($, s.point[0] - i.point[0], s.point[1] - i.point[1]));
                         A = I.y < t.y ? g : -g;
-                    } else A = s.point[2] - n.point[2];
+                    } else A = s.point[2] - i.point[2];
                     I[2] = A;
                 }
-            } else if ("rotation" === A) C = this.oA(s.point, n.point), C >= 0 ? this.TransformHelper.o(!0) : this.TransformHelper.o(!1), 
-            g[2] += C; else if ("scaling" === A || "xyzScale" === A) {
-                const A = this.gA(), e = i.length(i.set(q, this.firstDownPoint.point[0] - A[0], this.firstDownPoint.point[1] - A[1])), t = i.length(i.set(q, n.point[0] - A[0], n.point[1] - A[1]));
-                r = this.rA(s.point, n.point, A, t), a = this.rA(s.point, n.point, A, e);
+            } else if ("rotation" === A) a = this.aA(s.point, i.point), a >= 0 ? this.TransformHelper.o(!0) : this.TransformHelper.o(!1), 
+            g[2] += a; else if ("scaling" === A || "xyzScale" === A) {
+                const A = this.CA(), e = n.length(n.set($, this.firstDownPoint.point[0] - A[0], this.firstDownPoint.point[1] - A[1])), t = n.length(n.set($, i.point[0] - A[0], i.point[1] - A[1]));
+                r = this.hA(s.point, i.point, A, t), C = this.hA(s.point, i.point, A, e);
             }
-            this.TransformHelper.updateMatrix(this.map, this.S, C, a, I), this.S.p(this.eA, I, g, r, .01, this.map, this);
+            this.TransformHelper.updateMatrix(this.map, this.S, a, C, I), this.S.p(this.iA, I, g, r, .01, this.map, this);
         }
         this.lastMousePosition = A, this.lastPickingObject = this.currentPickingObject;
-        const e = this.Z();
+        const e = this.q();
         this.lastPickingMesh = e[this.currentPickingObject.meshId];
     }
-    rA(A, e, t, s, n) {
-        const I = (i.length(i.set(q, A[0] - t[0], A[1] - t[1])) - i.length(i.set(q, e[0] - t[0], e[1] - t[1]))) / s;
-        return n ? (n[0] - .01) * I : I;
+    hA(A, e, t, s, i) {
+        const I = (n.length(n.set($, A[0] - t[0], A[1] - t[1])) - n.length(n.set($, e[0] - t[0], e[1] - t[1]))) / s;
+        return i ? (i[0] - .01) * I : I;
     }
-    gA() {
-        const A = this.map, e = this.S.getCoordinates(), t = A.coordinateToPointAtRes(e, A.getGLRes()), i = s.set(X, t.x, t.y, 0), n = l(A, this.S.getTranslation());
+    CA() {
+        const A = this.map, e = this.S.getCoordinates(), t = A.coordinateToPointAtRes(e, A.getGLRes()), i = s.set(AA, t.x, t.y, 0), n = D(A, this.S.getTranslation());
         return s.add(i, i, n), i;
     }
-    W(t) {
-        const i = this.TransformHelper.planeHelper.getMeshes()[0][0], n = e.getTranslation(W, i.localTransform), I = e.getScaling(Y, i.localTransform);
-        let o = A.fromEuler(Z, 0, 0, 0);
+    $(t) {
+        const i = this.TransformHelper.planeHelper.getMeshes()[0][0], n = e.getTranslation(X, i.localTransform), I = e.getScaling(q, i.localTransform);
+        let o = A.fromEuler(W, 0, 0, 0);
         const g = this.map.getBearing();
-        t && !this.IA() ? (o = A.fromEuler(Z, 90, 0, -g), 0 === i.rotation[0] && (this.$ = !0), 
-        s.set(i.rotation, 90, 0, -g)) : (90 === i.rotation[0] && (this.$ = !0), s.set(i.rotation, 0, 0, -g)), 
+        t && !this.rA() ? (o = A.fromEuler(W, 90, 0, -g), 0 === i.rotation[0] && (this.tA = !0), 
+        s.set(i.rotation, 90, 0, -g)) : (90 === i.rotation[0] && (this.tA = !0), s.set(i.rotation, 0, 0, -g)), 
         e.fromRotationTranslationScale(i.localTransform, o, n, I);
     }
-    IA() {
+    rA() {
         if (this.map.getPitch()) return !1;
         const A = this.map.cameraPosition, e = this.map.coordinateToPointAtRes(this.map.getCenter(), this.map.getGLRes());
         s.set(e, e.x, e.y, 0);
-        const t = this.S.getCoordinates(), i = this.map.coordinateToPointAtRes(t, this.map.getGLRes()), n = l(this.map, this.S.getTranslation()), I = s.set(W, i.x, i.y, 0), o = s.add(I, I, n), g = s.subtract([], A, o), r = s.subtract([], A, e);
+        const t = this.S.getCoordinates(), i = this.map.coordinateToPointAtRes(t, this.map.getGLRes()), n = D(this.map, this.S.getTranslation()), I = s.set(X, i.x, i.y, 0), o = s.add(I, I, n), g = s.subtract([], A, o), r = s.subtract([], A, e);
         return s.angle(g, r) < 1 / 180 * Math.PI;
     }
-    q() {
-        const A = this.Z();
+    AA() {
+        const A = this.q();
         if (this.currentPickingObject && null != this.currentPickingObject.meshId) {
-            this.CA(), this.lastPickingObject && null != this.lastPickingObject.meshId && this.lastPickingObject.meshId !== this.currentPickingObject.meshId && this.aA();
+            this.wA(), this.lastPickingObject && null != this.lastPickingObject.meshId && this.lastPickingObject.meshId !== this.currentPickingObject.meshId && this.cA();
             const e = A[this.currentPickingObject.meshId];
-            if (e && z.indexOf(this.currentPickingObject.pickingId) < 0) if (this.currentPickingObject.pickingId > 100) this.hA(e); else {
+            if (e && j.indexOf(this.currentPickingObject.pickingId) < 0) if (this.currentPickingObject.pickingId > 100) this.QA(e); else {
                 const A = [ e.originColor[0], e.originColor[1], e.originColor[2], .8 ];
-                e.material.set("color", A), this.wA(e, .5);
+                e.material.set("color", A), this.fA(e, .5);
             }
             this.layerRenderer.setToRedraw();
         } else this.lastPickingObject && null != this.lastPickingObject.meshId && (this.map.resetCursor(), 
-        this.aA(), this.layerRenderer.setToRedraw());
+        this.cA(), this.layerRenderer.setToRedraw());
     }
-    hA(A) {
+    QA(A) {
         const e = [ 1, 179 / 255, 2 / 255, 1 ];
         A.material.set("color", e), A.properties.relatedMeshes && A.properties.relatedMeshes.forEach((A => {
             A.material.set("color", e);
         }));
     }
-    CA() {
-        6 === this.currentPickingObject.pickingId ? this.map.setCursor("ns-resize") : R.indexOf(this.currentPickingObject.pickingId) > -1 ? this.map.setCursor("move") : this.map.setCursor("pointer");
+    wA() {
+        6 === this.currentPickingObject.pickingId ? this.map.setCursor("ns-resize") : K.indexOf(this.currentPickingObject.pickingId) > -1 ? this.map.setCursor("move") : this.map.setCursor("pointer");
     }
-    aA() {
+    cA() {
         const A = this.lastPickingMesh;
         if (!A) return;
-        const e = A.getUniform("uPickingId"), t = this.Z();
-        R.indexOf(e) > -1 ? t.forEach((A => {
-            R.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
-        })) : j.indexOf(e) > -1 ? t.forEach((A => {
+        const e = A.getUniform("uPickingId"), t = this.q();
+        K.indexOf(e) > -1 ? t.forEach((A => {
+            K.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
+        })) : Y.indexOf(e) > -1 ? t.forEach((A => {
             const e = A.getUniform("uPickingId");
-            G.indexOf(e) > -1 && A.material.set("color", A.originColor);
+            Z.indexOf(e) > -1 && A.material.set("color", A.originColor);
         })) : 11 === e && t.forEach((A => {
-            G.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
+            Z.indexOf(A.getUniform("uPickingId")) > -1 && A.material.set("color", A.originColor);
         })), A.material.set("color", A.originColor), A.properties.relatedMeshes && A.properties.relatedMeshes.forEach((A => {
             A.material.set("color", A.originColor);
         }));
     }
-    wA(A, e) {
-        const t = A.getUniform("uPickingId"), s = this.Z();
-        R.indexOf(t) > -1 ? s.forEach((t => {
-            if (R.indexOf(t.getUniform("uPickingId")) > -1 && t.getUniform("uPickingId") !== A.getUniform("uPickingId")) {
+    fA(A, e) {
+        const t = A.getUniform("uPickingId"), s = this.q();
+        K.indexOf(t) > -1 ? s.forEach((t => {
+            if (K.indexOf(t.getUniform("uPickingId")) > -1 && t.getUniform("uPickingId") !== A.getUniform("uPickingId")) {
                 const A = [ t.originColor[0], t.originColor[1], t.originColor[2], e ];
                 t.material.set("color", A);
             }
@@ -1741,21 +1756,21 @@ class eA extends(r(C(a))){
     reset() {
         this.map && this.S && (this.S.M(), this.TransformHelper.updateMatrix(this.map, this.S, 0, 0, [ 0, 0, 0 ]));
     }
-    oA(A, e) {
-        const t = this.gA(), s = i.set($, e[0] - t[0], e[1] - t[1]), n = i.set(AA, A[0] - t[0], A[1] - t[1]), I = Math.atan2(s[1], s[0]);
-        return (Math.atan2(n[1], n[0]) - I) / Math.PI * 180;
+    aA(A, e) {
+        const t = this.CA(), s = n.set(eA, e[0] - t[0], e[1] - t[1]), i = n.set(tA, A[0] - t[0], A[1] - t[1]), I = Math.atan2(s[1], s[0]);
+        return (Math.atan2(i[1], i[0]) - I) / Math.PI * 180;
     }
-    AA(A) {
-        return this.eA = 113 === A || 114 === A ? "x-scale" : 115 === A || 116 === A ? "z-scale" : 117 === A || 118 === A ? "y-scale" : 119 === A ? "xyz-scale" : 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.eA;
+    sA(A) {
+        return this.iA = 113 === A || 114 === A ? "x-scale" : 115 === A || 116 === A ? "z-scale" : 117 === A || 118 === A ? "y-scale" : 119 === A ? "xyz-scale" : 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.iA;
     }
     transform(A) {
         if (!A) return;
         if (this.layerRenderer && this.layerRenderer.layer && (this.layerRenderer.layer.off("renderend", this.render), 
-        this.layerRenderer.layer.off("resizeCanvas", this.cA)), !this.map) return void console.error("should add to a target first");
+        this.layerRenderer.layer.off("resizeCanvas", this.lA)), !this.map) return void console.error("should add to a target first");
         if (this.S && (this.S.B(), this.S.D(A)), !this.S.getTargets().length) return;
         const e = this.map;
-        this.TransformHelper.updateMatrix(e, this.S, 0, 0, [ 0, 0, 0 ]), this.QA(), this.$ = !0;
+        this.TransformHelper.updateMatrix(e, this.S, 0, 0, [ 0, 0, 0 ]), this.PA(), this.tA = !0;
     }
     getTransformTarget() {
         return this.S;
@@ -1763,51 +1778,41 @@ class eA extends(r(C(a))){
     u() {
         delete this.S;
     }
-    QA() {
+    PA() {
         const A = this.S.O();
-        A && (A.off("renderend", this.render), A.off("resizeCanvas", this.cA));
-        const e = this.map.getLayers();
-        let t = null;
-        for (let A = 0; A < e.length; A++) if (e[A] instanceof n) {
-            t = e[A];
-            break;
-        }
-        if (!t) return;
-        const s = t.getLayers(), i = s.indexOf(A);
-        if (i < 0) return;
-        s.splice(i, 1), s.push(A);
-        const I = this.map, o = A.getRenderer();
-        this.layerRenderer = o, this.regl = o.regl, this.renderer = o.renderer, this.fA = this.layerRenderer.getFBORayPicking(), 
-        this.lA = {
-            projViewMatrix: I.projViewMatrix,
-            projMatrix: I.projMatrix,
-            viewMatrix: I.viewMatrix,
+        A && (A.off("renderend", this.render), A.off("resizeCanvas", this.lA));
+        const e = this.map, t = A.getRenderer();
+        this.layerRenderer = t, this.regl = t.regl, this.renderer = t.renderer, this.DA = this.layerRenderer.getFBORayPicking(), 
+        this.uA = {
+            projViewMatrix: e.projViewMatrix,
+            projMatrix: e.projMatrix,
+            viewMatrix: e.viewMatrix,
             pointSize: 1
-        }, A.on("renderend", this.render, this), A.on("resizeCanvas", this.cA, this), o.setToRedraw();
+        }, A.on("renderend", this.render, this), A.on("resizeCanvas", this.lA, this), t.setToRedraw();
     }
-    cA() {
-        this.fA.clear(), this.$ = !0;
+    lA() {
+        this.DA.clear(), this.tA = !0;
     }
-    Y(A, e, t) {
+    X(A, e, t) {
         const s = this.map;
-        if (!(s && this.fA && this.layerRenderer && this.layerRenderer.canvas)) return null;
-        const i = s.getDevicePixelRatio(), n = A.x * i, I = A.y * i, o = this.lA, g = this.layerRenderer.canvas.gl && this.layerRenderer.canvas.gl.wrap;
-        (this.$ || g || !this.PA || this.PA !== t) && (this.fA.render(e, o, !0), this.PA = t, 
-        this.$ = !1);
-        return this.fA.pick(n, I, 10, o, {
+        if (!(s && this.DA && this.layerRenderer && this.layerRenderer.canvas)) return null;
+        const i = s.getDevicePixelRatio(), n = A.x * i, I = A.y * i, o = this.uA, g = this.layerRenderer.canvas.gl && this.layerRenderer.canvas.gl.wrap;
+        (this.tA || g || !this.mA || this.mA !== t) && (this.DA.render(e, o, !0), this.mA = t, 
+        this.tA = !1);
+        return this.DA.pick(n, I, 10, o, {
             viewMatrix: this.map.viewMatrix,
             projMatrix: this.map.projMatrix,
             returnPoint: !0
         });
     }
-    G() {
+    Y() {
         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.DA = new t.MeshShader({
+        this.bA = new t.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", {
@@ -1838,16 +1843,16 @@ class eA extends(r(C(a))){
         });
     }
     render() {
-        if (!this.j()) return;
-        const A = this.Z();
+        if (!this.W()) return;
+        const A = this.q();
         this.helperScene.setMeshes(A);
         const e = this.layerRenderer.getFrameContext();
         if (e && e.renderTarget && this.layerRenderer.getFrameTimestamp() !== e.timestamp) return;
-        this.tA(), this.DA.filter = e && e.sceneFilter;
+        this.nA(), this.bA.filter = e && e.sceneFilter;
         const t = e && e.renderTarget && e.renderTarget.fbo;
-        this.renderer.render(this.DA, this.lA, this.helperScene, t);
+        this.renderer.render(this.bA, this.uA, this.helperScene, t);
     }
-    Z() {
+    q() {
         let A = [];
         const e = this.TransformHelper.getMeshes(this.U);
         for (const t in e) {
@@ -1859,17 +1864,17 @@ class eA extends(r(C(a))){
         if (t) for (let e = 0; e < t.length; e++) A = A.concat(t[e]);
         return A;
     }
-    j() {
+    W() {
         const A = this.layerRenderer, e = A && A.layer;
         return A && this.S && e && e.isVisible() && this.S.F() && this.regl && this.V;
     }
 }
 
-eA.mergeOptions({
+sA.mergeOptions({
     scaleStrength: 2
 });
 
-export { eA as TransformControl };
+export { sA as TransformControl };
 
-"undefined" != typeof console && console.log("@maptalks/transform-control v0.99.0");
+"undefined" != typeof console && console.log("@maptalks/transform-control v0.101.0");
 //# sourceMappingURL=transform-control.es.js.map