<template>
  <div class="version-info" style="display: none;">
    <!-- 隐藏版本显示，只保留后台检查功能 -->
  </div>
</template>

<script setup>
import { versionChecker } from '@/utils/version'
import { onMounted, onUnmounted } from 'vue'

// 隐藏版本显示，只保留后台检查功能

// 生命周期
onMounted(() => {
  // 启动后台版本检查
  versionChecker.startAutoCheck()
})

onUnmounted(() => {
  // 停止版本检查
  versionChecker.stopAutoCheck()
})
</script>

<style scoped>
.version-info {
  display: inline-block;
}

.version-display {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.version-display:hover {
  background-color: var(--el-fill-color-light);
}

.version-icon {
  font-size: 14px;
  color: var(--el-text-color-secondary);
}

.version-text {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  font-weight: 500;
}

.version-details {
  padding: 16px 0;
}

.version-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--el-border-color-lighter);
}

.version-item:last-child {
  border-bottom: none;
}

.version-item .label {
  font-weight: 500;
  color: var(--el-text-color-primary);
}

.version-item .value {
  color: var(--el-text-color-regular);
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

.dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
</style>
