tg-map-vue3 4.1.4 → 4.1.6

package/dist/tg-map.js

@@ -1,7 +1,7 @@
-import { noop as S, typed as x, lateinit as l, path as Y, throwError as M, Arrays as Q, deepEqual as ee } from "tg-commons";
-import { Strings as F, TgMapType as D, unwrapStringEnumValue as d, loadCachedMap as te, TgMapFactory as se, BuildInMapTypeId as z, GestureHandlingOptions as W, bindEvents as v, MapType as re, Objects as ie, InfoWindowModeValues as oe, LatLng as f, dimen as ae, ControlPosition as c, CustomControl as ne, MapTypeControlType as le, TrafficLayer as he, MapPane as B, ElementOverlay as de, BaiduMarker as G, setTgMapConfig as pe } from "tg-map-core";
+import { noop as S, typed as L, lateinit as l, path as Y, throwError as w, Arrays as Q, deepEqual as ee } from "tg-commons";
+import { Strings as F, TgMapType as D, unwrapStringEnumValue as d, loadCachedMap as te, TgMapFactory as se, BuildInMapTypeId as z, GestureHandlingOptions as W, bindEvents as v, MapType as re, Objects as oe, InfoWindowModeValues as ie, LatLng as y, dimen as ae, ControlPosition as c, CustomControl as ne, MapTypeControlType as le, TrafficLayer as he, MapPane as x, ElementOverlay as de, BaiduMarker as G, setTgMapConfig as pe } from "tg-map-core";
 export * from "tg-map-core";
-import { createCommentVNode as R, computed as q, defineComponent as n, markRaw as ce, watch as T, createElementBlock as b, openBlock as C, mergeProps as I, createElementVNode as me, renderSlot as y, normalizeClass as A, normalizeStyle as ue, getCurrentInstance as ye, inject as fe, onBeforeUnmount as ve, onMounted as ge, toRaw as E, withDirectives as $e, vShow as be } from "vue";
+import { createCommentVNode as Z, computed as q, defineComponent as n, markRaw as ce, watch as k, createElementBlock as $, openBlock as C, mergeProps as I, createElementVNode as me, renderSlot as f, normalizeClass as A, normalizeStyle as ue, getCurrentInstance as fe, inject as ye, onBeforeUnmount as ve, onMounted as ge, toRaw as B, withDirectives as be, vShow as $e } from "vue";
 import "tg-map-core/dist/tg-map-core.css";
 function u(e, t) {
   return {
@@ -31,22 +31,22 @@ function s(e, t) {
 }
 function Qe(e) {
   const t = {};
-  return Object.entries(e).forEach(([r, i]) => {
-    const o = `__${r}`;
+  return Object.entries(e).forEach(([r, o]) => {
+    const i = `__${r}`;
     t[r] = {
       get() {
-        const a = this[o];
-        return a === void 0 ? i : a;
+        const a = this[i];
+        return a === void 0 ? o : a;
       },
       set(a) {
-        this[o] = a;
+        this[i] = a;
       }
       // Vue3已经不支持该属性
       // cache: false
     };
   }), t;
 }
-const k = {
+const T = {
   enumerable: !0,
   configurable: !0,
   get: S,
@@ -55,21 +55,21 @@ const k = {
 function _e(e) {
   return Object.keys(e).forEach((t) => {
     const r = e[t];
-    let i = !1;
-    typeof r == "function" ? (k.get = r, k.set = S, i = !0) : typeof r == "object" && typeof r.get == "function" && (k.get = r.get, k.set = r.set, i = !0), i && (e[t] = Object.defineProperty(e, t, k));
+    let o = !1;
+    typeof r == "function" ? (T.get = r, T.set = S, o = !0) : typeof r == "object" && typeof r.get == "function" && (T.get = r.get, T.set = r.set, o = !0), o && (e[t] = Object.defineProperty(e, t, T));
   }), e;
 }
 function et(e) {
   return _e(e);
 }
-function L() {
-  return R();
+function E() {
+  return Z();
 }
-function w(e, t) {
+function M(e, t) {
   const r = e.$options[t];
   if (r)
-    for (const i of r)
-      i.call(e);
+    for (const o of r)
+      o.call(e);
 }
 function tt(e, t) {
   for (const r of e)
@@ -79,23 +79,23 @@ function tt(e, t) {
 function st(e, t) {
   if (!e.default) return;
   const r = e.default();
-  for (const i of r)
-    if ((i == null ? void 0 : i.type).name === t.name)
-      return i;
+  for (const o of r)
+    if ((o == null ? void 0 : o.type).name === t.name)
+      return o;
 }
 function ke(e, t) {
-  const r = {}, i = {}, o = {};
+  const r = {}, o = {}, i = {};
   return Object.keys(e).forEach((a) => {
-    a.startsWith("on") ? r[F.pascal2kebab(a.substring(2))] = e[a] : i[a] = e[a];
+    a.startsWith("on") ? r[F.pascal2kebab(a.substring(2))] = e[a] : o[a] = e[a];
   }), t && Object.keys(t).forEach((a) => {
-    a.startsWith("on") && (o[F.pascal2kebab(a.substring(2))] = t[a]);
+    a.startsWith("on") && (i[F.pascal2kebab(a.substring(2))] = t[a]);
   }), {
     /** class/style/未声明的属性 等 */
-    binds: i,
+    binds: o,
     /** 未声明的事件 */
     listeners: r,
     /** 声明在`props`中的事件 */
-    listenerProps: o
+    listenerProps: i
   };
 }
 function g(e, t) {
@@ -106,45 +106,45 @@ function h() {
 }
 const rt = () => {
   let e, t;
-  function r(o) {
-    console.log(o), e = o && o.type, t = Date.now();
+  function r(i) {
+    console.log(i), e = i && i.type, t = Date.now();
   }
-  function i(o) {
-    ((o && o.type) !== e || Date.now() - (t ?? 0) > 1e3) && r(o);
+  function o(i) {
+    ((i && i.type) !== e || Date.now() - (t ?? 0) > 1e3) && r(i);
   }
-  return { eventLog: r, eventLogLess: i };
+  return { eventLog: r, eventLogLess: o };
 };
-function U(e, t) {
+function R(e, t) {
   return (e == null ? void 0 : e.$options.name) === t.name;
 }
 function X(e, t) {
-  return U(e, t) ? e : void 0;
+  return R(e, t) ? e : void 0;
 }
-function Z(e, t, r) {
-  let i = t;
-  for (; i; ) {
-    if (U(i, e))
-      return i;
-    if (r && U(i, r))
+function U(e, t, r) {
+  let o = t;
+  for (; o; ) {
+    if (R(o, e))
+      return o;
+    if (r && R(o, r))
       return;
-    i = i.$parent;
+    o = o.$parent;
   }
 }
 const j = "$map", O = "onCreate", P = "onDestroy", p = n({
   inject: [j],
   mounted() {
-    w(this, O);
+    M(this, O);
   },
   beforeUnmount() {
-    w(this, P);
+    M(this, P);
   },
   methods: {
     recreate() {
-      w(this, P), w(this, O);
+      M(this, P), M(this, O);
     }
   },
   render() {
-    return L();
+    return E();
   }
 }), Te = {
   /** type没做响应式, 但外部可以把type作为tg-map的key, 让type修改时完全重建tg-map */
@@ -157,7 +157,7 @@ const j = "$map", O = "onCreate", P = "onDestroy", p = n({
    * - :last-center.sync="center": 获取tg-map销毁时的最后的center的值, 使用这种方式可以做到type切换时保留中心点位置
    * @see AbstractMapEventMap.center-changed
    */
-  center: m(f),
+  center: m(y),
   /**
    * 同步center的延时
    * @default 300
@@ -169,20 +169,21 @@ const j = "$map", O = "onCreate", P = "onDestroy", p = n({
    * @see center
    * @deprecated 用的太少, 故maptalks未实现该属性, 要实时获取中心点, 请将{@link centerSyncDelay}设为0
    */
-  currentCenter: s(f),
+  currentCenter: s(y),
   /**
    * 仅用于获取tg-map销毁时的最后的center的值
    * @see center
    * @deprecated 用的太少, 故maptalks未实现该属性
    */
-  lastCenter: s(f),
+  lastCenter: s(y),
   zoom: m(Number),
   /**
    * 该属性不会响应式更新, 要让它立即生效, 请参考{@link file://./../views/map/InfoDemo.vue#L3}
    * @see MapOptions.infoWindowMode
    */
-  infoWindowMode: Ce(oe),
+  infoWindowMode: Ce(ie),
   gestureHandling: u(W),
+  fractionalZoom: s(Boolean),
   minZoom: s(Number),
   maxZoom: s(Number),
   mapStyle: s(Object),
@@ -217,13 +218,13 @@ const j = "$map", O = "onCreate", P = "onDestroy", p = n({
   },
   data() {
     return {
-      map: x(),
+      map: L(),
       isDestroyed: !1
     };
   },
   computed: {
     propsJson() {
-      return ie.toJsonSafely(this.$props);
+      return oe.toJsonSafely(this.$props);
     }
   },
   watch: {
@@ -250,14 +251,22 @@ const j = "$map", O = "onCreate", P = "onDestroy", p = n({
     mapType(e) {
       var t;
       (t = this.map) == null || t.setMapType(e ?? re.NORMAL);
+    },
+    hideLogo(e) {
+      var t;
+      (t = this.map) == null || t.setHideLogo(e ?? !1);
+    },
+    fractionalZoom(e) {
+      var t;
+      (t = this.map) == null || t.setFractionalZoom(e ?? !1);
     }
   },
   async mounted() {
     const e = d(this.type, D);
     try {
       await te(e);
-    } catch (o) {
-      this.$emit("error", o);
+    } catch (i) {
+      this.$emit("error", i);
       return;
     }
     if (this.isDestroyed) {
@@ -276,7 +285,9 @@ const j = "$map", O = "onCreate", P = "onDestroy", p = n({
         minZoom: this.minZoom,
         maxZoom: this.maxZoom,
         mapStyle: this.mapStyle,
-        buildInMapTypeId: d(this.mapTypeId, z)
+        buildInMapTypeId: d(this.mapTypeId, z),
+        hideLogo: this.hideLogo,
+        fractionalZoom: this.fractionalZoom
       }
     );
     if (this.map = ce(t), this.mapType && t.setMapType(this.mapType), "ready" in this.attrs.listeners && console.error("地图载入完成的事件已经从ready改为了load, 请手动修改"), v(
@@ -284,16 +295,16 @@ const j = "$map", O = "onCreate", P = "onDestroy", p = n({
       t,
       /* excludes: */
       ["load"]
-    ), this.$emit("load", t), T([
+    ), this.$emit("load", t), k([
       () => this.zoom,
       () => this.center
       //
-    ], ([o, a], [_, J]) => {
-      o !== _ && t.setZoom(o), a !== J && (t.getCenter().equals(a) || t.setCenter(a));
+    ], ([i, a], [_, J]) => {
+      i !== _ && t.setZoom(i), a !== J && (t.getCenter().equals(a) || t.setCenter(a));
     }), this.attrs.listenerProps["update:center"]) {
-      const o = () => this.$emit("update:center", t.getCenter());
+      const i = () => this.$emit("update:center", t.getCenter());
       t.addEventListener("center-changed", () => {
-        this.centerSyncDelay > 0 ? (clearTimeout(this.centerSyncTimeoutId), this.centerSyncTimeoutId = setTimeout(o, this.centerSyncDelay)) : o();
+        this.centerSyncDelay > 0 ? (clearTimeout(this.centerSyncTimeoutId), this.centerSyncTimeoutId = setTimeout(i, this.centerSyncDelay)) : i();
       });
     }
     this.attrs.listenerProps["update:current-center"] && (this.$emit("update:current-center", this.center), t.addEventListener("center-changed", () => {
@@ -301,24 +312,24 @@ const j = "$map", O = "onCreate", P = "onDestroy", p = n({
     })), this.attrs.listenerProps["update:zoom"] && t.addEventListener("zoom-changed", () => {
       this.$emit("update:zoom", t.getZoom());
     });
-    const r = this.attrs.listenerProps["update:map-type"], i = this.attrs.listenerProps["update:map-type-id"];
-    (r || i) && t.addEventListener("map-type-changed", () => {
-      const o = t.getMapType();
-      r && this.$emit("update:map-type", o), i && this.$emit("update:map-type-id", o.id);
+    const r = this.attrs.listenerProps["update:map-type"], o = this.attrs.listenerProps["update:map-type-id"];
+    (r || o) && t.addEventListener("map-type-changed", () => {
+      const i = t.getMapType();
+      r && this.$emit("update:map-type", i), o && this.$emit("update:map-type-id", i.id);
     });
   },
   unmounted() {
     this.isDestroyed = !0, this.map && (this.attrs.listenerProps["update:last-center"] && this.$emit("update:last-center", this.map.getCenter()), this.attrs.listenerProps["update:center"] && (clearTimeout(this.centerSyncTimeoutId), this.$emit("update:center", this.map.getCenter())));
   },
   methods: {}
-}), $ = (e, t) => {
+}), b = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [i, o] of t)
-    r[i] = o;
+  for (const [o, i] of t)
+    r[o] = i;
   return r;
 };
-function Pe(e, t, r, i, o, a) {
-  return C(), b("div", I({ class: "tg-map" }, e.attrs.binds), [
+function Pe(e, t, r, o, i, a) {
+  return C(), $("div", I({ class: "tg-map" }, e.attrs.binds), [
     me("div", {
       ref: "map",
       class: A({
@@ -326,12 +337,12 @@ function Pe(e, t, r, i, o, a) {
         [`tg-map__map--hide-logo-${e.type}`]: e.hideLogo
       })
     }, null, 2),
-    R("", !0),
-    e.map ? y(e.$slots, "default", { key: 1 }) : R("", !0),
-    y(e.$slots, "overlay")
+    Z("", !0),
+    e.map ? f(e.$slots, "default", { key: 1 }) : Z("", !0),
+    f(e.$slots, "overlay")
   ], 16);
 }
-const N = /* @__PURE__ */ $(Oe, [["render", Pe]]), Ie = n({
+const N = /* @__PURE__ */ b(Oe, [["render", Pe]]), Ie = n({
   name: "tg-map-widget",
   props: {
     left: {
@@ -360,15 +371,15 @@ const N = /* @__PURE__ */ $(Oe, [["render", Pe]]), Ie = n({
     dimen: ae
   }
 });
-function Me(e, t, r, i, o, a) {
-  return C(), b("div", {
+function we(e, t, r, o, i, a) {
+  return C(), $("div", {
     class: A(e.$options.name),
     style: ue({ left: e.dimen(e.left), top: e.dimen(e.topValue), right: e.dimen(e.right), bottom: e.dimen(e.bottom) })
   }, [
-    y(e.$slots, "default")
+    f(e.$slots, "default")
   ], 6);
 }
-const it = /* @__PURE__ */ $(Ie, [["render", Me]]), we = n({
+const ot = /* @__PURE__ */ b(Ie, [["render", we]]), Me = n({
   name: "tg-custom-control",
   mixins: [p],
   props: {
@@ -397,14 +408,14 @@ const it = /* @__PURE__ */ $(Ie, [["render", Me]]), we = n({
     this.$map.removeCustomControl(this.control);
   }
 });
-function Se(e, t, r, i, o, a) {
-  return C(), b("div", {
+function Se(e, t, r, o, i, a) {
+  return C(), $("div", {
     class: A(e.$options.name)
   }, [
-    y(e.$slots, "default")
+    f(e.$slots, "default")
   ], 2);
 }
-const ot = /* @__PURE__ */ $(we, [["render", Se]]), at = n({
+const it = /* @__PURE__ */ b(Me, [["render", Se]]), at = n({
   name: "tg-map-type-control",
   mixins: [p],
   props: {
@@ -462,30 +473,30 @@ const ot = /* @__PURE__ */ $(we, [["render", Se]]), at = n({
 });
 function K() {
   var r;
-  const e = (r = ye()) == null ? void 0 : r.type;
+  const e = (r = fe()) == null ? void 0 : r.type;
   let t = (e == null ? void 0 : e.name) ?? (e == null ? void 0 : e.__name);
   if (!t) {
-    const i = e == null ? void 0 : e.__file;
-    i && (t = Y.basename(i, ".vue"));
+    const o = e == null ? void 0 : e.__file;
+    o && (t = Y.basename(o, ".vue"));
   }
   return t;
 }
-function V() {
-  const e = fe(j);
+function H() {
+  const e = ye(j);
   let t, r;
-  return e == null && M(`<${K() || "unknown"}>必须作为<tg-map>的子代组件`), {
+  return e == null && w(`<${K() || "unknown"}>必须作为<tg-map>的子代组件`), {
     mapRef: e,
     /** 读取map对象, 只要放在<tg-map>里面的组件(除#overlay插槽外)都能够立即读取到map对象 */
     get map() {
-      return e.value ?? M("map尚未初始化");
+      return e.value ?? w("map尚未初始化");
     },
     /** 地图元素创建回调 */
-    [O](i) {
-      ge(i), t && M(`${O}只能调用一次`), t = i;
+    [O](o) {
+      ge(o), t && w(`${O}只能调用一次`), t = o;
     },
     /** 地图元素销毁回调 */
-    [P](i) {
-      ve(i), r && M(`${P}只能调用一次`), r = i;
+    [P](o) {
+      ve(o), r && w(`${P}只能调用一次`), r = o;
     },
     /** 重新创建地图元素 */
     recreate() {
@@ -500,30 +511,33 @@ const lt = n({
   },
   setup(e) {
     let t = l();
-    const { map: r, onCreate: i, onDestroy: o } = V();
-    return i(() => {
+    const { map: r, onCreate: o, onDestroy: i } = H();
+    return o(() => {
       t = r.createStreetViewControl(d(e)), r.addControl(t);
-    }), o(() => {
+    }), i(() => {
       r.removeControl(t);
-    }), T(() => e.position, (a) => {
+    }), k(() => e.position, (a) => {
       t.setPosition(d(a, c));
-    }), L;
+    }), E;
   }
 }), ht = n({
   name: "tg-zoom-control",
   props: {
-    position: u(c, c.RIGHT_BOTTOM)
+    position: u(c, c.RIGHT_BOTTOM),
+    showZoomLevel: s(Boolean)
   },
   setup(e) {
     let t = l();
-    const { map: r, onCreate: i, onDestroy: o } = V();
-    return i(() => {
+    const { map: r, onCreate: o, onDestroy: i } = H();
+    return o(() => {
       t = r.createZoomControl(d(e)), r.addControl(t);
-    }), o(() => {
+    }), i(() => {
       r.removeControl(t);
-    }), T(() => e.position, (a) => {
+    }), k(() => e.position, (a) => {
       t.setPosition(d(a, c));
-    }), L;
+    }), k(() => e.showZoomLevel, (a) => {
+      t.setShowZoomLevel(a ?? !0);
+    }), E;
   }
 }), dt = n({
   name: "tg-heatmap",
@@ -535,18 +549,18 @@ const lt = n({
     data: m(Array)
   },
   setup(e) {
-    const { map: t, onCreate: r, onDestroy: i } = V();
-    let o = l();
+    const { map: t, onCreate: r, onDestroy: o } = H();
+    let i = l();
     return r(() => {
-      o = t.createHeatmap(e);
-    }), i(() => {
-      o.remove();
-    }), T(() => e.data, (a) => o.setData(a)), T(
+      i = t.createHeatmap(e);
+    }), o(() => {
+      i.remove();
+    }), k(() => e.data, (a) => i.setData(a)), k(
       [() => e.maxIntensity, () => e.gradient, () => e.opacity, () => e.radius],
-      () => o.setOptions(e)
-    ), L;
+      () => i.setOptions(e)
+    ), E;
   }
-}), xe = n({
+}), Le = n({
   name: "tg-marker-clusterer",
   mixins: [p],
   // markers从this.$children中读取, 故需要省略(Omit)
@@ -562,7 +576,7 @@ const lt = n({
   setup() {
     return {
       clusterer: l(),
-      markers: x([])
+      markers: L([])
     };
   },
   watch: {
@@ -595,7 +609,7 @@ const lt = n({
     this.clusterer = this.$map.createMarkerClusterer(this);
   },
   onDestroy() {
-    this.clusterer.clearMarkers();
+    this.clusterer.clearMarkers(!0);
   },
   methods: {
     /** TgMarker有可能在该组件未初始化之前调用, 需要通过该方法判断 */
@@ -610,14 +624,14 @@ const lt = n({
     }
   }
 });
-function Be(e, t, r, i, o, a) {
-  return C(), b("div", {
+function xe(e, t, r, o, i, a) {
+  return C(), $("div", {
     class: A(e.$options.name)
   }, [
-    y(e.$slots, "default")
+    f(e.$slots, "default")
   ], 2);
 }
-const Ae = /* @__PURE__ */ $(xe, [["render", Be]]), pt = n({
+const Ae = /* @__PURE__ */ b(Le, [["render", xe]]), pt = n({
   name: "tg-traffic-layer",
   mixins: [p],
   // 请直接使用v-if来控制它的显隐
@@ -640,7 +654,7 @@ const Ae = /* @__PURE__ */ $(xe, [["render", Be]]), pt = n({
   mixins: [p],
   inheritAttrs: !1,
   props: {
-    center: m(f),
+    center: m(y),
     radius: m(Number),
     clickable: s(Boolean),
     editable: s(Boolean),
@@ -667,7 +681,7 @@ const Ae = /* @__PURE__ */ $(xe, [["render", Be]]), pt = n({
     center(e) {
       if (this.emittedCenter != null) {
         const t = this.emittedCenter;
-        if (this.emittedCenter = void 0, t === E(e))
+        if (this.emittedCenter = void 0, t === B(e))
           return;
       }
       this.overlay.setCenter(e);
@@ -719,9 +733,9 @@ const Ae = /* @__PURE__ */ $(xe, [["render", Be]]), pt = n({
     this.$map.removeOverlay(this.overlay);
   }
 });
-class Ee extends de {
-  constructor(t, r, i, o) {
-    super(t, r), this.content = i, this.position = o;
+class Be extends de {
+  constructor(t, r, o, i) {
+    super(t, r), this.content = o, this.position = i;
   }
   onCreate() {
     return this.content;
@@ -734,12 +748,12 @@ class Ee extends de {
     this.position = t, this.draw();
   }
 }
-const Le = n({
+const Ee = n({
   name: "tg-element-overlay",
   mixins: [p],
   props: {
-    mapPane: u(B, B.overlayMouseTarget),
-    position: m(f)
+    mapPane: u(x, x.overlayMouseTarget),
+    position: m(y)
   },
   setup() {
     return {
@@ -760,21 +774,21 @@ const Le = n({
     }
   },
   onCreate() {
-    this.overlay = new Ee(this.$map, d(this), this.content(), this.position), this.$map.addElementOverlay(this.overlay);
+    this.overlay = new Be(this.$map, d(this), this.content(), this.position), this.$map.addElementOverlay(this.overlay);
   },
   onDestroy() {
     this.$map.removeElementOverlay(this.overlay);
   }
 });
-function Ne(e, t, r, i, o, a) {
-  return C(), b("div", I({
+function Ne(e, t, r, o, i, a) {
+  return C(), $("div", I({
     class: e.$options.name
   }, e.$attrs), [
-    y(e.$slots, "default")
+    f(e.$slots, "default")
   ], 16);
 }
-const mt = /* @__PURE__ */ $(Le, [["render", Ne]]), De = {
-  position: m(f),
+const mt = /* @__PURE__ */ b(Ee, [["render", Ne]]), De = {
+  position: m(y),
   title: s(String),
   label: s(Object),
   icon: s(Object),
@@ -801,8 +815,8 @@ const mt = /* @__PURE__ */ $(Le, [["render", Ne]]), De = {
     return {
       attrs: g(t, e),
       marker: l(),
-      labelOverlay: x(),
-      info: x(),
+      labelOverlay: L(),
+      info: L(),
       emittedPosition: void 0,
       autoAddToClustererWhenCreate: e.autoAddToClusterer
     };
@@ -811,7 +825,7 @@ const mt = /* @__PURE__ */ $(Le, [["render", Ne]]), De = {
     position(e) {
       if (this.emittedPosition != null) {
         const t = this.emittedPosition;
-        if (this.emittedPosition = void 0, t === E(e))
+        if (this.emittedPosition = void 0, t === B(e))
           return;
       }
       this.marker.setPosition(e);
@@ -879,20 +893,21 @@ const mt = /* @__PURE__ */ $(Le, [["render", Ne]]), De = {
     }
   }
 });
-function We(e, t, r, i, o, a) {
-  return y(e.$slots, "default");
+function We(e, t, r, o, i, a) {
+  return f(e.$slots, "default");
 }
-const H = /* @__PURE__ */ $(ze, [["render", We]]), Re = n({
+const V = /* @__PURE__ */ b(ze, [["render", We]]), Ze = n({
   name: "tg-info-box",
   mixins: [p],
   inheritAttrs: !1,
   props: {
     show: m(Boolean),
-    position: s(f),
+    position: s(y),
     offset: s(Object),
     maxWidth: s(Number),
     borderClass: s(String),
     zIndex: s(Number),
+    disableAutoPan: s(Boolean),
     "onUpdate:show": h()
   },
   emits: void 0,
@@ -920,6 +935,9 @@ const H = /* @__PURE__ */ $(ze, [["render", We]]), Re = n({
     },
     zIndex(e) {
       this.overlay.setZIndex(e);
+    },
+    disableAutoPan() {
+      this.recreate();
     }
   },
   onCreate() {
@@ -938,14 +956,15 @@ const H = /* @__PURE__ */ $(ze, [["render", We]]), Re = n({
         offset: this.offset,
         zIndex: this.zIndex,
         maxWidth: this.maxWidth,
-        borderClass: this.borderClass
+        borderClass: this.borderClass,
+        disableAutoPan: this.disableAutoPan
       };
     },
     content() {
       return this.$el;
     },
     $marker() {
-      return Z(H, this.$parent, N);
+      return U(V, this.$parent, N);
     },
     open(e) {
       this.overlay.open(e);
@@ -955,20 +974,20 @@ const H = /* @__PURE__ */ $(ze, [["render", We]]), Re = n({
     }
   }
 });
-function Ue(e, t, r, i, o, a) {
-  return C(), b("div", I({
+function Re(e, t, r, o, i, a) {
+  return C(), $("div", I({
     class: e.$options.name
   }, e.attrs.binds), [
-    y(e.$slots, "default")
+    f(e.$slots, "default")
   ], 16);
 }
-const ut = /* @__PURE__ */ $(Re, [["render", Ue]]), Ze = n({
+const ut = /* @__PURE__ */ b(Ze, [["render", Re]]), Ue = n({
   name: "tg-info-window",
   mixins: [p],
   inheritAttrs: !1,
   props: {
     show: m(Boolean),
-    position: s(f),
+    position: s(y),
     maxWidth: s(Number),
     offset: s(Object),
     disableAutoPan: s(Boolean),
@@ -1003,7 +1022,7 @@ const ut = /* @__PURE__ */ $(Re, [["render", Ue]]), Ze = n({
       return this.$el;
     },
     $marker() {
-      return Z(H, this.$parent, N);
+      return U(V, this.$parent, N);
     },
     getOptions() {
       return {
@@ -1026,24 +1045,24 @@ const ut = /* @__PURE__ */ $(Re, [["render", Ue]]), Ze = n({
     this.$marker() ? this.$marker().onRemoveInfo(this) : this.overlay.close();
   }
 });
-function je(e, t, r, i, o, a) {
-  return $e((C(), b("div", I({
+function je(e, t, r, o, i, a) {
+  return be((C(), $("div", I({
     class: e.$options.name
   }, e.attrs.binds), [
-    y(e.$slots, "default")
+    f(e.$slots, "default")
   ], 16)), [
-    [be, e.show]
+    [$e, e.show]
   ]);
 }
-const yt = /* @__PURE__ */ $(Ze, [["render", je]]), Ve = n({
+const ft = /* @__PURE__ */ b(Ue, [["render", je]]), He = n({
   name: "tg-label",
   mixins: [p],
   inheritAttrs: !1,
   props: {
-    position: s(f),
+    position: s(y),
     offset: s(Object),
     zIndex: s(Number),
-    mapPane: u(B)
+    mapPane: u(x)
   },
   emits: void 0,
   setup(e, { attrs: t }) {
@@ -1078,7 +1097,7 @@ const yt = /* @__PURE__ */ $(Ze, [["render", je]]), Ve = n({
       return (e = this.$marker()) == null ? void 0 : e.marker;
     },
     $marker() {
-      return Z(H, this.$parent, N);
+      return U(V, this.$parent, N);
     },
     getOptions() {
       return {
@@ -1086,7 +1105,7 @@ const yt = /* @__PURE__ */ $(Ze, [["render", je]]), Ve = n({
         position: this.position,
         offset: this.offset,
         zIndex: this.zIndex,
-        mapPane: d(this.mapPane, B)
+        mapPane: d(this.mapPane, x)
       };
     }
   },
@@ -1097,14 +1116,14 @@ const yt = /* @__PURE__ */ $(Ze, [["render", je]]), Ve = n({
     this.$marker() ? this.$marker().onRemoveLabel(this) : this.$map.removeOverlay(this.overlay);
   }
 });
-function He(e, t, r, i, o, a) {
-  return C(), b("div", I({
+function Ve(e, t, r, o, i, a) {
+  return C(), $("div", I({
     class: e.$options.name
   }, e.attrs.binds), [
-    y(e.$slots, "default")
+    f(e.$slots, "default")
   ], 16);
 }
-const ft = /* @__PURE__ */ $(Ve, [["render", He]]), Fe = {
+const yt = /* @__PURE__ */ b(He, [["render", Ve]]), Fe = {
   paths: m(Array),
   clickable: s(Boolean),
   editable: s(Boolean),
@@ -1134,7 +1153,7 @@ const ft = /* @__PURE__ */ $(Ve, [["render", He]]), Fe = {
       handler(e) {
         if (this.emittedPaths != null) {
           const t = this.emittedPaths;
-          if (this.emittedPaths = void 0, t.length === e.length && t.every((r, i) => r === E(e[i])))
+          if (this.emittedPaths = void 0, t.length === e.length && t.every((r, o) => r === B(e[o])))
             return;
         }
         this.overlay.setPaths(e);
@@ -1206,7 +1225,7 @@ const ft = /* @__PURE__ */ $(Ve, [["render", He]]), Fe = {
       handler(e) {
         if (this.emittedPath != null) {
           const t = this.emittedPath;
-          if (this.emittedPath = void 0, t === E(e))
+          if (this.emittedPath = void 0, t === B(e))
             return;
         }
         this.overlay.setPath(e);
@@ -1249,7 +1268,7 @@ const ft = /* @__PURE__ */ $(Ve, [["render", He]]), Fe = {
   onDestroy() {
     this.overlay.remove();
   }
-}), $t = n({
+}), bt = n({
   name: "tg-rectangle",
   mixins: [p],
   inheritAttrs: !1,
@@ -1319,13 +1338,13 @@ const ft = /* @__PURE__ */ $(Ve, [["render", He]]), Fe = {
   onDestroy() {
     this.$map.removeOverlay(this.overlay);
   }
-}), Ge = ["beforeUpdate", "updated"], bt = {
+}), Ge = ["beforeUpdate", "updated"], $t = {
   install(e, t = {}) {
     if (t.enable !== !1) {
       const r = n({
         beforeCreate() {
-          const i = K() ?? "", a = (t.nameRegex || /^[A-Z]/).test(i) ? (_) => {
-            t.hookNames ? t.hookNames.includes(_) && console.debug("[lifecycle]", i, _) : Ge.includes(_) || console.debug("[lifecycle]", i, _);
+          const o = K() ?? "", a = (t.nameRegex || /^[A-Z]/).test(o) ? (_) => {
+            t.hookNames ? t.hookNames.includes(_) && console.debug("[lifecycle]", o, _) : Ge.includes(_) || console.debug("[lifecycle]", o, _);
           } : S;
           a("beforeCreate"), this.__life_impl = a;
         },
@@ -1351,8 +1370,8 @@ const ft = /* @__PURE__ */ $(Ve, [["render", He]]), Fe = {
           this.__life("unmounted");
         },
         methods: {
-          __life(i) {
-            this.__life_impl(i);
+          __life(o) {
+            this.__life_impl(o);
           }
         },
         onCreate() {
@@ -1369,45 +1388,45 @@ const ft = /* @__PURE__ */ $(Ve, [["render", He]]), Fe = {
   install(e, t) {
     pe(t);
     const r = e.config.optionMergeStrategies;
-    r[O] = r[P] = (i, o) => i ? [...new Set([].concat(i, o))] : Array.isArray(o) ? o : [o];
+    r[O] = r[P] = (o, i) => o ? [...new Set([].concat(o, i))] : Array.isArray(i) ? i : [i];
   }
 };
 export {
-  bt as LifecycleLogPlugin,
+  $t as LifecycleLogPlugin,
   O as MIXIN_HOOK_CREATE,
   P as MIXIN_HOOK_DESTROY,
   j as MIXIN_MAP_NAME,
   p as MapMixin,
   ct as TgCircle,
-  ot as TgCustomControl,
+  it as TgCustomControl,
   mt as TgElementOverlay,
   dt as TgHeatmap,
   ut as TgInfoBox,
-  yt as TgInfoWindow,
-  ft as TgLabel,
+  ft as TgInfoWindow,
+  yt as TgLabel,
   N as TgMap,
   at as TgMapTypeControl,
-  it as TgMapWidget,
-  H as TgMarker,
+  ot as TgMapWidget,
+  V as TgMarker,
   Ae as TgMarkerClusterer,
   vt as TgPolygon,
   gt as TgPolyline,
-  $t as TgRectangle,
+  bt as TgRectangle,
   nt as TgScaleControl,
   lt as TgStreetViewControl,
   pt as TgTrafficLayer,
   ht as TgZoomControl,
-  w as callHook,
+  M as callHook,
   Qe as computedSaveOnThis,
-  L as createEmptyVNode,
+  E as createEmptyVNode,
   _e as createPropertyObject,
   et as createPropertyObjectTyped,
   Ct as default,
   h as eventProp,
   st as extractVNodeFromSlotsByComponent,
-  Z as findAncestorComponentByType,
+  U as findAncestorComponentByType,
   tt as findByComponentType,
-  U as isComponentByType,
+  R as isComponentByType,
   s as optionalProp,
   m as requiredProp,
   X as safeAsComponent,
@@ -1416,6 +1435,6 @@ export {
   Ce as stringUnionPropFromValues,
   rt as useEventLogMethods,
   g as useSplittedAttrs,
-  V as useTgMapInner
+  H as useTgMapInner
 };
 //# sourceMappingURL=tg-map.js.map