web-component-gallery 1.3.12 → 2.0.2

package/plugins/utils/Websocket.js

@@ -1,186 +0,0 @@
-/**
- * 自动转换HTTP/HTTPS为WS/WSS协议
- * @param {string} url 原始URL
- * @returns {string} 转换后的WebSocket URL
- */
-function normalizeWebSocketUrl(url) {
-  // 已经是ws/wss协议直接返回
-  if (/^wss?:/i.test(url)) return url
-
-  // 处理相对路径（如 /socket）
-  if (url.startsWith('/')) {
-    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
-    return `${protocol}//${window.location.host}${url}`
-  }
-
-  // 处理完整HTTP/HTTPS URL
-  const isSecure = window.location.protocol === 'https:'
-  return url.replace(/^http(s?):/i, isSecure ? 'wss:' : 'ws:')
-}
-
-/**
- * 校验WebSocket URL有效性
- * @param {string} url 待校验URL
- * @returns {boolean} 是否有效
- */
-function isValidWebSocketUrl(url) {
-  try {
-    const { protocol, hostname } = new URL(url)
-    return /^wss?:$/i.test(protocol) && hostname
-  } catch {
-    return false
-  }
-}
-
-const WebSocketManager = {
-  install(Vue, options = {}) {
-    const defaultConfig = {
-      reconnectDelay: 3000,
-      maxReconnect: 5,
-      heartbeatInterval: 30000,
-      heartbeatTimeout: 60000
-    }
-    const config = { ...defaultConfig, ...options }
-
-    const instances = new Map()
-
-    const createInstance = (url) => {
-      let socket = null
-      let reconnectCount = 0
-      let heartbeatTimer = null
-      let heartbeatTimeoutTimer = null
-      const callbacks = []
-
-      const connect = () => {
-        return new Promise((resolve, reject) => {
-          if (instances.get(url)?.socket?.readyState === WebSocket.OPEN) {
-            resolve(instance)
-            return
-          }
-
-          /** 拼接时间戳及传递token */
-          const finalUrl = normalizeWebSocketUrl(url) + `/${new Date().getTime()}?token=${Vue.prototype.$store.getters.token}`
-          if (!isValidWebSocketUrl(finalUrl)) {
-            throw new Error(`无效的WebSocket URL: ${finalUrl}`)
-          }
-
-          socket = new WebSocket(finalUrl)
-          instances.set(url, { socket, callbacks })
-
-          socket.onopen = () => {
-            reconnectCount = 0
-            startHeartbeat()
-            resolve(instance)
-          }
-
-          socket.onmessage = (e) => {
-            resetHeartbeat()
-            try {
-              const data = JSON.parse(e.data)
-              if (data.type !== 'heartbeat') {
-                callbacks.forEach(cb => cb(data))
-              }
-            } catch (err) {
-              callbacks.forEach(cb => cb(e.data))
-            }
-          }
-
-          socket.onclose = (e) => {
-            handleClose(e)
-            if (e.code !== 1000) {
-              reject(new Error(`连接关闭: ${e.reason || '未知原因'}`))
-            }
-          }
-
-          socket.onerror = (e) => {
-            handleError(e)
-            reject(new Error('连接错误'))
-          }
-        })
-      }
-
-      const startHeartbeat = () => {
-        clearTimeout(heartbeatTimeoutTimer)
-        heartbeatTimer = setInterval(() => {
-          if (socket?.readyState === WebSocket.OPEN) {
-            socket.send(JSON.stringify({ type: 'heartbeat' }))
-            heartbeatTimeoutTimer = setTimeout(() => {
-              socket.close(1006, '心跳超时')
-            }, config.heartbeatTimeout)
-          }
-        }, config.heartbeatInterval)
-      }
-
-      const resetHeartbeat = () => {
-        clearTimeout(heartbeatTimeoutTimer)
-        clearInterval(heartbeatTimer)
-        startHeartbeat()
-      }
-
-      const handleClose = (e) => {
-        clearTimeout(heartbeatTimeoutTimer)
-        clearInterval(heartbeatTimer)
-        if (e.code !== 1000 && reconnectCount < config.maxReconnect) {
-          setTimeout(() => {
-            reconnectCount++
-            connect()
-          }, config.reconnectDelay)
-        }
-      }
-
-      const handleError = (e) => {
-        if (e.code === 1006) {
-          instances.delete(url)
-        }
-      }
-
-      const close = () => {
-        clearTimeout(heartbeatTimeoutTimer)
-        clearInterval(heartbeatTimer)
-        socket?.close(1000, '正常关闭')
-        instances.delete(url)
-      }
-
-      const instance = {
-        connect,
-        close,
-        readyState: () => socket?.readyState,
-        onMessage: (callback) => {
-          callbacks.push(callback)
-          return () => {
-            const index = callbacks.indexOf(callback)
-            if (index > -1) callbacks.splice(index, 1)
-          }
-        },
-        send: (data) => {
-          if (socket?.readyState === WebSocket.OPEN) {
-            socket.send(JSON.stringify(data))
-            return true
-          }
-          return false
-        }
-      }
-      return instance
-    }
-
-    Vue.prototype.$ws = {
-      async getInstance(url) {
-        if (!instances.has(url)) {
-          const instance = createInstance(url)
-          instances.set(url, instance)
-          return instance.connect()
-        }
-        const instance = instances.get(url)
-        return instance.readyState() === WebSocket.OPEN 
-          ? Promise.resolve(instance)
-          : instance.connect()
-      },
-      closeAll() {
-        instances.forEach(instance => instance.close())
-        instances.clear()
-      }
-    }
-  }
-}
-
-export default WebSocketManager

package/utils/PostMessage.js

@@ -1,16 +0,0 @@
-import notification from 'ant-design-vue/es/notification'
-
-/* 抛出401错误码 用于处理不同项目下处理方式 */
-export function errorMessage(status, { msg }, callBack = () => {}) {
-    /* 200为正常状态码 捕捉到直接返回 */
-    if(status === 200) return
-    if(status === 401) return callBack()
-    notification.error({
-        message: '请求失败！',
-        description: msg || '服务器请求失败'
-    })
-}
-
-export default {
-    errorMessage
-}

package/utils/Request.js

@@ -1,38 +0,0 @@
-import { createAxiosService } from './Axios.js'
-
-const axiosPlugin = {
-  install(Vue, options) {
-    
-    const service = createAxiosService({
-      baseURL: window.https.WEBSWG,
-      token: Vue.prototype.$store.getters.token,
-      ...options
-    })
-    
-    // 全局挂载
-    Vue.config.globalProperties.$http = service
-    
-    // 提供独立的 API 方法
-    Vue.provide('axios', service)
-    
-    // 添加自定义方法
-    service.uploadFile = (url, file, onProgress) => {
-      const formData = new FormData()
-      formData.append('file', file)
-      
-      return service.post(url, formData, {
-        headers: { 'Content-Type': 'multipart/form-data' },
-        onUploadProgress: (progressEvent) => {
-          if (progressEvent.lengthComputable && onProgress) {
-            const percent = Math.round(
-              (progressEvent.loaded * 100) / progressEvent.total
-            )
-            onProgress(percent)
-          }
-        }
-      })
-    }
-  }
-}
-
-export default axiosPlugin