@movk/maplibre 1.0.0

package/dist/runtime/components/effects/FlowBuilding.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { computed, useId } from "vue";
+import { buildingGradientPaint } from "../../utils/building-effects";
+import { useMapAnimation } from "../../composables/useMapAnimation";
+import { DEFAULT_HEIGHT_PROPERTY } from "../../utils/building";
+import MaplibreBuildingLayer from "../layers/BuildingLayer.vue";
+const props = defineProps({
+  source: { type: String, required: true },
+  sourceLayer: { type: String, required: false },
+  heightProperty: { type: String, required: false },
+  baseProperty: { type: String, required: false },
+  layerId: { type: String, required: false },
+  color: { type: String, required: false, default: "#1e3a8a" },
+  flowColor: { type: String, required: false, default: "#67e8f9" },
+  duration: { type: Number, required: false, default: 3e3 },
+  bandHeight: { type: Number, required: false, default: 60 },
+  maxHeight: { type: Number, required: false, default: 300 },
+  opacity: { type: Number, required: false },
+  minzoom: { type: Number, required: false, default: 15 },
+  beforeId: { type: String, required: false }
+});
+const id = props.layerId ?? `movk-flow-building-${useId()}`;
+const initialPaint = computed(() => buildingGradientPaint({
+  stops: [[0, props.color], [props.maxHeight, props.color]],
+  opacity: props.opacity,
+  minzoom: props.minzoom,
+  heightProperty: props.heightProperty,
+  baseProperty: props.baseProperty
+}));
+useMapAnimation((map, elapsed) => {
+  if (!map.getLayer(id)) return;
+  const center = elapsed % props.duration / props.duration * props.maxHeight;
+  const lo = Math.max(center - props.bandHeight / 2, 0);
+  const hi = center + props.bandHeight / 2;
+  map.setPaintProperty(id, "fill-extrusion-color", [
+    "interpolate",
+    ["linear"],
+    ["get", props.heightProperty ?? DEFAULT_HEIGHT_PROPERTY],
+    Math.max(lo - 1, 0),
+    props.color,
+    lo,
+    props.color,
+    center,
+    props.flowColor,
+    hi,
+    props.color,
+    hi + 1,
+    props.color
+  ]);
+});
+</script>
+
+<template>
+  <MaplibreBuildingLayer
+    :layer-id="id"
+    :source="source"
+    :source-layer="sourceLayer"
+    :height-property="heightProperty"
+    :base-property="baseProperty"
+    :minzoom="minzoom"
+    :paint="initialPaint"
+    :before-id="beforeId"
+  />
+</template>

package/dist/runtime/components/effects/FlowBuilding.vue.d.ts

@@ -0,0 +1,53 @@
+import type { BuildingSourceOptions } from '../../utils/building';
+/** 流动建筑：渐变着色 + 高亮带沿建筑高度循环流动。 */
+type __VLS_Props = BuildingSourceOptions & {
+    /** 图层 id；省略时自动生成 */
+    layerId?: string;
+    /**
+     * 基色
+     * @defaultValue '#1e3a8a'
+     */
+    color?: string;
+    /**
+     * 流动高亮色
+     * @defaultValue '#67e8f9'
+     */
+    flowColor?: string;
+    /**
+     * 流动周期（毫秒）
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * 高亮带覆盖的高度范围（米）
+     * @defaultValue 60
+     */
+    bandHeight?: number;
+    /**
+     * 建筑最大参考高度（米）
+     * @defaultValue 300
+     */
+    maxHeight?: number;
+    /**
+     * 整体透明度
+     * @defaultValue 0.85
+     */
+    opacity?: number;
+    /**
+     * 最小缩放级别
+     * @defaultValue 15
+     */
+    minzoom?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    minzoom: number;
+    color: string;
+    duration: number;
+    flowColor: string;
+    bandHeight: number;
+    maxHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/GlowCircle.d.vue.ts

@@ -0,0 +1,44 @@
+import type { GeoJSONSourceSpecification } from '@maplibre/maplibre-gl-style-spec';
+/** 炫光圆：实心内核 + 模糊光晕，可选呼吸脉冲。 */
+type __VLS_Props = {
+    /** 点要素数据（GeoJSON 或其 URL） */
+    data: GeoJSONSourceSpecification['data'];
+    /** 图层 id 前缀；省略时自动生成 */
+    layerId?: string;
+    /**
+     * 主色
+     * @defaultValue '#f59e0b'
+     */
+    color?: string;
+    /**
+     * 内核半径（像素）
+     * @defaultValue 6
+     */
+    radius?: number;
+    /**
+     * 光晕半径倍数
+     * @defaultValue 3
+     */
+    glowScale?: number;
+    /**
+     * 呼吸脉冲（光晕半径 ±25% 正弦摆动）
+     * @defaultValue false
+     */
+    pulse?: boolean;
+    /**
+     * 脉冲周期（毫秒）
+     * @defaultValue 2000
+     */
+    duration?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    radius: number;
+    duration: number;
+    glowScale: number;
+    pulse: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/GlowCircle.vue

@@ -0,0 +1,42 @@
+<script setup>
+import { computed, useId } from "vue";
+import { useMapAnimation } from "../../composables/useMapAnimation";
+import MaplibreSource from "../Source.vue";
+import MaplibreLayer from "../Layer.vue";
+const props = defineProps({
+  data: { type: null, required: true },
+  layerId: { type: String, required: false },
+  color: { type: String, required: false, default: "#f59e0b" },
+  radius: { type: Number, required: false, default: 6 },
+  glowScale: { type: Number, required: false, default: 3 },
+  pulse: { type: Boolean, required: false, default: false },
+  duration: { type: Number, required: false, default: 2e3 },
+  beforeId: { type: String, required: false }
+});
+const id = props.layerId ?? `movk-glow-${useId()}`;
+const source = computed(() => ({ type: "geojson", data: props.data }));
+const glowRadius = computed(() => props.radius * props.glowScale);
+const glowPaint = computed(() => ({
+  "circle-color": props.color,
+  "circle-radius": glowRadius.value,
+  "circle-blur": 1,
+  "circle-opacity": 0.7
+}));
+const corePaint = computed(() => ({
+  "circle-color": props.color,
+  "circle-radius": props.radius
+}));
+useMapAnimation((map, elapsed) => {
+  const layerId = `${id}-glow`;
+  if (!map.getLayer(layerId)) return;
+  const wave = Math.sin(elapsed / props.duration * Math.PI * 2);
+  map.setPaintProperty(layerId, "circle-radius", glowRadius.value * (1 + wave * 0.25));
+}, { immediate: props.pulse });
+</script>
+
+<template>
+  <MaplibreSource :source-id="id" :source="source">
+    <MaplibreLayer :layer-id="`${id}-glow`" type="circle" :source="id" :paint="glowPaint" :before-id="beforeId" />
+    <MaplibreLayer :layer-id="`${id}-core`" type="circle" :source="id" :paint="corePaint" :before-id="beforeId" />
+  </MaplibreSource>
+</template>

package/dist/runtime/components/effects/GlowCircle.vue.d.ts

@@ -0,0 +1,44 @@
+import type { GeoJSONSourceSpecification } from '@maplibre/maplibre-gl-style-spec';
+/** 炫光圆：实心内核 + 模糊光晕，可选呼吸脉冲。 */
+type __VLS_Props = {
+    /** 点要素数据（GeoJSON 或其 URL） */
+    data: GeoJSONSourceSpecification['data'];
+    /** 图层 id 前缀；省略时自动生成 */
+    layerId?: string;
+    /**
+     * 主色
+     * @defaultValue '#f59e0b'
+     */
+    color?: string;
+    /**
+     * 内核半径（像素）
+     * @defaultValue 6
+     */
+    radius?: number;
+    /**
+     * 光晕半径倍数
+     * @defaultValue 3
+     */
+    glowScale?: number;
+    /**
+     * 呼吸脉冲（光晕半径 ±25% 正弦摆动）
+     * @defaultValue false
+     */
+    pulse?: boolean;
+    /**
+     * 脉冲周期（毫秒）
+     * @defaultValue 2000
+     */
+    duration?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    radius: number;
+    duration: number;
+    glowScale: number;
+    pulse: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/GradientBuilding.d.vue.ts

@@ -0,0 +1,25 @@
+import type { BuildingSourceOptions } from '../../utils/building';
+/** 渐变建筑：按高度插值着色的 3D 建筑。 */
+type __VLS_Props = BuildingSourceOptions & {
+    /** 图层 id；省略时自动生成 */
+    layerId?: string;
+    /** 高度-颜色断点 */
+    stops?: [number, string][];
+    /**
+     * 整体透明度
+     * @defaultValue 0.85
+     */
+    opacity?: number;
+    /**
+     * 最小缩放级别
+     * @defaultValue 15
+     */
+    minzoom?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    minzoom: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/GradientBuilding.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { computed, useId } from "vue";
+import { buildingGradientPaint } from "../../utils/building-effects";
+import MaplibreBuildingLayer from "../layers/BuildingLayer.vue";
+const props = defineProps({
+  source: { type: String, required: true },
+  sourceLayer: { type: String, required: false },
+  heightProperty: { type: String, required: false },
+  baseProperty: { type: String, required: false },
+  layerId: { type: String, required: false },
+  stops: { type: Array, required: false },
+  opacity: { type: Number, required: false },
+  minzoom: { type: Number, required: false, default: 15 },
+  beforeId: { type: String, required: false }
+});
+const id = props.layerId ?? `movk-gradient-building-${useId()}`;
+const paint = computed(() => buildingGradientPaint({
+  stops: props.stops,
+  opacity: props.opacity,
+  minzoom: props.minzoom,
+  heightProperty: props.heightProperty,
+  baseProperty: props.baseProperty
+}));
+</script>
+
+<template>
+  <MaplibreBuildingLayer
+    :layer-id="id"
+    :source="source"
+    :source-layer="sourceLayer"
+    :height-property="heightProperty"
+    :base-property="baseProperty"
+    :minzoom="minzoom"
+    :paint="paint"
+    :before-id="beforeId"
+  />
+</template>

package/dist/runtime/components/effects/GradientBuilding.vue.d.ts

@@ -0,0 +1,25 @@
+import type { BuildingSourceOptions } from '../../utils/building';
+/** 渐变建筑：按高度插值着色的 3D 建筑。 */
+type __VLS_Props = BuildingSourceOptions & {
+    /** 图层 id；省略时自动生成 */
+    layerId?: string;
+    /** 高度-颜色断点 */
+    stops?: [number, string][];
+    /**
+     * 整体透明度
+     * @defaultValue 0.85
+     */
+    opacity?: number;
+    /**
+     * 最小缩放级别
+     * @defaultValue 15
+     */
+    minzoom?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    minzoom: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/Migration.d.vue.ts

@@ -0,0 +1,50 @@
+import { type Position2D } from '../../utils/effects';
+export interface MigrationRoute {
+    from: Position2D;
+    to: Position2D;
+    /** 透传到弧线与粒子要素的属性 */
+    properties?: Record<string, unknown>;
+}
+/** 迁徙图：OD 对生成贝塞尔弧线，粒子沿线循环飞行 + 渐变尾迹。 */
+type __VLS_Props = {
+    /** 起讫点对列表 */
+    data: MigrationRoute[];
+    /** 图层 id 前缀；省略时自动生成 */
+    layerId?: string;
+    /**
+     * 主色
+     * @defaultValue '#f43f5e'
+     */
+    color?: string;
+    /**
+     * 弧线弯曲程度
+     * @defaultValue 0.3
+     */
+    curvature?: number;
+    /**
+     * 单程飞行周期（毫秒）
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * 线宽（像素）
+     * @defaultValue 2
+     */
+    lineWidth?: number;
+    /**
+     * 粒子半径（像素）
+     * @defaultValue 4
+     */
+    particleRadius?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    duration: number;
+    curvature: number;
+    lineWidth: number;
+    particleRadius: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/Migration.vue

@@ -0,0 +1,90 @@
+<script setup>
+import { computed, useId } from "vue";
+import { arcLine, createLineSampler } from "../../utils/effects";
+import { useMapAnimation } from "../../composables/useMapAnimation";
+import MaplibreSource from "../Source.vue";
+import MaplibreLayer from "../Layer.vue";
+const props = defineProps({
+  data: { type: Array, required: true },
+  layerId: { type: String, required: false },
+  color: { type: String, required: false, default: "#f43f5e" },
+  curvature: { type: Number, required: false, default: 0.3 },
+  duration: { type: Number, required: false, default: 3e3 },
+  lineWidth: { type: Number, required: false, default: 2 },
+  particleRadius: { type: Number, required: false, default: 4 },
+  beforeId: { type: String, required: false }
+});
+const id = props.layerId ?? `movk-migration-${useId()}`;
+const linesId = `${id}-lines`;
+const particlesId = `${id}-particles`;
+const arcs = computed(() => props.data.map((route) => ({
+  coords: arcLine(route.from, route.to, { curvature: props.curvature }),
+  properties: route.properties ?? {}
+})));
+const samplers = computed(() => arcs.value.map((arc) => createLineSampler(arc.coords)));
+const linesSource = computed(() => ({
+  type: "geojson",
+  lineMetrics: true,
+  data: {
+    type: "FeatureCollection",
+    features: arcs.value.map((arc) => ({
+      type: "Feature",
+      properties: arc.properties,
+      geometry: { type: "LineString", coordinates: arc.coords }
+    }))
+  }
+}));
+const particlesSource = {
+  type: "geojson",
+  data: { type: "FeatureCollection", features: [] }
+};
+const linePaint = computed(() => ({
+  "line-width": props.lineWidth,
+  "line-gradient": [
+    "interpolate",
+    ["linear"],
+    ["line-progress"],
+    0,
+    "rgba(0, 0, 0, 0)",
+    1,
+    props.color
+  ]
+}));
+const lineLayout = { "line-cap": "round", "line-join": "round" };
+const particlePaint = computed(() => ({
+  "circle-color": "#ffffff",
+  "circle-radius": props.particleRadius,
+  "circle-stroke-color": props.color,
+  "circle-stroke-width": 2
+}));
+useMapAnimation((map, elapsed) => {
+  const source = map.getSource(particlesId);
+  if (!source) return;
+  const base = elapsed % props.duration / props.duration;
+  const features = samplers.value.map((sample, index) => {
+    const t = (base + index / Math.max(samplers.value.length, 1)) % 1;
+    return {
+      type: "Feature",
+      properties: arcs.value[index].properties,
+      geometry: { type: "Point", coordinates: sample(t) }
+    };
+  });
+  source.setData({ type: "FeatureCollection", features });
+});
+</script>
+
+<template>
+  <MaplibreSource :source-id="linesId" :source="linesSource">
+    <MaplibreLayer
+      :layer-id="linesId"
+      type="line"
+      :source="linesId"
+      :layout="lineLayout"
+      :paint="linePaint"
+      :before-id="beforeId"
+    />
+  </MaplibreSource>
+  <MaplibreSource :source-id="particlesId" :source="particlesSource">
+    <MaplibreLayer :layer-id="particlesId" type="circle" :source="particlesId" :paint="particlePaint" :before-id="beforeId" />
+  </MaplibreSource>
+</template>

package/dist/runtime/components/effects/Migration.vue.d.ts

@@ -0,0 +1,50 @@
+import { type Position2D } from '../../utils/effects';
+export interface MigrationRoute {
+    from: Position2D;
+    to: Position2D;
+    /** 透传到弧线与粒子要素的属性 */
+    properties?: Record<string, unknown>;
+}
+/** 迁徙图：OD 对生成贝塞尔弧线，粒子沿线循环飞行 + 渐变尾迹。 */
+type __VLS_Props = {
+    /** 起讫点对列表 */
+    data: MigrationRoute[];
+    /** 图层 id 前缀；省略时自动生成 */
+    layerId?: string;
+    /**
+     * 主色
+     * @defaultValue '#f43f5e'
+     */
+    color?: string;
+    /**
+     * 弧线弯曲程度
+     * @defaultValue 0.3
+     */
+    curvature?: number;
+    /**
+     * 单程飞行周期（毫秒）
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * 线宽（像素）
+     * @defaultValue 2
+     */
+    lineWidth?: number;
+    /**
+     * 粒子半径（像素）
+     * @defaultValue 4
+     */
+    particleRadius?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    duration: number;
+    curvature: number;
+    lineWidth: number;
+    particleRadius: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/Radar.d.vue.ts

@@ -0,0 +1,32 @@
+import type { GeoJSONSourceSpecification } from '@maplibre/maplibre-gl-style-spec';
+/** 雷达：canvas 生成扇形扫描贴图，symbol 图层按帧旋转。 */
+type __VLS_Props = {
+    /** 点要素数据（GeoJSON 或其 URL） */
+    data: GeoJSONSourceSpecification['data'];
+    /** 图层 id 前缀；省略时自动生成 */
+    layerId?: string;
+    /**
+     * 主色
+     * @defaultValue '#22c55e'
+     */
+    color?: string;
+    /**
+     * 扫描半径（像素）
+     * @defaultValue 60
+     */
+    radius?: number;
+    /**
+     * 旋转速度（度/秒）
+     * @defaultValue 120
+     */
+    speed?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    speed: number;
+    radius: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/effects/Radar.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { computed, onUnmounted, useId } from "vue";
+import { radarSweepImage } from "../../utils/effects";
+import { useMap } from "../../composables/useMap";
+import { useMapAnimation } from "../../composables/useMapAnimation";
+import MaplibreSource from "../Source.vue";
+import MaplibreLayer from "../Layer.vue";
+const props = defineProps({
+  data: { type: null, required: true },
+  layerId: { type: String, required: false },
+  color: { type: String, required: false, default: "#22c55e" },
+  radius: { type: Number, required: false, default: 60 },
+  speed: { type: Number, required: false, default: 120 },
+  beforeId: { type: String, required: false }
+});
+const IMAGE_SIZE = 256;
+const ctx = useMap();
+const id = props.layerId ?? `movk-radar-${useId()}`;
+const imageName = `${id}-sweep`;
+const source = computed(() => ({ type: "geojson", data: props.data }));
+const layout = computed(() => ({
+  "icon-image": imageName,
+  "icon-size": props.radius * 2 / IMAGE_SIZE,
+  "icon-allow-overlap": true,
+  "icon-ignore-placement": true,
+  // 贴图随地图旋转而非屏幕，扫描方位与地理方向一致
+  "icon-rotation-alignment": "map"
+}));
+const stopReady = ctx.onReady((map) => {
+  if (map.hasImage(imageName)) return;
+  const image = radarSweepImage(IMAGE_SIZE, props.color);
+  if (image) map.addImage(imageName, image);
+});
+useMapAnimation((map, elapsed) => {
+  if (!map.getLayer(id)) return;
+  map.setLayoutProperty(id, "icon-rotate", elapsed / 1e3 * props.speed % 360);
+});
+onUnmounted(() => {
+  stopReady();
+  const map = ctx.map.value;
+  if (map?.hasImage(imageName)) map.removeImage(imageName);
+});
+</script>
+
+<template>
+  <MaplibreSource :source-id="id" :source="source">
+    <MaplibreLayer :layer-id="id" type="symbol" :source="id" :layout="layout" :before-id="beforeId" />
+  </MaplibreSource>
+</template>

package/dist/runtime/components/effects/Radar.vue.d.ts

@@ -0,0 +1,32 @@
+import type { GeoJSONSourceSpecification } from '@maplibre/maplibre-gl-style-spec';
+/** 雷达：canvas 生成扇形扫描贴图，symbol 图层按帧旋转。 */
+type __VLS_Props = {
+    /** 点要素数据（GeoJSON 或其 URL） */
+    data: GeoJSONSourceSpecification['data'];
+    /** 图层 id 前缀；省略时自动生成 */
+    layerId?: string;
+    /**
+     * 主色
+     * @defaultValue '#22c55e'
+     */
+    color?: string;
+    /**
+     * 扫描半径（像素）
+     * @defaultValue 60
+     */
+    radius?: number;
+    /**
+     * 旋转速度（度/秒）
+     * @defaultValue 120
+     */
+    speed?: number;
+    /** 插入到该图层之前 */
+    beforeId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    speed: number;
+    radius: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;