@robot-admin/naive-ui-components 0.4.3 → 0.4.4

package/dist/C_Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Map.js","names":["height"],"sources":["../src/components/C_Map/data.ts","../src/components/C_Map/index.vue","../src/components/C_Map/index.vue","../src/components/C_Map/index.vue"],"sourcesContent":["export const MAP_TYPES = [\r\n  { label: \"OpenStreetMap\", value: \"osm\" },\r\n  { label: \"高德地图\", value: \"amap\" },\r\n] as const;\r\n\r\nexport type MapType = (typeof MAP_TYPES)[number][\"value\"];\r\n\r\nexport interface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nexport interface MapConfig {\r\n  height?: string;\r\n  center?: [number, number];\r\n  zoom?: number;\r\n  markers?: MapMarker[];\r\n  mapType?: MapType;\r\n  amapKey?: string;\r\n}\r\n\r\nexport const DEFAULT_MAP_CONFIG: Required<\r\n  Omit<MapConfig, \"markers\" | \"amapKey\">\r\n> = {\r\n  height: \"400px\",\r\n  center: [39.9042, 116.4074],\r\n  zoom: 10,\r\n  mapType: \"osm\",\r\n};\r\n\r\nexport const OSM_TILE_CONFIG = {\r\n  url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\r\n  attribution: \"© OpenStreetMap contributors\",\r\n  maxZoom: 19,\r\n  minZoom: 1,\r\n  tileSize: 256,\r\n  detectRetina: true,\r\n} as const;\r\n\r\nexport const AMAP_CONFIG = {\r\n  apiUrl: \"https://webapi.amap.com/maps?v=2.0&key=\",\r\n  note: \"高德地图需要API Key，如需使用请申请：https://lbs.amap.com/api/javascript-api/guide/create/\",\r\n} as const;\r\n\r\nexport const MAP_ICONS = {\r\n  iconRetinaUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png\",\r\n  iconUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png\",\r\n  shadowUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-shadow.png\",\r\n} as const;\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Map2.js

@@ -1,199 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { NSpin } from "naive-ui";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeStyle, onMounted, onUnmounted, openBlock, ref, unref, watch } from "vue";
-import L from "leaflet";
-import "leaflet/dist/leaflet.css";
-
-//#region src/components/C_Map/data.ts
-const MAP_TYPES = [{
-	label: "OpenStreetMap",
-	value: "osm"
-}, {
-	label: "高德地图",
-	value: "amap"
-}];
-const DEFAULT_MAP_CONFIG = {
-	height: "400px",
-	center: [39.9042, 116.4074],
-	zoom: 10,
-	mapType: "osm"
-};
-const OSM_TILE_CONFIG = {
-	url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
-	attribution: "© OpenStreetMap contributors",
-	maxZoom: 19,
-	minZoom: 1,
-	tileSize: 256,
-	detectRetina: true
-};
-const AMAP_CONFIG = {
-	apiUrl: "https://webapi.amap.com/maps?v=2.0&key=",
-	note: "高德地图需要API Key，如需使用请申请：https://lbs.amap.com/api/javascript-api/guide/create/"
-};
-const MAP_ICONS = {
-	iconRetinaUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png",
-	iconUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png",
-	shadowUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-shadow.png"
-};
-
-//#endregion
-//#region src/components/C_Map/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "c-map" };
-const _hoisted_2 = {
-	key: 0,
-	class: "map-loading"
-};
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Map",
-	__name: "index",
-	props: {
-		height: { default: "400px" },
-		center: { default: () => [39.9042, 116.4074] },
-		zoom: { default: 10 },
-		markers: { default: () => [] },
-		mapType: { default: "osm" },
-		amapKey: { default: "" }
-	},
-	emits: ["ready", "markerClick"],
-	setup(__props, { emit: __emit }) {
-		delete L.Icon.Default.prototype._getIconUrl;
-		L.Icon.Default.mergeOptions(MAP_ICONS);
-		const props = __props;
-		const emit = __emit;
-		const mapContainer = ref();
-		const loading = ref(true);
-		let map = null;
-		const initOSMMap = async () => {
-			if (!mapContainer.value) return;
-			try {
-				mapContainer.value.innerHTML = "";
-				map = L.map(mapContainer.value, {
-					center: props.center,
-					zoom: props.zoom,
-					zoomControl: true,
-					preferCanvas: true
-				});
-				L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG).addTo(map);
-				addMarkers();
-				await nextTick();
-				requestAnimationFrame(() => {
-					map?.invalidateSize({
-						reset: true,
-						pan: false
-					});
-				});
-				loading.value = false;
-				emit("ready", map);
-			} catch (error) {
-				console.error("OpenStreetMap初始化失败:", error);
-				loading.value = false;
-			}
-		};
-		const initAMap = async () => {
-			if (!mapContainer.value || !props.amapKey) return;
-			try {
-				mapContainer.value.innerHTML = "";
-				const script = document.createElement("script");
-				script.type = "text/javascript";
-				script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;
-				script.onload = () => {
-					if (window.AMap) {
-						const amap = new window.AMap.Map(mapContainer.value, {
-							zoom: props.zoom,
-							center: props.center
-						});
-						addAMapMarkers(amap);
-						loading.value = false;
-						emit("ready", amap);
-					}
-				};
-				script.onerror = () => {
-					loading.value = false;
-				};
-				document.head.appendChild(script);
-			} catch {
-				loading.value = false;
-			}
-		};
-		const addMarkers = () => {
-			if (!map || props.mapType !== "osm" || !props.markers) return;
-			map.eachLayer((layer) => {
-				if (layer instanceof L.Marker) map.removeLayer(layer);
-			});
-			props.markers.forEach((marker) => {
-				const leafletMarker = L.marker([marker.lat, marker.lng]);
-				if (marker.popup) {
-					leafletMarker.bindPopup(marker.popup);
-					leafletMarker.on("click", (event) => {
-						emit("markerClick", marker, event);
-					});
-				}
-				leafletMarker.addTo(map);
-			});
-		};
-		const addAMapMarkers = (amap) => {
-			if (!amap || props.mapType !== "amap" || !props.markers) return;
-			props.markers.forEach((marker) => {
-				const amapMarker = new window.AMap.Marker({
-					position: [marker.lat, marker.lng],
-					title: marker.popup || ""
-				});
-				if (marker.popup) {
-					const infoWindow = new window.AMap.InfoWindow({
-						content: marker.popup,
-						offset: new window.AMap.Pixel(0, -30)
-					});
-					amapMarker.on("click", () => {
-						infoWindow.open(amap, amapMarker.getPosition());
-						emit("markerClick", marker, null);
-					});
-				}
-				amapMarker.setMap(amap);
-			});
-		};
-		watch(() => props.markers, () => {
-			if (map && props.mapType === "osm") addMarkers();
-		}, { deep: true });
-		watch(() => props.mapType, async (newType, oldType) => {
-			if (newType === oldType) return;
-			if (map) {
-				map.remove();
-				map = null;
-				loading.value = true;
-				await nextTick();
-				if (newType === "amap" && props.amapKey) await initAMap();
-				else await initOSMMap();
-			}
-		});
-		watch([() => props.center, () => props.zoom], () => {
-			if (map) map.setView(props.center, props.zoom);
-		}, { deep: true });
-		onMounted(async () => {
-			await nextTick();
-			if (props.mapType === "amap" && props.amapKey) await initAMap();
-			else await initOSMMap();
-		});
-		onUnmounted(() => {
-			if (map) {
-				map.remove();
-				map = null;
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
-				ref_key: "mapContainer",
-				ref: mapContainer,
-				class: "map-container",
-				style: normalizeStyle({ height: _ctx.height })
-			}, null, 4), loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(NSpin), { size: "large" })])) : createCommentVNode("v-if", true)]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Map/index.vue
-var C_Map_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a3602506"]]);
-
-//#endregion
-export { OSM_TILE_CONFIG as i, DEFAULT_MAP_CONFIG as n, MAP_TYPES as r, C_Map_default as t };
+import{t as e}from"./export-helper.js";import{NSpin as t}from"naive-ui";import{createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,nextTick as s,normalizeStyle as c,onMounted as l,onUnmounted as u,openBlock as d,ref as f,unref as p,watch as m}from"vue";import h from"leaflet";import"leaflet/dist/leaflet.css";const g=[{label:`OpenStreetMap`,value:`osm`},{label:`高德地图`,value:`amap`}],_={height:`400px`,center:[39.9042,116.4074],zoom:10,mapType:`osm`},v={url:`https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png`,attribution:`© OpenStreetMap contributors`,maxZoom:19,minZoom:1,tileSize:256,detectRetina:!0},y={apiUrl:`https://webapi.amap.com/maps?v=2.0&key=`,note:`高德地图需要API Key，如需使用请申请：https://lbs.amap.com/api/javascript-api/guide/create/`},b={iconRetinaUrl:`https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png`,iconUrl:`https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png`,shadowUrl:`https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-shadow.png`},x={class:`c-map`},S={key:0,class:`map-loading`};var C=e(o({name:`C_Map`,__name:`index`,props:{height:{default:`400px`},center:{default:()=>[39.9042,116.4074]},zoom:{default:10},markers:{default:()=>[]},mapType:{default:`osm`},amapKey:{default:``}},emits:[`ready`,`markerClick`],setup(e,{emit:o}){delete h.Icon.Default.prototype._getIconUrl,h.Icon.Default.mergeOptions(b);let g=e,_=o,C=f(),w=f(!0),T=null,E=async()=>{if(C.value)try{C.value.innerHTML=``,T=h.map(C.value,{center:g.center,zoom:g.zoom,zoomControl:!0,preferCanvas:!0}),h.tileLayer(v.url,v).addTo(T),O(),await s(),requestAnimationFrame(()=>{T?.invalidateSize({reset:!0,pan:!1})}),w.value=!1,_(`ready`,T)}catch(e){console.error(`OpenStreetMap初始化失败:`,e),w.value=!1}},D=async()=>{if(!(!C.value||!g.amapKey))try{C.value.innerHTML=``;let e=document.createElement(`script`);e.type=`text/javascript`,e.src=`${y.apiUrl}${g.amapKey}`,e.onload=()=>{if(window.AMap){let e=new window.AMap.Map(C.value,{zoom:g.zoom,center:g.center});k(e),w.value=!1,_(`ready`,e)}},e.onerror=()=>{w.value=!1},document.head.appendChild(e)}catch{w.value=!1}},O=()=>{!T||g.mapType!==`osm`||!g.markers||(T.eachLayer(e=>{e instanceof h.Marker&&T.removeLayer(e)}),g.markers.forEach(e=>{let t=h.marker([e.lat,e.lng]);e.popup&&(t.bindPopup(e.popup),t.on(`click`,t=>{_(`markerClick`,e,t)})),t.addTo(T)}))},k=e=>{!e||g.mapType!==`amap`||!g.markers||g.markers.forEach(t=>{let n=new window.AMap.Marker({position:[t.lat,t.lng],title:t.popup||``});if(t.popup){let r=new window.AMap.InfoWindow({content:t.popup,offset:new window.AMap.Pixel(0,-30)});n.on(`click`,()=>{r.open(e,n.getPosition()),_(`markerClick`,t,null)})}n.setMap(e)})};return m(()=>g.markers,()=>{T&&g.mapType===`osm`&&O()},{deep:!0}),m(()=>g.mapType,async(e,t)=>{e!==t&&T&&(T.remove(),T=null,w.value=!0,await s(),e===`amap`&&g.amapKey?await D():await E())}),m([()=>g.center,()=>g.zoom],()=>{T&&T.setView(g.center,g.zoom)},{deep:!0}),l(async()=>{await s(),g.mapType===`amap`&&g.amapKey?await D():await E()}),u(()=>{T&&=(T.remove(),null)}),(e,o)=>(d(),r(`div`,x,[i(`div`,{ref_key:`mapContainer`,ref:C,class:`map-container`,style:c({height:e.height})},null,4),w.value?(d(),r(`div`,S,[a(p(t),{size:`large`})])):n(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-a3602506`]]);export{v as i,_ as n,g as r,C as t};
 //# sourceMappingURL=C_Map2.js.map

package/dist/C_Map2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Map2.js","names":["height"],"sources":["../src/components/C_Map/data.ts","../src/components/C_Map/index.vue","../src/components/C_Map/index.vue","../src/components/C_Map/index.vue"],"sourcesContent":["export const MAP_TYPES = [\r\n  { label: \"OpenStreetMap\", value: \"osm\" },\r\n  { label: \"高德地图\", value: \"amap\" },\r\n] as const;\r\n\r\nexport type MapType = (typeof MAP_TYPES)[number][\"value\"];\r\n\r\nexport interface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nexport interface MapConfig {\r\n  height?: string;\r\n  center?: [number, number];\r\n  zoom?: number;\r\n  markers?: MapMarker[];\r\n  mapType?: MapType;\r\n  amapKey?: string;\r\n}\r\n\r\nexport const DEFAULT_MAP_CONFIG: Required<\r\n  Omit<MapConfig, \"markers\" | \"amapKey\">\r\n> = {\r\n  height: \"400px\",\r\n  center: [39.9042, 116.4074],\r\n  zoom: 10,\r\n  mapType: \"osm\",\r\n};\r\n\r\nexport const OSM_TILE_CONFIG = {\r\n  url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\r\n  attribution: \"© OpenStreetMap contributors\",\r\n  maxZoom: 19,\r\n  minZoom: 1,\r\n  tileSize: 256,\r\n  detectRetina: true,\r\n} as const;\r\n\r\nexport const AMAP_CONFIG = {\r\n  apiUrl: \"https://webapi.amap.com/maps?v=2.0&key=\",\r\n  note: \"高德地图需要API Key，如需使用请申请：https://lbs.amap.com/api/javascript-api/guide/create/\",\r\n} as const;\r\n\r\nexport const MAP_ICONS = {\r\n  iconRetinaUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png\",\r\n  iconUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png\",\r\n  shadowUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-shadow.png\",\r\n} as const;\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}
+{"version":3,"file":"C_Map2.js","names":["height"],"sources":["../src/components/C_Map/data.ts","../src/components/C_Map/index.vue","../src/components/C_Map/index.vue","../src/components/C_Map/index.vue"],"sourcesContent":["export const MAP_TYPES = [\r\n  { label: \"OpenStreetMap\", value: \"osm\" },\r\n  { label: \"高德地图\", value: \"amap\" },\r\n] as const;\r\n\r\nexport type MapType = (typeof MAP_TYPES)[number][\"value\"];\r\n\r\nexport interface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nexport interface MapConfig {\r\n  height?: string;\r\n  center?: [number, number];\r\n  zoom?: number;\r\n  markers?: MapMarker[];\r\n  mapType?: MapType;\r\n  amapKey?: string;\r\n}\r\n\r\nexport const DEFAULT_MAP_CONFIG: Required<\r\n  Omit<MapConfig, \"markers\" | \"amapKey\">\r\n> = {\r\n  height: \"400px\",\r\n  center: [39.9042, 116.4074],\r\n  zoom: 10,\r\n  mapType: \"osm\",\r\n};\r\n\r\nexport const OSM_TILE_CONFIG = {\r\n  url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\r\n  attribution: \"© OpenStreetMap contributors\",\r\n  maxZoom: 19,\r\n  minZoom: 1,\r\n  tileSize: 256,\r\n  detectRetina: true,\r\n} as const;\r\n\r\nexport const AMAP_CONFIG = {\r\n  apiUrl: \"https://webapi.amap.com/maps?v=2.0&key=\",\r\n  note: \"高德地图需要API Key，如需使用请申请：https://lbs.amap.com/api/javascript-api/guide/create/\",\r\n} as const;\r\n\r\nexport const MAP_ICONS = {\r\n  iconRetinaUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png\",\r\n  iconUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png\",\r\n  shadowUrl:\r\n    \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-shadow.png\",\r\n} as const;\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\r\n * @Description: 地图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-map\">\r\n    <div\r\n      ref=\"mapContainer\"\r\n      class=\"map-container\"\r\n      :style=\"{ height: height }\"\r\n    ></div>\r\n    <div v-if=\"loading\" class=\"map-loading\">\r\n      <NSpin size=\"large\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NSpin } from \"naive-ui\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport { OSM_TILE_CONFIG, AMAP_CONFIG, MAP_ICONS } from \"./data\";\r\n\r\ndefineOptions({ name: \"C_Map\" });\r\n\r\ndelete (L.Icon.Default.prototype as any)._getIconUrl;\r\nL.Icon.Default.mergeOptions(MAP_ICONS);\r\n\r\ninterface MapMarker {\r\n  lat: number;\r\n  lng: number;\r\n  popup?: string;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    height?: string;\r\n    center?: [number, number];\r\n    zoom?: number;\r\n    markers?: MapMarker[];\r\n    mapType?: \"osm\" | \"amap\";\r\n    amapKey?: string;\r\n  }>(),\r\n  {\r\n    height: \"400px\",\r\n    center: () => [39.9042, 116.4074],\r\n    zoom: 10,\r\n    markers: () => [],\r\n    mapType: \"osm\",\r\n    amapKey: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  ready: [map: any];\r\n  markerClick: [marker: MapMarker, event: any];\r\n}>();\r\n\r\nconst mapContainer = ref<HTMLElement>();\r\nconst loading = ref(true);\r\nlet map: any = null;\r\n\r\nconst initOSMMap = async () => {\r\n  if (!mapContainer.value) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    map = L.map(mapContainer.value, {\r\n      center: props.center,\r\n      zoom: props.zoom,\r\n      zoomControl: true,\r\n      preferCanvas: true,\r\n    });\r\n    const tileLayer = L.tileLayer(OSM_TILE_CONFIG.url, OSM_TILE_CONFIG);\r\n    tileLayer.addTo(map);\r\n    addMarkers();\r\n    await nextTick();\r\n    requestAnimationFrame(() => {\r\n      map?.invalidateSize({ reset: true, pan: false });\r\n    });\r\n    loading.value = false;\r\n    emit(\"ready\", map);\r\n  } catch (error) {\r\n    console.error(\"OpenStreetMap初始化失败:\", error);\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst initAMap = async () => {\r\n  if (!mapContainer.value || !props.amapKey) return;\r\n  try {\r\n    mapContainer.value.innerHTML = \"\";\r\n    const script = document.createElement(\"script\");\r\n    script.type = \"text/javascript\";\r\n    script.src = `${AMAP_CONFIG.apiUrl}${props.amapKey}`;\r\n    script.onload = () => {\r\n      if ((window as any).AMap) {\r\n        const amap = new (window as any).AMap.Map(mapContainer.value, {\r\n          zoom: props.zoom,\r\n          center: props.center,\r\n        });\r\n        addAMapMarkers(amap);\r\n        loading.value = false;\r\n        emit(\"ready\", amap);\r\n      }\r\n    };\r\n    script.onerror = () => {\r\n      loading.value = false;\r\n    };\r\n    document.head.appendChild(script);\r\n  } catch {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst addMarkers = () => {\r\n  if (!map || props.mapType !== \"osm\" || !props.markers) return;\r\n  map.eachLayer((layer: any) => {\r\n    if (layer instanceof L.Marker) {\r\n      map.removeLayer(layer);\r\n    }\r\n  });\r\n  props.markers.forEach((marker) => {\r\n    const leafletMarker = L.marker([marker.lat, marker.lng]);\r\n    if (marker.popup) {\r\n      leafletMarker.bindPopup(marker.popup);\r\n      leafletMarker.on(\"click\", (event: any) => {\r\n        emit(\"markerClick\", marker, event);\r\n      });\r\n    }\r\n    leafletMarker.addTo(map);\r\n  });\r\n};\r\n\r\nconst addAMapMarkers = (amap: any) => {\r\n  if (!amap || props.mapType !== \"amap\" || !props.markers) return;\r\n  props.markers.forEach((marker) => {\r\n    const amapMarker = new (window as any).AMap.Marker({\r\n      position: [marker.lat, marker.lng],\r\n      title: marker.popup || \"\",\r\n    });\r\n    if (marker.popup) {\r\n      const infoWindow = new (window as any).AMap.InfoWindow({\r\n        content: marker.popup,\r\n        offset: new (window as any).AMap.Pixel(0, -30),\r\n      });\r\n      amapMarker.on(\"click\", () => {\r\n        infoWindow.open(amap, amapMarker.getPosition());\r\n        emit(\"markerClick\", marker, null);\r\n      });\r\n    }\r\n    amapMarker.setMap(amap);\r\n  });\r\n};\r\n\r\nwatch(\r\n  () => props.markers,\r\n  () => {\r\n    if (map && props.mapType === \"osm\") addMarkers();\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nwatch(\r\n  () => props.mapType,\r\n  async (newType, oldType) => {\r\n    if (newType === oldType) return;\r\n    if (map) {\r\n      map.remove();\r\n      map = null;\r\n      loading.value = true;\r\n      await nextTick();\r\n      if (newType === \"amap\" && props.amapKey) await initAMap();\r\n      else await initOSMMap();\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  [() => props.center, () => props.zoom],\r\n  () => {\r\n    if (map) map.setView(props.center, props.zoom);\r\n  },\r\n  { deep: true },\r\n);\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  if (props.mapType === \"amap\" && props.amapKey) await initAMap();\r\n  else await initOSMMap();\r\n});\r\n\r\nonUnmounted(() => {\r\n  if (map) {\r\n    map.remove();\r\n    map = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Markdown.cjs

@@ -1,4 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_Markdown = require('./C_Markdown.js');
-
-exports.C_Markdown = require_C_Markdown.C_Markdown_default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Markdown.js`);exports.C_Markdown=e.t;

package/dist/C_Markdown.js

@@ -1,3 +1 @@
-import { t as C_Markdown_default } from "./C_Markdown2.js";
-
-export { C_Markdown_default as C_Markdown };
+import{t as e}from"./C_Markdown2.js";export{e as C_Markdown};

package/dist/C_Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Markdown.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"8hCEyEA,IAAM,EAAQ,EAoCR,EAAO,EAEP,GAAA,EAAA,EAAA,KAAqB,KAAK,CAC1B,GAAA,EAAA,EAAA,KAAiB,GAAG,CAEpB,GAAA,EAAA,EAAA,cACG,EAAM,YAAY,QAAU,EACnC,CAEI,GAAA,EAAA,EAAA,cAA2C,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAkB,CAC/C,GACJ,EAEF,EAAA,EAAA,eAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,EAEF,EAAA,EAAA,WACQ,EAAM,WACX,GAAa,CACR,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,oDArLM,MAAA,CAvBD,OAAA,EAAA,EAAA,gBAAK,CAAC,qBAAoB,CAAA,UAAsBA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAsBvD,EAAA,QAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}

package/dist/C_Markdown2.js

@@ -1,186 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, unref, watch } from "vue";
-import VMdEditor from "@kangc/v-md-editor";
-
-//#region src/components/C_Markdown/index.vue?vue&type=script&setup=true&lang.ts
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Markdown",
-	__name: "index",
-	props: {
-		modelValue: { default: "" },
-		height: { default: "400px" },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		placeholder: { default: "请输入 Markdown 内容..." },
-		mode: { default: "editable" },
-		toolbar: {},
-		uploadImageConfig: {},
-		tocNavPosition: { default: "right" },
-		defaultFullscreen: {
-			type: Boolean,
-			default: false
-		},
-		autofocus: {
-			type: Boolean,
-			default: false
-		},
-		includeLevel: { default: () => [
-			1,
-			2,
-			3,
-			4,
-			5,
-			6
-		] },
-		leftToolbar: { default: "undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save" },
-		rightToolbar: { default: "preview toc sync-scroll fullscreen" },
-		maxLength: { default: 5e4 },
-		showWordCount: {
-			type: Boolean,
-			default: true
-		},
-		autoSave: {
-			type: Boolean,
-			default: false
-		},
-		autoSaveInterval: { default: 3e4 },
-		isDark: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"save",
-		"upload-image",
-		"fullscreen-change",
-		"copy-code-success",
-		"word-count-change",
-		"auto-save",
-		"max-length-exceeded"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const editorRef = ref(null);
-		const cachedHtml = ref("");
-		const wordCount = computed(() => {
-			return props.modelValue?.length || 0;
-		});
-		const computedUploadImageConfig = computed(() => {
-			const defaultConfig = {
-				accept: "image/*",
-				multiple: false
-			};
-			return props.uploadImageConfig ? {
-				...defaultConfig,
-				...props.uploadImageConfig
-			} : defaultConfig;
-		});
-		onMounted(() => {
-			if (props.showWordCount && props.modelValue) emit("word-count-change", props.modelValue.length);
-		});
-		watch(() => props.modelValue, (newValue) => {
-			if (props.showWordCount) emit("word-count-change", newValue?.length || 0);
-		}, { immediate: true });
-		const handleInput = (value) => {
-			if (value.length > props.maxLength) {
-				emit("max-length-exceeded", value.length, props.maxLength);
-				return;
-			}
-			emit("update:modelValue", value);
-			if (props.showWordCount) emit("word-count-change", value.length);
-		};
-		const handleChange = (text, html) => {
-			cachedHtml.value = html;
-			emit("change", text, html);
-			if (props.autoSave) autoSave(text);
-		};
-		const handleSave = (text, html) => {
-			emit("save", text, html);
-		};
-		const handleUploadImage = (event, insertImage, files) => {
-			emit("upload-image", event, insertImage, files);
-		};
-		const handleFullscreenChange = (isFullscreen) => {
-			emit("fullscreen-change", isFullscreen);
-		};
-		const handleCopyCodeSuccess = (text) => {
-			emit("copy-code-success", text);
-		};
-		let autoSaveTimer = null;
-		const autoSave = (text) => {
-			if (autoSaveTimer) clearTimeout(autoSaveTimer);
-			autoSaveTimer = setTimeout(() => {
-				emit("auto-save", text);
-			}, props.autoSaveInterval);
-		};
-		const focus = () => {
-			editorRef.value?.focus();
-		};
-		const getHtml = () => {
-			return cachedHtml.value;
-		};
-		const insertText = (text) => {
-			editorRef.value?.insert((selected) => ({
-				text: `${selected}${text}`,
-				selected: text
-			}));
-		};
-		__expose({
-			focus,
-			getHtml,
-			insertText,
-			wordCount
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["c-markdown-wrapper", { "is-dark": _ctx.isDark }]) }, [createVNode(unref(VMdEditor), {
-				ref_key: "editorRef",
-				ref: editorRef,
-				"model-value": _ctx.modelValue,
-				height: _ctx.height,
-				placeholder: _ctx.placeholder,
-				toolbar: _ctx.toolbar,
-				mode: _ctx.mode,
-				"upload-image-config": computedUploadImageConfig.value,
-				"toc-nav-position": _ctx.tocNavPosition,
-				"default-fullscreen": _ctx.defaultFullscreen,
-				autofocus: _ctx.autofocus,
-				"include-level": _ctx.includeLevel,
-				"left-toolbar": _ctx.leftToolbar,
-				"right-toolbar": _ctx.rightToolbar,
-				"default-show-toc": true,
-				"onUpdate:modelValue": handleInput,
-				onChange: handleChange,
-				onSave: handleSave,
-				onUploadImage: handleUploadImage,
-				onFullscreenChange: handleFullscreenChange,
-				onCopyCodeSuccess: handleCopyCodeSuccess
-			}, null, 8, [
-				"model-value",
-				"height",
-				"placeholder",
-				"toolbar",
-				"mode",
-				"upload-image-config",
-				"toc-nav-position",
-				"default-fullscreen",
-				"autofocus",
-				"include-level",
-				"left-toolbar",
-				"right-toolbar"
-			])], 2);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Markdown/index.vue
-var C_Markdown_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-545f0ea7"]]);
-
-//#endregion
-export { C_Markdown_default as t };
+import{t as e}from"./export-helper.js";import{computed as t,createElementBlock as n,createVNode as r,defineComponent as i,normalizeClass as a,onMounted as o,openBlock as s,ref as c,unref as l,watch as u}from"vue";import d from"@kangc/v-md-editor";var f=e(i({name:`C_Markdown`,__name:`index`,props:{modelValue:{default:``},height:{default:`400px`},disabled:{type:Boolean,default:!1},placeholder:{default:`请输入 Markdown 内容...`},mode:{default:`editable`},toolbar:{},uploadImageConfig:{},tocNavPosition:{default:`right`},defaultFullscreen:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},includeLevel:{default:()=>[1,2,3,4,5,6]},leftToolbar:{default:`undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save`},rightToolbar:{default:`preview toc sync-scroll fullscreen`},maxLength:{default:5e4},showWordCount:{type:Boolean,default:!0},autoSave:{type:Boolean,default:!1},autoSaveInterval:{default:3e4},isDark:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`save`,`upload-image`,`fullscreen-change`,`copy-code-success`,`word-count-change`,`auto-save`,`max-length-exceeded`],setup(e,{expose:i,emit:f}){let p=e,m=f,h=c(null),g=c(``),_=t(()=>p.modelValue?.length||0),v=t(()=>{let e={accept:`image/*`,multiple:!1};return p.uploadImageConfig?{...e,...p.uploadImageConfig}:e});o(()=>{p.showWordCount&&p.modelValue&&m(`word-count-change`,p.modelValue.length)}),u(()=>p.modelValue,e=>{p.showWordCount&&m(`word-count-change`,e?.length||0)},{immediate:!0});let y=e=>{if(e.length>p.maxLength){m(`max-length-exceeded`,e.length,p.maxLength);return}m(`update:modelValue`,e),p.showWordCount&&m(`word-count-change`,e.length)},b=(e,t)=>{g.value=t,m(`change`,e,t),p.autoSave&&E(e)},x=(e,t)=>{m(`save`,e,t)},S=(e,t,n)=>{m(`upload-image`,e,t,n)},C=e=>{m(`fullscreen-change`,e)},w=e=>{m(`copy-code-success`,e)},T=null,E=e=>{T&&clearTimeout(T),T=setTimeout(()=>{m(`auto-save`,e)},p.autoSaveInterval)};return i({focus:()=>{h.value?.focus()},getHtml:()=>g.value,insertText:e=>{h.value?.insert(t=>({text:`${t}${e}`,selected:e}))},wordCount:_}),(e,t)=>(s(),n(`div`,{class:a([`c-markdown-wrapper`,{"is-dark":e.isDark}])},[r(l(d),{ref_key:`editorRef`,ref:h,"model-value":e.modelValue,height:e.height,placeholder:e.placeholder,toolbar:e.toolbar,mode:e.mode,"upload-image-config":v.value,"toc-nav-position":e.tocNavPosition,"default-fullscreen":e.defaultFullscreen,autofocus:e.autofocus,"include-level":e.includeLevel,"left-toolbar":e.leftToolbar,"right-toolbar":e.rightToolbar,"default-show-toc":!0,"onUpdate:modelValue":y,onChange:b,onSave:x,onUploadImage:S,onFullscreenChange:C,onCopyCodeSuccess:w},null,8,[`model-value`,`height`,`placeholder`,`toolbar`,`mode`,`upload-image-config`,`toc-nav-position`,`default-fullscreen`,`autofocus`,`include-level`,`left-toolbar`,`right-toolbar`])],2))}}),[[`__scopeId`,`data-v-545f0ea7`]]);export{f as t};
 //# sourceMappingURL=C_Markdown2.js.map