fix ApexCharts

src/components/dialog/SubscribeFilesDialog.vue

@@ -132,6 +132,7 @@ onBeforeMount(() => {
           <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
             <VWindowItem value="download">
               <transition name="fade-slide" appear>
+                <div>
                   <VDataTable
                     items-per-page="50"
                     :headers="downloadHeaders"
@@ -159,10 +160,12 @@ onBeforeMount(() => {
                     </template>
                     <template #no-data> 没有数据 </template>
                   </VDataTable>
+                </div>
               </transition>
             </VWindowItem>
             <VWindowItem value="library">
               <transition name="fade-slide" appear>
+                <div>
                   <VDataTable
                     items-per-page="50"
                     :headers="libraryHeaders"
@@ -185,6 +188,7 @@ onBeforeMount(() => {
                     </template>
                     <template #no-data> 没有数据 </template>
                   </VDataTable>
+                </div>
               </transition>
             </VWindowItem>
           </VWindow>

src/pages/downloading.vue

@@ -42,7 +42,9 @@ onMounted(async () => {
     <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
       <VWindowItem v-for="item in downloaders" :value="item.name">
         <transition name="fade-slide" appear>
+          <div>
             <DownloadingListView :name="item.name" />
+          </div>
         </transition>
       </VWindowItem>
     </VWindow>

src/pages/setting.vue

@@ -70,7 +70,9 @@ function jumpTab(tab: string) {
       <!-- 规则 -->
       <VWindowItem value="rule">
         <transition name="fade-slide" appear>
+          <div>
             <AccountSettingRule />
+          </div>
         </transition>
       </VWindowItem>
 

src/pages/subscribe.vue

@@ -30,17 +30,23 @@ function jumpTab(tab: string) {
     <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
       <VWindowItem value="mysub">
         <transition name="fade-slide" appear>
+          <div>
             <SubscribeListView :type="subType" :subid="subId" />
+          </div>
         </transition>
       </VWindowItem>
       <VWindowItem value="popular">
         <transition name="fade-slide" appear>
+          <div>
             <SubscribePopularView :type="subType" />
+          </div>
         </transition>
       </VWindowItem>
       <VWindowItem value="share">
         <transition name="fade-slide" appear>
+          <div>
             <SubscribeShareView />
+          </div>
         </transition>
       </VWindowItem>
     </VWindow>

src/views/dashboard/AnalyticsCpu.vue

@@ -23,6 +23,8 @@ const variableTheme = controlledComputed(
   () => vuetifyTheme.current.value.variables,
 )
 
+const chartKey = ref(0)
+
 // 定时器
 let refreshTimer: NodeJS.Timeout | null = null
 
@@ -129,6 +131,10 @@ onUnmounted(() => {
     refreshTimer = null
   }
 })
+
+onActivated(() => {
+  chartKey.value += 1
+})
 </script>
 
 <template>
@@ -142,7 +148,7 @@ onUnmounted(() => {
           <VCardTitle>CPU</VCardTitle>
         </VCardItem>
         <VCardText>
-          <VApexChart type="line" :options="chartOptions" :series="series" :height="150" />
+          <VApexChart :key="chartKey" type="line" :options="chartOptions" :series="series" :height="150" />
           <p class="text-center font-weight-medium mb-0">当前：{{ current }}%</p>
         </VCardText>
       </VCard>

src/views/dashboard/AnalyticsMemory.vue

@@ -24,6 +24,8 @@ const variableTheme = controlledComputed(
   () => vuetifyTheme.current.value.variables,
 )
 
+const chartKey = ref(0)
+
 // 定时器
 let refreshTimer: NodeJS.Timeout | null = null
 
@@ -135,6 +137,10 @@ onUnmounted(() => {
     refreshTimer = null
   }
 })
+
+onActivated(() => {
+  chartKey.value += 1
+})
 </script>
 
 <template>
@@ -148,7 +154,7 @@ onUnmounted(() => {
           <VCardTitle>内存</VCardTitle>
         </VCardItem>
         <VCardText>
-          <VApexChart type="area" :options="chartOptions" :series="series" :height="150" />
+          <VApexChart :key="chartKey" type="area" :options="chartOptions" :series="series" :height="150" />
           <p class="text-center font-weight-medium mb-0">当前：{{ formatBytes(usedMemory) }}</p>
         </VCardText>
       </VCard>