@movk/maplibre 1.0.0

package/dist/runtime/components/Layer.d.vue.ts

@@ -0,0 +1,75 @@
+import type { FilterSpecification, LayerSpecification, SourceSpecification } from '@maplibre/maplibre-gl-style-spec';
+type PropBag = Record<string, unknown>;
+type __VLS_Props = {
+    /** 图层 id，全局唯一 */
+    layerId: string;
+    /**
+     * 图层类型，决定渲染方式与可用的 paint / layout 属性
+     * @see https://maplibre.org/maplibre-style-spec/layers/
+     */
+    type: LayerSpecification['type'];
+    /** source id 字符串引用，或内联 source 对象（自动创建匿名源并随图层卸载） */
+    source?: string | SourceSpecification;
+    /** 矢量瓦片源内的子图层名（source-layer），消费矢量源时必填 */
+    sourceLayer?: string;
+    /**
+     * 绘制样式属性，响应式变更经 setPaintProperty 增量下发
+     * @see https://maplibre.org/maplibre-style-spec/layers/
+     */
+    paint?: PropBag;
+    /**
+     * 布局属性，响应式变更经 setLayoutProperty 增量下发
+     * @see https://maplibre.org/maplibre-style-spec/layers/
+     */
+    layout?: PropBag;
+    /**
+     * 过滤表达式，仅渲染匹配的要素
+     * @see https://maplibre.org/maplibre-style-spec/expressions/
+     */
+    filter?: FilterSpecification;
+    /**
+     * 最小缩放级别，低于此级别不渲染
+     * @defaultValue 0
+     */
+    minzoom?: number;
+    /**
+     * 最大缩放级别，高于此级别不渲染
+     * @defaultValue 24
+     */
+    maxzoom?: number;
+    /** 插入到该 id 图层之前；省略则追加到图层栈顶部 */
+    beforeId?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    contextmenu: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    dblclick: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mousemove: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mouseup: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mousedown: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mouseenter: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mouseleave: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onContextmenu?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onDblclick?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMousemove?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMousedown?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMouseenter?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMouseleave?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+}>, {
+    filter: FilterSpecification;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Layer.vue

@@ -0,0 +1,112 @@
+<script setup>
+import { inject, onUnmounted, watch } from "vue";
+import { omitUndefined } from "@movk/core";
+import { useMap } from "../composables/useMap";
+import { LayerGroupKey } from "../domains/map/layer-group";
+import { applyLayerProps } from "../utils/layer";
+import { bindMapEvents } from "../utils/events";
+const props = defineProps({
+  layerId: { type: String, required: true },
+  type: { type: String, required: true },
+  source: { type: [String, Object], required: false },
+  sourceLayer: { type: String, required: false },
+  paint: { type: Object, required: false },
+  layout: { type: Object, required: false },
+  filter: { type: [Boolean, Array], required: false, default: void 0 },
+  minzoom: { type: Number, required: false },
+  maxzoom: { type: Number, required: false },
+  beforeId: { type: String, required: false }
+});
+const emit = defineEmits(["click", "dblclick", "mousedown", "mouseup", "mousemove", "mouseenter", "mouseleave", "contextmenu"]);
+const LAYER_EVENTS = ["click", "dblclick", "mousedown", "mouseup", "mousemove", "mouseenter", "mouseleave", "contextmenu"];
+const ctx = useMap();
+const group = inject(LayerGroupKey, null);
+const inlineSourceId = `${props.layerId}__source`;
+const hasInlineSource = typeof props.source === "object";
+function resolveSourceId() {
+  if (props.source === void 0) return void 0;
+  return hasInlineSource ? inlineSourceId : props.source;
+}
+function buildSpec() {
+  const spec = omitUndefined({
+    id: props.layerId,
+    type: props.type,
+    source: resolveSourceId(),
+    paint: props.paint,
+    layout: props.layout,
+    filter: props.filter,
+    minzoom: props.minzoom,
+    maxzoom: props.maxzoom
+  });
+  if (props.sourceLayer) spec["source-layer"] = props.sourceLayer;
+  return spec;
+}
+function addLayer(map) {
+  if (map.getLayer(props.layerId)) return;
+  if (hasInlineSource && !map.getSource(inlineSourceId)) {
+    map.addSource(inlineSourceId, props.source);
+  }
+  const anchor = props.beforeId ?? group?.beforeId.value;
+  const before = anchor && map.getLayer(anchor) ? anchor : void 0;
+  map.addLayer(buildSpec(), before);
+  if (group && !group.visible.value) {
+    map.setLayoutProperty(props.layerId, "visibility", "none");
+  }
+}
+let stopEvents;
+let onSourceData;
+const stopReady = ctx.onReady((map) => {
+  const sourceId = resolveSourceId();
+  if (sourceId && !hasInlineSource && !map.getSource(sourceId)) {
+    if (onSourceData) map.off("sourcedata", onSourceData);
+    onSourceData = (event) => {
+      if (event.sourceId === sourceId && map.getSource(sourceId)) {
+        map.off("sourcedata", onSourceData);
+        onSourceData = void 0;
+        addLayer(map);
+        bindLayerEvents(map);
+      }
+    };
+    map.on("sourcedata", onSourceData);
+    return;
+  }
+  addLayer(map);
+  bindLayerEvents(map);
+});
+function bindLayerEvents(map) {
+  stopEvents?.();
+  stopEvents = bindMapEvents(map, LAYER_EVENTS, (type, event) => emit(type, event), props.layerId);
+}
+let prev = { id: props.layerId, paint: props.paint, layout: props.layout, filter: props.filter, minzoom: props.minzoom, maxzoom: props.maxzoom };
+watch(
+  () => [props.paint, props.layout, props.filter, props.minzoom, props.maxzoom],
+  () => {
+    const map = ctx.map.value;
+    if (!map?.getLayer(props.layerId)) return;
+    const next = { id: props.layerId, paint: props.paint, layout: props.layout, filter: props.filter, minzoom: props.minzoom, maxzoom: props.maxzoom };
+    applyLayerProps(map, next, prev);
+    prev = next;
+  },
+  { deep: true }
+);
+if (group) {
+  watch(group.visible, (visible) => {
+    const map = ctx.map.value;
+    if (!map?.getLayer(props.layerId)) return;
+    map.setLayoutProperty(props.layerId, "visibility", visible ? "visible" : "none");
+  });
+}
+onUnmounted(() => {
+  stopReady();
+  stopEvents?.();
+  const map = ctx.map.value;
+  if (!map) return;
+  if (onSourceData) map.off("sourcedata", onSourceData);
+  if (map.getLayer(props.layerId)) map.removeLayer(props.layerId);
+  if (hasInlineSource && map.getSource(inlineSourceId)) map.removeSource(inlineSourceId);
+});
+</script>
+
+<template>
+  <slot />
+</template>

package/dist/runtime/components/Layer.vue.d.ts

@@ -0,0 +1,75 @@
+import type { FilterSpecification, LayerSpecification, SourceSpecification } from '@maplibre/maplibre-gl-style-spec';
+type PropBag = Record<string, unknown>;
+type __VLS_Props = {
+    /** 图层 id，全局唯一 */
+    layerId: string;
+    /**
+     * 图层类型，决定渲染方式与可用的 paint / layout 属性
+     * @see https://maplibre.org/maplibre-style-spec/layers/
+     */
+    type: LayerSpecification['type'];
+    /** source id 字符串引用，或内联 source 对象（自动创建匿名源并随图层卸载） */
+    source?: string | SourceSpecification;
+    /** 矢量瓦片源内的子图层名（source-layer），消费矢量源时必填 */
+    sourceLayer?: string;
+    /**
+     * 绘制样式属性，响应式变更经 setPaintProperty 增量下发
+     * @see https://maplibre.org/maplibre-style-spec/layers/
+     */
+    paint?: PropBag;
+    /**
+     * 布局属性，响应式变更经 setLayoutProperty 增量下发
+     * @see https://maplibre.org/maplibre-style-spec/layers/
+     */
+    layout?: PropBag;
+    /**
+     * 过滤表达式，仅渲染匹配的要素
+     * @see https://maplibre.org/maplibre-style-spec/expressions/
+     */
+    filter?: FilterSpecification;
+    /**
+     * 最小缩放级别，低于此级别不渲染
+     * @defaultValue 0
+     */
+    minzoom?: number;
+    /**
+     * 最大缩放级别，高于此级别不渲染
+     * @defaultValue 24
+     */
+    maxzoom?: number;
+    /** 插入到该 id 图层之前；省略则追加到图层栈顶部 */
+    beforeId?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    contextmenu: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    dblclick: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mousemove: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mouseup: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mousedown: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mouseenter: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+    mouseleave: (event: import("maplibre-gl").MapLayerMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onContextmenu?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onDblclick?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMousemove?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMousedown?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMouseenter?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+    onMouseleave?: ((event: import("maplibre-gl").MapLayerMouseEvent) => any) | undefined;
+}>, {
+    filter: FilterSpecification;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/LayerGroup.d.vue.ts

@@ -0,0 +1,25 @@
+/** 图层组：统一子图层的插入锚点与显隐（组开关优先于子图层自身 layout.visibility）。 */
+type __VLS_Props = {
+    /** 组内图层缺省插入到该图层之前 */
+    beforeId?: string;
+    /**
+     * 组级显隐
+     * @defaultValue true
+     */
+    visible?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/LayerGroup.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { provide, toRef } from "vue";
+import { LayerGroupKey } from "../domains/map/layer-group";
+const props = defineProps({
+  beforeId: { type: String, required: false },
+  visible: { type: Boolean, required: false, default: true }
+});
+provide(LayerGroupKey, {
+  beforeId: toRef(props, "beforeId"),
+  visible: toRef(props, "visible")
+});
+</script>
+
+<template>
+  <slot />
+</template>

package/dist/runtime/components/LayerGroup.vue.d.ts

@@ -0,0 +1,25 @@
+/** 图层组：统一子图层的插入锚点与显隐（组开关优先于子图层自身 layout.visibility）。 */
+type __VLS_Props = {
+    /** 组内图层缺省插入到该图层之前 */
+    beforeId?: string;
+    /**
+     * 组级显隐
+     * @defaultValue true
+     */
+    visible?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/LottieMarker.d.vue.ts

@@ -0,0 +1,50 @@
+import type { LngLatLike } from 'maplibre-gl';
+/** Lottie 标记：在地图标记位用 lottie-web 渲染矢量动画（走 Marker DOM，非 icon 帧驱动）。 */
+type __VLS_Props = {
+    /** lottie 动画数据（JSON 对象）；与 path 二选一 */
+    animationData?: object;
+    /** lottie 动画 URL；与 animationData 二选一 */
+    path?: string;
+    /**
+     * 是否循环
+     * @defaultValue true
+     */
+    loop?: boolean;
+    /**
+     * 是否自动播放
+     * @defaultValue true
+     */
+    autoplay?: boolean;
+    /**
+     * 播放速度倍率
+     * @defaultValue 1
+     */
+    speed?: number;
+    /**
+     * 容器宽（像素）
+     * @defaultValue 64
+     */
+    width?: number;
+    /**
+     * 容器高（像素）
+     * @defaultValue 64
+     */
+    height?: number;
+};
+type __VLS_ModelProps = {
+    'lnglat': LngLatLike;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:lnglat": (value: LngLatLike) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:lnglat"?: ((value: LngLatLike) => any) | undefined;
+}>, {
+    width: number;
+    height: number;
+    loop: boolean;
+    autoplay: boolean;
+    speed: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/LottieMarker.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { onMounted, onUnmounted, useTemplateRef, watch } from "vue";
+import lottie from "lottie-web";
+import MaplibreMarker from "./Marker.vue";
+const props = defineProps({
+  animationData: { type: Object, required: false },
+  path: { type: String, required: false },
+  loop: { type: Boolean, required: false, default: true },
+  autoplay: { type: Boolean, required: false, default: true },
+  speed: { type: Number, required: false, default: 1 },
+  width: { type: Number, required: false, default: 64 },
+  height: { type: Number, required: false, default: 64 }
+});
+const lnglat = defineModel("lnglat", { type: [Object, Array], ...{ required: true } });
+const container = useTemplateRef("container");
+let anim;
+onMounted(() => {
+  if (!container.value) return;
+  const base = { container: container.value, renderer: "svg", loop: props.loop, autoplay: props.autoplay };
+  anim = props.path ? lottie.loadAnimation({ ...base, path: props.path }) : lottie.loadAnimation({ ...base, animationData: props.animationData });
+  anim.setSpeed(props.speed);
+});
+watch(() => props.speed, (speed) => anim?.setSpeed(speed));
+onUnmounted(() => anim?.destroy());
+</script>
+
+<template>
+  <MaplibreMarker v-model:lnglat="lnglat">
+    <div ref="container" :style="{ width: `${width}px`, height: `${height}px` }" />
+  </MaplibreMarker>
+</template>

package/dist/runtime/components/LottieMarker.vue.d.ts

@@ -0,0 +1,50 @@
+import type { LngLatLike } from 'maplibre-gl';
+/** Lottie 标记：在地图标记位用 lottie-web 渲染矢量动画（走 Marker DOM，非 icon 帧驱动）。 */
+type __VLS_Props = {
+    /** lottie 动画数据（JSON 对象）；与 path 二选一 */
+    animationData?: object;
+    /** lottie 动画 URL；与 animationData 二选一 */
+    path?: string;
+    /**
+     * 是否循环
+     * @defaultValue true
+     */
+    loop?: boolean;
+    /**
+     * 是否自动播放
+     * @defaultValue true
+     */
+    autoplay?: boolean;
+    /**
+     * 播放速度倍率
+     * @defaultValue 1
+     */
+    speed?: number;
+    /**
+     * 容器宽（像素）
+     * @defaultValue 64
+     */
+    width?: number;
+    /**
+     * 容器高（像素）
+     * @defaultValue 64
+     */
+    height?: number;
+};
+type __VLS_ModelProps = {
+    'lnglat': LngLatLike;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:lnglat": (value: LngLatLike) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:lnglat"?: ((value: LngLatLike) => any) | undefined;
+}>, {
+    width: number;
+    height: number;
+    loop: boolean;
+    autoplay: boolean;
+    speed: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Map.d.vue.ts

@@ -0,0 +1,84 @@
+import type { LngLatLike, Map as MaplibreMap } from 'maplibre-gl';
+import type { MaplibreMapOptions } from '../types';
+type __VLS_Props = {
+    /** 地图 id；省略时自动生成。提供后可经 useMaplibre(id) 外部访问 */
+    mapId?: string;
+    /**
+     * maplibre-gl Map 初始化选项（container 由组件接管）；缺省 style 时使用空白样式
+     * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MapOptions/
+     */
+    options?: MaplibreMapOptions;
+    /** 卸载时不销毁实例，配合 keepalive / `<keep-alive>` 跨路由复用 */
+    persistent?: boolean;
+};
+type __VLS_ModelProps = {
+    'center'?: LngLatLike;
+    'zoom'?: number;
+    'bearing'?: number;
+    'pitch'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    /** 当前地图上下文 */
+    context: () => import("../types").MaplibreContext;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: import("maplibre-gl").MapMouseEvent) => any;
+    load: (map: MaplibreMap) => any;
+    error: (event: import("maplibre-gl").ErrorEvent) => any;
+    idle: (map: MaplibreMap) => any;
+    sourcedata: (event: import("maplibre-gl").MapSourceDataEvent) => any;
+    styledata: (event: import("maplibre-gl").MapStyleDataEvent) => any;
+    contextmenu: (event: import("maplibre-gl").MapMouseEvent) => any;
+    dblclick: (event: import("maplibre-gl").MapMouseEvent) => any;
+    mousemove: (event: import("maplibre-gl").MapMouseEvent) => any;
+    mouseup: (event: import("maplibre-gl").MapMouseEvent) => any;
+    mousedown: (event: import("maplibre-gl").MapMouseEvent) => any;
+    movestart: (event: import("maplibre-gl").MapMovementEvent) => any;
+    moveend: (event: import("maplibre-gl").MapMovementEvent) => any;
+    zoomstart: (event: import("maplibre-gl").MapMovementEvent) => any;
+    zoomend: (event: import("maplibre-gl").MapMovementEvent) => any;
+    rotateend: (event: import("maplibre-gl").MapMovementEvent) => any;
+    dragend: (event: import("maplibre-gl").MapMovementEvent) => any;
+    pitchend: (event: import("maplibre-gl").MapMovementEvent) => any;
+    "update:center": (value: LngLatLike | undefined) => any;
+    "update:zoom": (value: number | undefined) => any;
+    "update:bearing": (value: number | undefined) => any;
+    "update:pitch": (value: number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClick?: ((event: import("maplibre-gl").MapMouseEvent) => any) | undefined;
+    onLoad?: ((map: MaplibreMap) => any) | undefined;
+    onError?: ((event: import("maplibre-gl").ErrorEvent) => any) | undefined;
+    onIdle?: ((map: MaplibreMap) => any) | undefined;
+    onSourcedata?: ((event: import("maplibre-gl").MapSourceDataEvent) => any) | undefined;
+    onStyledata?: ((event: import("maplibre-gl").MapStyleDataEvent) => any) | undefined;
+    onContextmenu?: ((event: import("maplibre-gl").MapMouseEvent) => any) | undefined;
+    onDblclick?: ((event: import("maplibre-gl").MapMouseEvent) => any) | undefined;
+    onMousemove?: ((event: import("maplibre-gl").MapMouseEvent) => any) | undefined;
+    onMouseup?: ((event: import("maplibre-gl").MapMouseEvent) => any) | undefined;
+    onMousedown?: ((event: import("maplibre-gl").MapMouseEvent) => any) | undefined;
+    onMovestart?: ((event: import("maplibre-gl").MapMovementEvent) => any) | undefined;
+    onMoveend?: ((event: import("maplibre-gl").MapMovementEvent) => any) | undefined;
+    onZoomstart?: ((event: import("maplibre-gl").MapMovementEvent) => any) | undefined;
+    onZoomend?: ((event: import("maplibre-gl").MapMovementEvent) => any) | undefined;
+    onRotateend?: ((event: import("maplibre-gl").MapMovementEvent) => any) | undefined;
+    onDragend?: ((event: import("maplibre-gl").MapMovementEvent) => any) | undefined;
+    onPitchend?: ((event: import("maplibre-gl").MapMovementEvent) => any) | undefined;
+    "onUpdate:center"?: ((value: LngLatLike | undefined) => any) | undefined;
+    "onUpdate:zoom"?: ((value: number | undefined) => any) | undefined;
+    "onUpdate:bearing"?: ((value: number | undefined) => any) | undefined;
+    "onUpdate:pitch"?: ((value: number | undefined) => any) | undefined;
+}>, {
+    persistent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};