xt-element-ui 1.3.2 → 1.3.4

package/src/components/xt-map/loaders/script-loader.js

@@ -1,114 +1,114 @@
-/**
- * 动态脚本加载器
- * 负责动态注入地图 SDK <script> 标签，并返回 Promise
- * 同一 URL 只会加载一次，缓存已加载的结果
- */
-
-const loadedScripts = new Map()      // URL -> Promise
-const loadingScripts = new Map()     // URL -> Promise (正在加载中)
-
-/**
- * 动态加载单个脚本
- * @param {string} url - 脚本 URL
- * @param {object} options - 配置
- * @param {string} options.charset - 字符集，默认 'utf-8'
- * @param {boolean} options.async - 是否异步，默认 true
- * @param {number} options.timeout - 超时时间(ms)，默认 30000
- * @returns {Promise<HTMLScriptElement>}
- */
-export const loadScript = (url, options = {}) => {
-  if (typeof window === 'undefined') {
-    return Promise.reject(new Error('[XtMap] 非浏览器环境'))
-  }
-
-  const { charset = 'utf-8', async = true, timeout = 30000 } = options
-
-  if (loadedScripts.has(url)) {
-    return loadedScripts.get(url)
-  }
-
-  if (loadingScripts.has(url)) {
-    return loadingScripts.get(url)
-  }
-
-  const promise = new Promise((resolve, reject) => {
-    const script = document.createElement('script')
-    script.type = 'text/javascript'
-    script.src = url
-    script.charset = charset
-    script.async = async
-
-    let timer = null
-    let done = false
-
-    const cleanup = () => {
-      done = true
-      if (timer) clearTimeout(timer)
-      script.onload = null
-      script.onerror = null
-    }
-
-    script.onload = () => {
-      if (done) return
-      cleanup()
-      loadingScripts.delete(url)
-      loadedScripts.set(url, Promise.resolve(script))
-      resolve(script)
-    }
-
-    script.onerror = (err) => {
-      if (done) return
-      cleanup()
-      loadingScripts.delete(url)
-      reject(new Error(`[XtMap] 脚本加载失败: ${url}`))
-    }
-
-    if (timeout > 0) {
-      timer = setTimeout(() => {
-        if (done) return
-        cleanup()
-        loadingScripts.delete(url)
-        reject(new Error(`[XtMap] 脚本加载超时: ${url}`))
-      }, timeout)
-    }
-
-    document.head.appendChild(script)
-  })
-
-  loadingScripts.set(url, promise)
-  return promise
-}
-
-/**
- * 批量加载脚本（按顺序）
- * @param {string[]} urls
- * @param {object} options
- */
-export const loadScripts = async (urls, options = {}) => {
-  for (const url of urls) {
-    await loadScript(url, options)
-  }
-}
-
-/**
- * 清除加载缓存（切换密钥等场景使用）
- */
-export const clearScriptCache = () => {
-  loadedScripts.clear()
-  loadingScripts.clear()
-}
-
-/**
- * 检查全局对象是否存在
- */
-export const hasGlobal = (name) => {
-  if (typeof window === 'undefined') return false
-  return window[name] !== undefined
-}
-
-export default {
-  loadScript,
-  loadScripts,
-  clearScriptCache,
-  hasGlobal
-}
+/**
+ * 动态脚本加载器
+ * 负责动态注入地图 SDK <script> 标签，并返回 Promise
+ * 同一 URL 只会加载一次，缓存已加载的结果
+ */
+
+const loadedScripts = new Map()      // URL -> Promise
+const loadingScripts = new Map()     // URL -> Promise (正在加载中)
+
+/**
+ * 动态加载单个脚本
+ * @param {string} url - 脚本 URL
+ * @param {object} options - 配置
+ * @param {string} options.charset - 字符集，默认 'utf-8'
+ * @param {boolean} options.async - 是否异步，默认 true
+ * @param {number} options.timeout - 超时时间(ms)，默认 30000
+ * @returns {Promise<HTMLScriptElement>}
+ */
+export const loadScript = (url, options = {}) => {
+  if (typeof window === 'undefined') {
+    return Promise.reject(new Error('[XtMap] 非浏览器环境'))
+  }
+
+  const { charset = 'utf-8', async = true, timeout = 30000 } = options
+
+  if (loadedScripts.has(url)) {
+    return loadedScripts.get(url)
+  }
+
+  if (loadingScripts.has(url)) {
+    return loadingScripts.get(url)
+  }
+
+  const promise = new Promise((resolve, reject) => {
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = url
+    script.charset = charset
+    script.async = async
+
+    let timer = null
+    let done = false
+
+    const cleanup = () => {
+      done = true
+      if (timer) clearTimeout(timer)
+      script.onload = null
+      script.onerror = null
+    }
+
+    script.onload = () => {
+      if (done) return
+      cleanup()
+      loadingScripts.delete(url)
+      loadedScripts.set(url, Promise.resolve(script))
+      resolve(script)
+    }
+
+    script.onerror = (err) => {
+      if (done) return
+      cleanup()
+      loadingScripts.delete(url)
+      reject(new Error(`[XtMap] 脚本加载失败: ${url}`))
+    }
+
+    if (timeout > 0) {
+      timer = setTimeout(() => {
+        if (done) return
+        cleanup()
+        loadingScripts.delete(url)
+        reject(new Error(`[XtMap] 脚本加载超时: ${url}`))
+      }, timeout)
+    }
+
+    document.head.appendChild(script)
+  })
+
+  loadingScripts.set(url, promise)
+  return promise
+}
+
+/**
+ * 批量加载脚本（按顺序）
+ * @param {string[]} urls
+ * @param {object} options
+ */
+export const loadScripts = async (urls, options = {}) => {
+  for (const url of urls) {
+    await loadScript(url, options)
+  }
+}
+
+/**
+ * 清除加载缓存（切换密钥等场景使用）
+ */
+export const clearScriptCache = () => {
+  loadedScripts.clear()
+  loadingScripts.clear()
+}
+
+/**
+ * 检查全局对象是否存在
+ */
+export const hasGlobal = (name) => {
+  if (typeof window === 'undefined') return false
+  return window[name] !== undefined
+}
+
+export default {
+  loadScript,
+  loadScripts,
+  clearScriptCache,
+  hasGlobal
+}

package/src/components/xt-map/provider.vue

@@ -1,200 +1,200 @@
-<template>
-  <div :class="['xt-map-provider', { 'xt-map-provider--dark': mergedTheme === 'dark' }]" :style="wrapperStyle">
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-import {
-  getMapConfig,
-  setMapConfig,
-  setMapProvider,
-  setMapApiKey,
-  setMapApiUrl,
-  setMapType,
-  setMapTheme,
-  setMapCenter,
-  setMapZoom,
-  setMapPlugins,
-  setSecurityJsCode,
-  getMapProvider,
-  getMapApiKey,
-  getMapApiUrl,
-  getMapType,
-  getMapTheme,
-  getMapCenter,
-  getMapZoom,
-  getMapPlugins,
-  MAP_PROVIDERS,
-  MAP_TYPES,
-  MAP_THEMES,
-  onMapConfigChange
-} from './config/xt-map-config'
-
-export default {
-  name: 'XtMapProvider',
-
-  props: {
-    provider: {
-      type: String,
-      default: '',
-      validator: (val) => val === '' || MAP_PROVIDERS.includes(val)
-    },
-    apiKey: {
-      type: String,
-      default: ''
-    },
-    apiUrl: {
-      type: String,
-      default: ''
-    },
-    mapType: {
-      type: String,
-      default: '',
-      validator: (val) => val === '' || MAP_TYPES.includes(val)
-    },
-    theme: {
-      type: String,
-      default: '',
-      validator: (val) => val === '' || MAP_THEMES.includes(val)
-    },
-    center: {
-      type: Array,
-      default: () => null
-    },
-    zoom: {
-      type: Number,
-      default: null
-    },
-    plugins: {
-      type: Array,
-      default: () => []
-    },
-    securityJsCode: {
-      type: String,
-      default: ''
-    },
-    tag: {
-      type: String,
-      default: 'div'
-    }
-  },
-
-  data() {
-    return {
-      mergedTheme: this.theme || getMapTheme() || 'light'
-    }
-  },
-
-  computed: {
-    wrapperStyle() {
-      return {}
-    }
-  },
-
-  watch: {
-    provider: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) setMapProvider(newVal)
-      }
-    },
-    apiKey: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) setMapApiKey(newVal)
-      }
-    },
-    apiUrl: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) setMapApiUrl(newVal)
-      }
-    },
-    mapType: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) setMapType(newVal)
-      }
-    },
-    theme: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) {
-          setMapTheme(newVal)
-          this.mergedTheme = newVal
-        }
-      }
-    },
-    center: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) setMapCenter(newVal)
-      }
-    },
-    zoom: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal !== null && newVal !== undefined) setMapZoom(newVal)
-      }
-    },
-    plugins: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal && newVal.length > 0) setMapPlugins(newVal)
-      }
-    },
-    securityJsCode: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) setSecurityJsCode(newVal)
-      }
-    }
-  },
-
-  provide() {
-    return {
-      xtMapConfig: {
-        getProvider: () => this.provider || getMapProvider(),
-        getApiKey: () => this.apiKey || getMapApiKey(),
-        getApiUrl: () => this.apiUrl || getMapApiUrl(),
-        getMapType: () => this.mapType || getMapType(),
-        getTheme: () => this.theme || getMapTheme(),
-        getCenter: () => this.center || getMapCenter(),
-        getZoom: () => this.zoom !== null ? this.zoom : getMapZoom(),
-        getPlugins: () => this.plugins.length > 0 ? this.plugins : getMapPlugins(),
-        getConfig: () => ({
-          provider: this.provider || getMapProvider(),
-          apiKey: this.apiKey || getMapApiKey(),
-          apiUrl: this.apiUrl || getMapApiUrl(),
-          mapType: this.mapType || getMapType(),
-          theme: this.theme || getMapTheme(),
-          center: this.center || getMapCenter(),
-          zoom: this.zoom !== null ? this.zoom : getMapZoom()
-        })
-      }
-    }
-  },
-
-  created() {
-    this._unsubscribe = onMapConfigChange((key, value) => {
-      if (key === 'theme') this.mergedTheme = this.theme || value
-    })
-  },
-
-  beforeDestroy() {
-    if (this._unsubscribe) this._unsubscribe()
-  }
-}
-</script>
-
-<style scoped>
-.xt-map-provider {
-  width: 100%;
-  height: 100%;
-}
-
-.xt-map-provider--dark {
-  background-color: transparent;
-}
-</style>
+<template>
+  <div :class="['xt-map-provider', { 'xt-map-provider--dark': mergedTheme === 'dark' }]" :style="wrapperStyle">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+import {
+  getMapConfig,
+  setMapConfig,
+  setMapProvider,
+  setMapApiKey,
+  setMapApiUrl,
+  setMapType,
+  setMapTheme,
+  setMapCenter,
+  setMapZoom,
+  setMapPlugins,
+  setSecurityJsCode,
+  getMapProvider,
+  getMapApiKey,
+  getMapApiUrl,
+  getMapType,
+  getMapTheme,
+  getMapCenter,
+  getMapZoom,
+  getMapPlugins,
+  MAP_PROVIDERS,
+  MAP_TYPES,
+  MAP_THEMES,
+  onMapConfigChange
+} from './config/xt-map-config'
+
+export default {
+  name: 'XtMapProvider',
+
+  props: {
+    provider: {
+      type: String,
+      default: '',
+      validator: (val) => val === '' || MAP_PROVIDERS.includes(val)
+    },
+    apiKey: {
+      type: String,
+      default: ''
+    },
+    apiUrl: {
+      type: String,
+      default: ''
+    },
+    mapType: {
+      type: String,
+      default: '',
+      validator: (val) => val === '' || MAP_TYPES.includes(val)
+    },
+    theme: {
+      type: String,
+      default: '',
+      validator: (val) => val === '' || MAP_THEMES.includes(val)
+    },
+    center: {
+      type: Array,
+      default: () => null
+    },
+    zoom: {
+      type: Number,
+      default: null
+    },
+    plugins: {
+      type: Array,
+      default: () => []
+    },
+    securityJsCode: {
+      type: String,
+      default: ''
+    },
+    tag: {
+      type: String,
+      default: 'div'
+    }
+  },
+
+  data() {
+    return {
+      mergedTheme: this.theme || getMapTheme() || 'light'
+    }
+  },
+
+  computed: {
+    wrapperStyle() {
+      return {}
+    }
+  },
+
+  watch: {
+    provider: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) setMapProvider(newVal)
+      }
+    },
+    apiKey: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) setMapApiKey(newVal)
+      }
+    },
+    apiUrl: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) setMapApiUrl(newVal)
+      }
+    },
+    mapType: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) setMapType(newVal)
+      }
+    },
+    theme: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) {
+          setMapTheme(newVal)
+          this.mergedTheme = newVal
+        }
+      }
+    },
+    center: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) setMapCenter(newVal)
+      }
+    },
+    zoom: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal !== null && newVal !== undefined) setMapZoom(newVal)
+      }
+    },
+    plugins: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal && newVal.length > 0) setMapPlugins(newVal)
+      }
+    },
+    securityJsCode: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) setSecurityJsCode(newVal)
+      }
+    }
+  },
+
+  provide() {
+    return {
+      xtMapConfig: {
+        getProvider: () => this.provider || getMapProvider(),
+        getApiKey: () => this.apiKey || getMapApiKey(),
+        getApiUrl: () => this.apiUrl || getMapApiUrl(),
+        getMapType: () => this.mapType || getMapType(),
+        getTheme: () => this.theme || getMapTheme(),
+        getCenter: () => this.center || getMapCenter(),
+        getZoom: () => this.zoom !== null ? this.zoom : getMapZoom(),
+        getPlugins: () => this.plugins.length > 0 ? this.plugins : getMapPlugins(),
+        getConfig: () => ({
+          provider: this.provider || getMapProvider(),
+          apiKey: this.apiKey || getMapApiKey(),
+          apiUrl: this.apiUrl || getMapApiUrl(),
+          mapType: this.mapType || getMapType(),
+          theme: this.theme || getMapTheme(),
+          center: this.center || getMapCenter(),
+          zoom: this.zoom !== null ? this.zoom : getMapZoom()
+        })
+      }
+    }
+  },
+
+  created() {
+    this._unsubscribe = onMapConfigChange((key, value) => {
+      if (key === 'theme') this.mergedTheme = this.theme || value
+    })
+  },
+
+  beforeDestroy() {
+    if (this._unsubscribe) this._unsubscribe()
+  }
+}
+</script>
+
+<style scoped>
+.xt-map-provider {
+  width: 100%;
+  height: 100%;
+}
+
+.xt-map-provider--dark {
+  background-color: transparent;
+}
+</style>