tg-map-vue3 3.3.9 → 3.4.1

package/dist/src/components/index.d.ts

@@ -27,6 +27,7 @@ export * from '../map/map/overlay/marker';
 export * from '../map/map/overlay/overlay';
 export * from '../map/map/overlay/polygon';
 export * from '../map/map/overlay/polyline';
+export * from '../map/map/overlay/rectangle';
 export * from '../map/types';
 export * from '../utils/arrays';
 export * from '../utils/assert';
@@ -54,4 +55,5 @@ export { default as TgLabel } from './overlays/TgLabel.vue';
 export { default as TgMarker } from './overlays/TgMarker.vue';
 export { default as TgPolygon } from './overlays/TgPolygon.vue';
 export { default as TgPolyline } from './overlays/TgPolyline.vue';
+export { default as TgRectangle } from './overlays/TgRectangle.vue';
 export { type TgMapConfig, type PartialTgMapConfig, getTgMapConfig, setTgMapConfig, LifecycleLogPlugin, type LifecycleLogOptions, MapMixin, MIXIN_HOOK_CREATE, MIXIN_HOOK_DESTROY, MIXIN_MAP_NAME, };

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

@@ -1,5 +1,10 @@
 import { LatLng } from '../../map/lat-lng';
-import type { CircleOverlay } from '../../map/map/overlay/circle';
+import type { CircleEventMap, CircleOverlay } from '../../map/map/overlay/circle';
+import { type EventEmits } from '../../utils/vue-utils';
+type TgCircleEmits = {
+    'update:center': LatLng;
+    'update:radius': number;
+};
 declare const _default: import("vue").DefineComponent<{
     center: {
         type: import("vue").PropType<LatLng>;
@@ -33,6 +38,8 @@ declare const _default: import("vue").DefineComponent<{
     fillOpacity: {
         type: import("vue").PropType<number>;
     };
+    'onUpdate:center': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng>>;
+    'onUpdate:radius': import("vue").Prop<import("../../utils/vue-utils").EventCallback<number>>;
 }, {
     attrs: import("vue").ComputedRef<{
         binds: Record<string, unknown>;
@@ -40,9 +47,11 @@ declare const _default: import("vue").DefineComponent<{
         listenerProps: Record<string, unknown>;
     }>;
     overlay: CircleOverlay;
+    emittedRadius: number | undefined;
+    emittedCenter: LatLng | undefined;
 }, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
     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<{
+}, 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: {
         type: import("vue").PropType<LatLng>;
         required: true;
@@ -75,5 +84,18 @@ declare const _default: import("vue").DefineComponent<{
     fillOpacity: {
         type: import("vue").PropType<number>;
     };
-}>>, {}, {}>;
+    'onUpdate:center': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng>>;
+    'onUpdate:radius': import("vue").Prop<import("../../utils/vue-utils").EventCallback<number>>;
+}>> & {
+    "onUpdate:center"?: ((event: LatLng) => any) | undefined;
+    onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    "onUpdate:radius"?: ((event: number) => any) | undefined;
+    "onRadius-changed"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    "onCenter-changed"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+}, {}, {}>;
 export default _default;

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

@@ -1,6 +1,10 @@
 import { LatLng } from '../../map/lat-lng';
-import type { InfoWindowOverlay, InfoWindowOptions } from '../../map/map/overlay/info-window';
+import type { InfoWindowEventMap, InfoWindowOptions, InfoWindowOverlay } from '../../map/map/overlay/info-window';
+import { type EventEmits } from '../../utils/vue-utils';
 import { type TgMarkerPublicInstance } from './TgMarker.vue';
+type TgInfoWindowEmits = {
+    'update:show': boolean;
+};
 declare const TgInfoWindow: import("vue").DefineComponent<{
     show: {
         type: import("vue").PropType<boolean>;
@@ -18,6 +22,7 @@ declare const TgInfoWindow: import("vue").DefineComponent<{
     disableAutoPan: {
         type: import("vue").PropType<boolean>;
     };
+    'onUpdate:show': import("vue").Prop<import("../../utils/vue-utils").EventCallback<boolean>>;
 }, {
     attrs: import("vue").ComputedRef<{
         binds: Record<string, unknown>;
@@ -31,7 +36,7 @@ declare const TgInfoWindow: import("vue").DefineComponent<{
     getOptions(): InfoWindowOptions;
 }, import("vue").DefineComponent<{}, {}, {}, {}, {
     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<{
+}, 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: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -48,6 +53,12 @@ declare const TgInfoWindow: import("vue").DefineComponent<{
     disableAutoPan: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, {}>;
+    'onUpdate:show': import("vue").Prop<import("../../utils/vue-utils").EventCallback<boolean>>;
+}>> & {
+    "onUpdate:show"?: ((event: boolean) => any) | undefined;
+    onCloseclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onOpen?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onClose?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+}, {}, {}>;
 type TgInfoWindow = InstanceType<typeof TgInfoWindow>;
 export default TgInfoWindow;

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

@@ -1,7 +1,8 @@
 import { LatLng } from '../../map/lat-lng';
-import type { LabelOptions, LabelOverlay } from '../../map/map/overlay/label';
-import { type TgMarkerPublicInstance } from './TgMarker.vue';
+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';
+import { type TgMarkerPublicInstance } from './TgMarker.vue';
 declare const TgLabel: import("vue").DefineComponent<{
     position: {
         type: import("vue").PropType<LatLng>;
@@ -26,7 +27,7 @@ declare const TgLabel: import("vue").DefineComponent<{
     getOptions(): LabelOptions;
 }, import("vue").DefineComponent<{}, {}, {}, {}, {
     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<{
+}, 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: {
         type: import("vue").PropType<LatLng>;
     };
@@ -36,6 +37,8 @@ declare const TgLabel: import("vue").DefineComponent<{
     zIndex: {
         type: import("vue").PropType<number>;
     };
-}>>, {}, {}>;
+}>> & {
+    onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+}, {}, {}>;
 type TgLabel = InstanceType<typeof TgLabel>;
 export default TgLabel;

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

@@ -1,11 +1,15 @@
 import { type PropType } from 'vue';
 import { LatLng } from '../../map/lat-lng';
 import type { UnionIcon } from '../../map/map/overlay/icon';
-import { type MarkerOverlay } from '../../map/map/overlay/marker';
+import { type MarkerEventMap, type MarkerOverlay } from '../../map/map/overlay/marker';
+import { type EventEmits } from '../../utils/vue-utils';
 import TgMarkerClusterer from '../extra/TgMarkerClusterer.vue';
 import type TgInfoBox from './TgInfoBox.vue';
 import type TgInfoWindow from './TgInfoWindow.vue';
 import type TgLabel from './TgLabel.vue';
+type TgMarkerEmits = {
+    'update:position': LatLng;
+};
 declare const TgMarker: import("vue").DefineComponent<{
     position: {
         type: PropType<LatLng>;
@@ -35,6 +39,7 @@ declare const TgMarker: import("vue").DefineComponent<{
     visible: {
         type: PropType<boolean>;
     };
+    'onUpdate:position': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng>>;
 }, {
     attrs: import("vue").ComputedRef<{
         binds: Record<string, unknown>;
@@ -51,6 +56,7 @@ declare const TgMarker: import("vue").DefineComponent<{
             readonly position?: LatLng | undefined;
             readonly offset?: any;
             style?: unknown;
+            onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
             class?: unknown;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -105,7 +111,7 @@ declare const TgMarker: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "click", event: import("../../map/event").Tg.Event) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             position: {
@@ -117,7 +123,9 @@ declare const TgMarker: import("vue").DefineComponent<{
             zIndex: {
                 type: PropType<number>;
             };
-        }>>, {
+        }>> & {
+            onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+        }, {
             attrs: import("vue").ComputedRef<{
                 binds: Record<string, unknown>;
                 listeners: Record<string, unknown>;
@@ -131,7 +139,7 @@ declare const TgMarker: import("vue").DefineComponent<{
             getOptions(): import("../../map/map/overlay/label").LabelOptions;
         }, import("vue").DefineComponent<{}, {}, {}, {}, {
             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, {}, {}, string, {}> & {
+        }, 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;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -161,7 +169,9 @@ declare const TgMarker: import("vue").DefineComponent<{
         zIndex: {
             type: PropType<number>;
         };
-    }>> & import("vue").ShallowUnwrapRef<{
+    }>> & {
+        onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
         attrs: import("vue").ComputedRef<{
             binds: Record<string, unknown>;
             listeners: Record<string, unknown>;
@@ -177,6 +187,7 @@ declare const TgMarker: import("vue").DefineComponent<{
         getOptions(): import("../../map/map/overlay/label").LabelOptions;
     } & import("vue").ComponentCustomProperties & {}) | undefined;
     info: TgInfo | undefined;
+    emittedPosition: LatLng | undefined;
 }, unknown, {}, {
     $clusterer(): TgMarkerClusterer | undefined;
     onAddLabel(label: TgLabel): void;
@@ -186,7 +197,7 @@ declare const TgMarker: import("vue").DefineComponent<{
     onInfoShowChanged(info: TgInfo, isShow: boolean): void;
 }, import("vue").DefineComponent<{}, {}, {}, {}, {
     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<{
+}, 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: {
         type: PropType<LatLng>;
         required: true;
@@ -215,7 +226,20 @@ declare const TgMarker: import("vue").DefineComponent<{
     visible: {
         type: PropType<boolean>;
     };
-}>>, {}, {}>;
+    'onUpdate:position': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng>>;
+}>> & {
+    onDrag?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onDragend?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onDragstart?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onClick?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onDblclick?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    "onUpdate:position"?: ((event: LatLng) => any) | undefined;
+    onRightclick?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+}, {}, {}>;
 type TgMarker = InstanceType<typeof TgMarker>;
 export default TgMarker;
 export type TgInfo = TgInfoWindow | TgInfoBox;

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

@@ -1,6 +1,10 @@
 import { type PropType } from 'vue';
-import type { PolygonOverlay } from '../../map/map/overlay/polygon';
 import type { LatLng } from '../../map/lat-lng';
+import type { PolygonEventMap, PolygonOverlay } from '../../map/map/overlay/polygon';
+import { type EventEmits } from '../../utils/vue-utils';
+type TgPolygonEmits = {
+    'update:paths': LatLng[][];
+};
 declare const _default: import("vue").DefineComponent<{
     paths: {
         type: PropType<LatLng[][]>;
@@ -30,16 +34,18 @@ declare const _default: import("vue").DefineComponent<{
     fillOpacity: {
         type: PropType<number>;
     };
+    'onUpdate:paths': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng[][]>>;
 }, {
     attrs: import("vue").ComputedRef<{
         binds: Record<string, unknown>;
         listeners: Record<string, unknown>;
         listenerProps: Record<string, unknown>;
     }>;
-    polygon: PolygonOverlay;
+    overlay: PolygonOverlay;
+    emittedPaths: LatLng[][] | undefined;
 }, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
     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<{
+}, 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: {
         type: PropType<LatLng[][]>;
         required: true;
@@ -68,5 +74,15 @@ declare const _default: import("vue").DefineComponent<{
     fillOpacity: {
         type: PropType<number>;
     };
-}>>, {}, {}>;
+    'onUpdate:paths': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng[][]>>;
+}>> & {
+    onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    "onUpdate:paths"?: ((event: LatLng[][]) => any) | undefined;
+    "onPaths-edited"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+}, {}, {}>;
 export default _default;

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

@@ -1,6 +1,10 @@
 import { type PropType } from 'vue';
-import type { PolylineOverlay } from '../../map/map/overlay/polyline';
-import type { LatLng } from '../../map/lat-lng';
+import { LatLng } from '../../map/lat-lng';
+import type { PolylineEventMap, PolylineOverlay } from '../../map/map/overlay/polyline';
+import { type EventEmits } from '../../utils/vue-utils';
+type TgPolylineEmits = {
+    'update:path': LatLng[];
+};
 declare const _default: import("vue").DefineComponent<{
     path: {
         type: PropType<LatLng[]>;
@@ -24,16 +28,18 @@ declare const _default: import("vue").DefineComponent<{
     visible: {
         type: PropType<boolean>;
     };
+    'onUpdate:path': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng[]>>;
 }, {
     attrs: import("vue").ComputedRef<{
         binds: Record<string, unknown>;
         listeners: Record<string, unknown>;
         listenerProps: Record<string, unknown>;
     }>;
-    polyline: PolylineOverlay;
+    overlay: PolylineOverlay;
+    emittedPath: LatLng[] | undefined;
 }, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
     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<{
+}, 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: {
         type: PropType<LatLng[]>;
         required: true;
@@ -56,5 +62,15 @@ declare const _default: import("vue").DefineComponent<{
     visible: {
         type: PropType<boolean>;
     };
-}>>, {}, {}>;
+    'onUpdate:path': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng[]>>;
+}>> & {
+    onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    "onUpdate:path"?: ((event: LatLng[]) => any) | undefined;
+    "onPath-edited"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+}, {}, {}>;
 export default _default;

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

@@ -0,0 +1,88 @@
+import { type PropType } from 'vue';
+import type { LatLngBounds } from '../../map/lat-lng';
+import type { RectangleEventMap, RectangleOverlay } from '../../map/map/overlay/rectangle';
+import { type EventEmits } from '../../utils/vue-utils';
+type TgRectangleEmits = {
+    'update:bounds': LatLngBounds;
+};
+declare const _default: import("vue").DefineComponent<{
+    bounds: {
+        type: PropType<LatLngBounds>;
+        required: true;
+    };
+    clickable: {
+        type: PropType<boolean>;
+    };
+    editable: {
+        type: PropType<boolean>;
+    };
+    strokeColor: {
+        type: PropType<string>;
+    };
+    strokeOpacity: {
+        type: PropType<number>;
+    };
+    strokeWeight: {
+        type: PropType<number>;
+    };
+    visible: {
+        type: PropType<boolean>;
+    };
+    fillColor: {
+        type: PropType<string>;
+    };
+    fillOpacity: {
+        type: PropType<number>;
+    };
+    'onUpdate:bounds': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLngBounds>>;
+}, {
+    attrs: import("vue").ComputedRef<{
+        binds: Record<string, unknown>;
+        listeners: Record<string, unknown>;
+        listenerProps: Record<string, unknown>;
+    }>;
+    overlay: RectangleOverlay;
+    emittedBounds: LatLngBounds | undefined;
+}, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {}, {
+    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: {
+        type: PropType<LatLngBounds>;
+        required: true;
+    };
+    clickable: {
+        type: PropType<boolean>;
+    };
+    editable: {
+        type: PropType<boolean>;
+    };
+    strokeColor: {
+        type: PropType<string>;
+    };
+    strokeOpacity: {
+        type: PropType<number>;
+    };
+    strokeWeight: {
+        type: PropType<number>;
+    };
+    visible: {
+        type: PropType<boolean>;
+    };
+    fillColor: {
+        type: PropType<string>;
+    };
+    fillOpacity: {
+        type: PropType<number>;
+    };
+    'onUpdate:bounds': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLngBounds>>;
+}>> & {
+    onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+    onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
+    "onUpdate:bounds"?: ((event: LatLngBounds) => any) | undefined;
+    "onBounds-changed"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/src/map/event-target.d.ts

@@ -16,11 +16,14 @@ export declare function addGoogleEventListener(target: UnionGoogleEventTarget, t
 export declare function addBaiduEventListener(target: UnionBaiduEventTarget, type: string, listener: (...args: any[]) => void): RemoveEventListenerFunction;
 export declare function addHtmlEventListener<K extends keyof EventMap, EventMap = HTMLElementEventMap, T extends EventTarget = HTMLElement>(target: T, type: K, listener: (this: T, ev: EventMap[K]) => any, options?: AddEventListenerOptions | boolean): RemoveEventListenerFunction;
 export declare function addTgEventListener<K extends keyof EventMap, EventMap = AbstractMapEventMap, T extends Tg.EventTarget = AbstractMap>(target: T, type: K, listener: (this: T, ev: EventMap[K]) => any): RemoveEventListenerFunction;
+export interface EventTargetDelegate extends Tg.EventTarget {
+    setTarget(target: Tg.EventTarget): this;
+}
 /**
  * ## Delegate(代理) VS Mixin(混合)
  * Delegate相对于Mixin的优点是调用路径更明确, 缺点是js/ts原生不支持, 需要写样板代码
  */
-export declare abstract class AbstractEventTargetDelegate<T = any> implements Tg.EventTarget {
+export declare abstract class AbstractEventTargetDelegate<T = any> implements EventTargetDelegate {
     protected inner: T;
     protected coordTypeSupplier: CoordTypeSupplier;
     protected eventMap: Map<string, any>;
@@ -30,6 +33,24 @@ export declare abstract class AbstractEventTargetDelegate<T = any> implements Tg
     abstract addEventListener(type: string, listener: Tg.EventListener): void;
     abstract removeEventListener(type: string, listener: Tg.EventListener): void;
 }
+export declare class EventHubEventTargetDelegate<EventTypes extends string = string> implements EventTargetDelegate {
+    private delegate;
+    private options;
+    private eventHub;
+    constructor(delegate: EventTargetDelegate, options: {
+        /** 由{@link eventHub}手动处理的事件 */
+        types: EventTypes[];
+        /** 用户开始监听{@link type} */
+        onListen: (type: EventTypes) => void;
+        /** 用户结束监听{@link type} */
+        onCancel: (type: EventTypes) => void;
+    });
+    notify(event: Tg.Event): void;
+    hasListener(type: EventTypes): boolean;
+    setTarget(target: Tg.EventTarget): this;
+    addEventListener(type: string, listener: Tg.EventListener): void;
+    removeEventListener(type: string, listener: Tg.EventListener): void;
+}
 export declare class GoogleEventTargetDelegate<T extends UnionGoogleEventTarget = UnionGoogleEventTarget> extends AbstractEventTargetDelegate<T> {
     private static EVENT_TYPE_MAP;
     addEventListener(type: string, listener: Tg.EventListener): void;

package/dist/src/map/lat-lng.d.ts

@@ -17,8 +17,15 @@ export interface LatLngLiteral {
     readonly coord?: CoordType;
 }
 export declare class LatLng {
+    /**
+     * 纬度, 分南北, [-90, 90], 0点为赤道
+     */
     readonly lat: number;
+    /**
+     * 经度, 分东西, [-180, 180], 0点为本初子午线
+     */
     readonly lng: number;
+    /** 坐标系 */
     readonly coord: CoordType;
     static ZERO: LatLng;
     /** @param coord Baidu Map的坐标一般都是bd09 */
@@ -29,7 +36,17 @@ export declare class LatLng {
     static fromLiteral(latlng: LatLngLiteral): LatLng;
     static fromLngLat(lng: number, lat: number, coord?: CoordType): LatLng;
     static create(lat: number, lng: number, coord?: CoordType): LatLng;
-    constructor(lat: number, lng: number, coord: CoordType);
+    constructor(
+    /**
+     * 纬度, 分南北, [-90, 90], 0点为赤道
+     */
+    lat: number, 
+    /**
+     * 经度, 分东西, [-180, 180], 0点为本初子午线
+     */
+    lng: number, 
+    /** 坐标系 */
+    coord: CoordType);
     /** 转换坐标到指定坐标系 */
     to(coordType: StringEnumValue<typeof CoordType>): LatLng;
     toBaidu(coord: CoordType): BMap.Point;
@@ -74,6 +91,11 @@ export declare class LatLngBounds {
     getCenter(): LatLng;
     toString(): string;
     equals(other: LatLngBounds): boolean;
+    /**
+     * 矩形的四个点数组
+     * 顺时针: sw(西南) -> nw(西北) -> ne(东北) -> se(东南)
+     * */
+    toRectArray(): LatLng[];
     toGoogle(coord: CoordType): google.maps.LatLngBounds;
     toBaidu(coord: CoordType): BMap.Bounds;
     toBaiduArray(coord: CoordType): BMap.Point[];

package/dist/src/map/map/baidu-map.d.ts

@@ -20,6 +20,7 @@ import { BaiduMarker } from './overlay/marker';
 import type { BaiduOverlay } from './overlay/overlay';
 import { BaiduPolygon } from './overlay/polygon';
 import { BaiduPolyline } from './overlay/polyline';
+import { BaiduRectangle } from './overlay/rectangle';
 export declare class BaiduMap extends AbstractMap {
     setDefaultCursor(cursor: string): void;
     private buildInMapTypeId2BIMT;
@@ -61,6 +62,7 @@ export declare class BaiduMap extends AbstractMap {
     createCircle: typeof BaiduCircle.create;
     createPolygon: typeof BaiduPolygon.create;
     createPolyline: typeof BaiduPolyline.create;
+    createRectangle: typeof BaiduRectangle.create;
     createInfoWindow: typeof BaiduInfoWindow.create;
     createInfoBox: typeof BaiduInfoBoxOverlay.create;
     createMarker: typeof BaiduMarker.create;

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

@@ -21,6 +21,7 @@ import { GoogleMarker } from './overlay/marker';
 import type { GoogleOverlay } from './overlay/overlay';
 import { GooglePolygon } from './overlay/polygon';
 import { GooglePolyline } from './overlay/polyline';
+import { GoogleRectangle } from './overlay/rectangle';
 export declare class GoogleMap extends AbstractMap {
     mapOptions: MapOptions;
     setDefaultCursor(cursor: string): void;
@@ -61,6 +62,7 @@ export declare class GoogleMap extends AbstractMap {
     createCircle: typeof GoogleCircle.create;
     createPolygon: typeof GooglePolygon.create;
     createPolyline: typeof GooglePolyline.create;
+    createRectangle: typeof GoogleRectangle.create;
     createInfoWindow: typeof GoogleInfoWindow.create;
     createInfoBox: typeof GoogleInfoBoxOverlay.create;
     createMarker: typeof GoogleMarker.create;