💥 破坏性更新咱不推荐更新

2024-03-25 06:55:06 +08:00
parent 9bb0fbd9a6
commit 410dc1ac58
52 changed files with 3645 additions and 1337 deletions
@@ -1,47 +1,89 @@
 <script setup lang="ts">
 const timeStore = useTimeStore()
 const settingsStore = useSettingsStore()
-const emit = defineEmits(['action'])
-
-const handleActionFromDnsList = (urlParam:string) => {
-  emit('action', urlParam)
-}
 const {t} = useI18n()
 </script>

 <template>
  <ClientOnly>
    <div class="flex justify-between w-full">
-      <div class="space-x-2">
+      <div class="flex space-x-2">
        <!-- 左边的新元素 -->
-        <UTooltip :text="t('popper.support')" :popper="{ placement: 'top' }">
-          <CommonDomainList  />
-        </UTooltip>
+        <n-tooltip
+            v-if="settingsStore.isDomainList"
+            trigger="hover" placement="top">
+          <template #trigger>
+            <CommonDomainList/>
+          </template>
+          <span>{{ t('popper.support') }}</span>
+        </n-tooltip>

-        <UTooltip
+        <n-tooltip
            v-if="settingsStore.getHistory"
-            :text="t('popper.history')" :popper="{ placement: 'top' }">
-          <CommonHistory  />
-        </UTooltip>
+            trigger="hover" placement="top">
+          <template #trigger>
+            <CommonHistory/>
+          </template>
+          <span>{{ t('popper.history') }}</span>
+        </n-tooltip>
+
+        <!--        <n-tooltip-->
+        <!--            v-if="settingsStore.getHistory"-->
+        <!--            trigger="hover" placement="top" >-->
+        <!--          <template #trigger>-->
+        <!--            <CommonDnsList @action="handleActionFromDnsList" />-->
+        <!--          </template>-->
+        <!--          <span>{{t('popper.dns')}}</span>-->
+        <!--        </n-tooltip>-->

-        <UTooltip :text="t('popper.dns')" :popper="{ placement: 'top' }">
-          <CommonDnsList @action="handleActionFromDnsList" />
-        </UTooltip>
      </div>
      <div class="flex space-x-2">
        <!-- 右边的现有元素 -->
-        <UTooltip :text="t('popper.setting')" :popper="{ placement: 'top' }">
-          <CommonSettingsChange />
-        </UTooltip>
-        <UTooltip :text="timeStore.timeZones" :popper="{ placement: 'top' }">
-          <CommonTimeZonesChange />
-        </UTooltip>
-        <UTooltip :text="t('popper.theme')" :popper="{ placement: 'top' }">
-          <CommonColorChange />
-        </UTooltip>
-        <UTooltip :text="t('popper.language')" :popper="{ placement: 'top' }">
-          <CommonLanguageChange />
-        </UTooltip>
+        <n-tooltip
+            trigger="hover"
+            placement="top">
+          <template #trigger>
+            <CommonSettingsChange/>
+          </template>
+          <span>{{ t('popper.setting') }}</span>
+        </n-tooltip>
+
+        <n-tooltip
+            trigger="hover"
+            placement="top">
+          <template #trigger>
+            <CommonApiChange/>
+          </template>
+          <span>第三方APi</span>
+        </n-tooltip>
+
+        <n-tooltip
+            trigger="hover"
+            placement="top">
+          <template #trigger>
+            <CommonTimeZonesChange/>
+          </template>
+          <span>{{ timeStore.timeZones }}</span>
+        </n-tooltip>
+
+        <n-tooltip
+            trigger="hover"
+            placement="top">
+          <template #trigger>
+            <CommonColorChange/>
+          </template>
+          <span>{{ t('popper.theme') }}</span>
+        </n-tooltip>
+
+        <n-tooltip
+            trigger="hover"
+            placement="top">
+          <template #trigger>
+            <CommonLanguageChange/>
+          </template>
+          <span>{{ t('popper.language') }}</span>
+        </n-tooltip>
+
      </div>
    </div>
  </ClientOnly>