tg-map-vue3 3.5.1 → 3.5.3

package/CHANGELOG.md

@@ -3,7 +3,9 @@
 ## 3.5.x
 
 - fix: [LatLngBounds]为空时中心点计算问题
+- fix: 规避只调用beforeMount不调用mount时报错的问题, 详见: [tg_map_mounted_not_be_called]
 - ***BREAKING CHANGE***: `useTgMap` -> [useTgMapInner]
+- ***BREAKING CHANGE***: 统一[TgLabel]在google和baidu上的默认显示层级, 都位于overlay上方
 
 ## 3.4.x
 
@@ -35,6 +37,7 @@
 
 [TgMap]: src/components/TgMap.vue
 [TgCircle]: src/components/overlays/TgCircle.vue
+[TgLabel]: src/components/overlays/TgLabel.vue
 [TgRectangle]: src/components/overlays/TgRectangle.vue
 [TgPolygon]: src/components/overlays/TgPolygon.vue
 [TgPolyline]: src/components/overlays/TgPolyline.vue
@@ -45,3 +48,4 @@
 [SearchBox]: src/map/map/extra/search-box.ts "搜索框"
 [useTgMapInner]: src/components/map-hooks.ts
 [LatLngBounds]: src/map/lat-lng.ts#L157
+[tg_map_mounted_not_be_called]: src/main.ts#25

package/dist/src/components/controls/TgCustomControl.vue.d.ts

@@ -7,7 +7,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     control: CustomControl;
-}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {

package/dist/src/components/controls/TgMapTypeControl.vue.d.ts

@@ -13,7 +13,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     control: MapTypeControl;
-}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {

package/dist/src/components/controls/TgScaleControl.vue.d.ts

@@ -7,7 +7,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     control: ScaleControl;
-}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {

package/dist/src/components/extra/TgMarkerClusterer.vue.d.ts

@@ -30,7 +30,9 @@ declare const TgMarkerClusterer: import("vue").DefineComponent<{
     isInitiated(): boolean;
     onAddMarker(marker: MarkerOverlay): void;
     onRemoveMarker(marker: MarkerOverlay): void;
-}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     gridSize: {

package/dist/src/components/layers/TgTrafficLayer.vue.d.ts

@@ -1,7 +1,9 @@
 import { TrafficLayer } from '../../map/map/map-type';
 declare const _default: import("vue").DefineComponent<{}, {
     layer: TrafficLayer;
-}, {}, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, {}, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/src/components/map-mixin.d.ts

@@ -15,7 +15,9 @@ declare module 'vue' {
     }
 }
 /** @deprecated 使用{@link useTgMapInner}替代 */
-declare const MapMixin: import("vue").DefineComponent<{}, {}, {}, {}, {
+declare const MapMixin: import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default MapMixin;

package/dist/src/components/overlays/TgCircle.vue.d.ts

@@ -49,7 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     overlay: CircleOverlay;
     emittedRadius: number | undefined;
     emittedCenter: LatLng | undefined;
-}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<CircleEventMap & TgCircleEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     center: {

package/dist/src/components/overlays/TgElementOverlay.vue.d.ts

@@ -23,7 +23,9 @@ declare const TgElementOverlay: import("vue").DefineComponent<{
     overlay: SimpleElementOverlay;
 }, unknown, {}, {
     content(): HTMLElement;
-}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mapPane: {

package/dist/src/components/overlays/TgInfoBox.vue.d.ts

@@ -40,7 +40,9 @@ declare const TgInfoBox: import("vue").DefineComponent<{
     $marker(): TgMarkerPublicInstance | undefined;
     open(marker?: MarkerOverlay): void;
     close(): void;
-}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<TgInfoBoxEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: {

package/dist/src/components/overlays/TgInfoWindow.vue.d.ts

@@ -34,7 +34,9 @@ declare const TgInfoWindow: import("vue").DefineComponent<{
     content(): HTMLElement;
     $marker(): TgMarkerPublicInstance | undefined;
     getOptions(): InfoWindowOptions;
-}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<InfoWindowEventMap & TgInfoWindowEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: {

package/dist/src/components/overlays/TgLabel.vue.d.ts

@@ -1,4 +1,5 @@
 import { LatLng } from '../../map/lat-lng';
+import { MapPane } from '../../map/map/overlay/element-overlay';
 import type { LabelEventMap, LabelOptions, LabelOverlay } from '../../map/map/overlay/label';
 import type { Marker } from '../../map/map/overlay/marker';
 import { type EventEmits } from '../../utils/vue-utils';
@@ -13,6 +14,9 @@ declare const TgLabel: import("vue").DefineComponent<{
     zIndex: {
         type: import("vue").PropType<number>;
     };
+    mapPane: {
+        type: import("vue").PropType<import("../../utils/mapped-types").StringEnumValue<typeof MapPane>>;
+    };
 }, {
     attrs: import("vue").ComputedRef<{
         binds: Record<string, unknown>;
@@ -25,7 +29,9 @@ declare const TgLabel: import("vue").DefineComponent<{
     marker(): Marker | undefined;
     $marker(): TgMarkerPublicInstance | undefined;
     getOptions(): LabelOptions;
-}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<LabelEventMap>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
@@ -37,6 +43,9 @@ declare const TgLabel: import("vue").DefineComponent<{
     zIndex: {
         type: import("vue").PropType<number>;
     };
+    mapPane: {
+        type: import("vue").PropType<import("../../utils/mapped-types").StringEnumValue<typeof MapPane>>;
+    };
 }>> & {
     onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
 }, {}, {}>;

package/dist/src/components/overlays/TgMarker.vue.d.ts

@@ -49,7 +49,9 @@ declare const TgMarker: import("vue").DefineComponent<{
     marker: MarkerOverlay;
     label: ({
         $: import("vue").ComponentInternalInstance;
-        $data: {};
+        $data: {
+            $_isCreated: boolean;
+        };
         $props: {
             key?: string | number | symbol | undefined;
             readonly zIndex?: number | undefined;
@@ -61,6 +63,7 @@ declare const TgMarker: import("vue").DefineComponent<{
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
+            readonly mapPane?: import("../../utils/mapped-types").StringEnumValue<typeof import("../../map/map/overlay/element-overlay").MapPane> | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -123,6 +126,9 @@ declare const TgMarker: import("vue").DefineComponent<{
             zIndex: {
                 type: PropType<number>;
             };
+            mapPane: {
+                type: PropType<import("../../utils/mapped-types").StringEnumValue<typeof import("../../map/map/overlay/element-overlay").MapPane>>;
+            };
         }>> & {
             onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
         }, {
@@ -137,7 +143,9 @@ declare const TgMarker: import("vue").DefineComponent<{
             marker(): import("../../map/map/overlay/marker").Marker | undefined;
             $marker(): TgMarkerPublicInstance | undefined;
             getOptions(): import("../../map/map/overlay/label").LabelOptions;
-        }, import("vue").DefineComponent<{}, {}, {}, {}, {
+        }, import("vue").DefineComponent<{}, {}, {
+            $_isCreated: boolean;
+        }, {}, {
             recreate(): void;
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<import("../../map/map/overlay/label").LabelEventMap>, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -169,6 +177,9 @@ declare const TgMarker: import("vue").DefineComponent<{
         zIndex: {
             type: PropType<number>;
         };
+        mapPane: {
+            type: PropType<import("../../utils/mapped-types").StringEnumValue<typeof import("../../map/map/overlay/element-overlay").MapPane>>;
+        };
     }>> & {
         onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
@@ -178,7 +189,9 @@ declare const TgMarker: import("vue").DefineComponent<{
             listenerProps: Record<string, unknown>;
         }>;
         overlay: import("../../map/map/overlay/label").LabelOverlay;
-    }> & {} & {
+    }> & {
+        $_isCreated: boolean;
+    } & {} & {
         recreate(): void;
     } & {
         content(): HTMLElement;
@@ -195,7 +208,9 @@ declare const TgMarker: import("vue").DefineComponent<{
     onAddInfo(info: TgInfo): void;
     onRemoveInfo(info: TgInfo): void;
     onInfoShowChanged(info: TgInfo, isShow: boolean): void;
-}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<MarkerEventMap & TgMarkerEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {

package/dist/src/components/overlays/TgPolygon.vue.d.ts

@@ -43,7 +43,9 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     overlay: PolygonOverlay;
     emittedPaths: LatLng[][] | undefined;
-}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<PolygonEventMap & TgPolygonEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     paths: {

package/dist/src/components/overlays/TgPolyline.vue.d.ts

@@ -37,7 +37,9 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     overlay: PolylineOverlay;
     emittedPath: LatLng[] | undefined;
-}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<PolylineEventMap & TgPolylineEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     path: {

package/dist/src/components/overlays/TgRectangle.vue.d.ts

@@ -43,7 +43,9 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     overlay: RectangleOverlay;
     emittedBounds: LatLngBounds | undefined;
-}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {
+    $_isCreated: boolean;
+}, {}, {
     recreate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, EventEmits<RectangleEventMap & TgRectangleEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bounds: {

package/dist/src/map/map/overlay/element-overlay.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="google.maps" />
+/// <reference types="baidumap-web-sdk" />
 import { LatLng } from '../../lat-lng';
 import { Point } from '../../types';
 import type { AbstractMap } from '../map';
@@ -9,6 +10,10 @@ export declare enum MapPane {
     overlayMouseTarget = "overlayMouseTarget",
     float = "float"
 }
+export declare namespace MapPanes {
+    function toGoogle(mapPane: MapPane, panes: google.maps.MapPanes): Element;
+    function toBaidu(mapPane: MapPane, panes: BMap.MapPanes): HTMLElement | undefined;
+}
 export interface ElementOverlayOptions {
     mapPane: MapPane;
 }

package/dist/src/map/map/overlay/google-label.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="google.maps" />
 import { type Nullable } from '../../../components';
 import type { Point } from '../../types';
+import { MapPane } from './element-overlay';
 export type GoogleLabel = InstanceType<ReturnType<typeof createGoogleLabelClass>>;
-export declare function createGoogleLabel(element: HTMLElement, position: Nullable<google.maps.LatLng>, offset?: Point, zIndex?: number): {
+export declare function createGoogleLabel(element: HTMLElement, position: Nullable<google.maps.LatLng>, offset?: Point, mapPane?: MapPane, zIndex?: number): {
     container: HTMLElement;
     position: Nullable<google.maps.LatLng>;
     offset?: Point | undefined;
-    zIndex?: number | undefined;
+    _mapPane: MapPane;
     setZIndex(zIndex: number): void;
     setElement(element: HTMLElement): void;
     onAdd(): void;
@@ -33,11 +34,11 @@ export declare function createGoogleLabel(element: HTMLElement, position: Nullab
 };
 /** 打开页面时 google.maps.OverlayView 并没有加载, 故需要将GoogleLabel类写到方法中去 */
 declare function createGoogleLabelClass(): {
-    new (element: HTMLElement, position: Nullable<google.maps.LatLng>, offset?: Point, zIndex?: number): {
+    new (element: HTMLElement, position: Nullable<google.maps.LatLng>, offset?: Point, _mapPane?: MapPane, zIndex?: number): {
         container: HTMLElement;
         position: Nullable<google.maps.LatLng>;
         offset?: Point;
-        zIndex?: number;
+        _mapPane: MapPane;
         setZIndex(zIndex: number): void;
         setElement(element: HTMLElement): void;
         onAdd(): void;

package/dist/src/map/map/overlay/label.d.ts

@@ -4,6 +4,7 @@ import { CoordType, LatLng } from '../../lat-lng';
 import { Point } from '../../types';
 import type { BaiduMap } from '../baidu-map';
 import type { GoogleMap } from '../google-map';
+import { MapPane } from './element-overlay';
 import { type GoogleLabel } from './google-label';
 import type { BaiduSymbolIcon } from './icon';
 import { BaiduOverlay, GoogleOverlay, Overlay } from './overlay';
@@ -27,6 +28,12 @@ export interface LabelOptions {
      * - google: 依然有效, 但貌似是由于marker元素的opacity:0;的原因, 调整成比marker小的zIndex后, 依然不能位于marker后方...
      * */
     zIndex?: number;
+    /**
+     * ## 不同行为
+     * - baidu: 不支持该属性
+     * - google: 支持, 默认为{@link MapPane.overlayMouseTarget}
+     */
+    mapPane?: MapPane;
 }
 /**
  * ## 不同实现