fix(dashboard): stabilize editable layout controls

src/components/dialog/ContentToggleSettingsDialog.vue

@@ -16,8 +16,6 @@ const props = withDefaults(
     items: UnknownRecord[]
     labelGetter?: (item: UnknownRecord) => string
     modelValue?: boolean
-    resetIcon?: string
-    resetText?: string
     selectAllText?: string
     selectNoneText?: string
     showBulkActions?: boolean
@@ -30,8 +28,6 @@ const props = withDefaults(
     elevated: false,
     labelGetter: undefined,
     modelValue: true,
-    resetIcon: 'mdi-restore',
-    resetText: '',
     selectAllText: '',
     selectNoneText: '',
     showBulkActions: false,
@@ -42,7 +38,6 @@ const props = withDefaults(
 
 const emit = defineEmits<{
   (event: 'close'): void
-  (event: 'reset'): void
   (event: 'save', payload: { elevated: boolean; enabled: Record<string, boolean> }): void
   (event: 'update:elevated', value: boolean): void
   (event: 'update:modelValue', value: boolean): void
@@ -104,11 +99,6 @@ function setAllItems(value: boolean) {
   })
 }
 
-// 触发调用方提供的重置动作。
-function triggerResetAction() {
-  emit('reset')
-}
-
 // 提交通用内容开关设置。
 function submitSettings() {
   emit('save', {
@@ -157,12 +147,6 @@ function submitSettings() {
         </p>
       </VCardText>
       <VCardActions class="pt-3">
-        <VBtn v-if="props.resetText" variant="text" color="secondary" @click="triggerResetAction">
-          <template #prepend>
-            <VIcon :icon="props.resetIcon" />
-          </template>
-          {{ props.resetText }}
-        </VBtn>
         <VBtn v-if="props.showBulkActions" variant="text" @click="setAllItems(true)">
           {{ props.selectAllText }}
         </VBtn>

src/components/misc/DashboardElement.vue

@@ -140,30 +140,28 @@ onUnmounted(() => {
       <component :is="dynamicPluginComponent" :config="props.config" :allow-refresh="props.allowRefresh" :api="api" />
     </div>
     <!-- Vuetify 渲染模式 -->
-    <VHover v-else-if="pluginRenderMode === 'vuetify'">
-      <template #default="hover">
-        <!-- 无边框 -->
-        <div v-if="props.config?.attrs.border === false">
-          <VCard v-bind="hover.props">
-            <VCardText class="p-0">
-              <DashboardRender v-for="(item, index) in props.config?.elements" :key="index" :config="item" />
-            </VCardText>
-          </VCard>
-        </div>
-        <!-- 有边框 -->
-        <VCard v-else v-bind="hover.props">
-          <VCardItem v-if="props.config?.attrs.border !== false">
-            <VCardTitle>
-              {{ props.config?.attrs?.title ?? props.config?.name }}
-            </VCardTitle>
-            <VCardSubtitle v-if="props.config?.attrs?.subtitle"> {{ props.config?.attrs?.subtitle }}</VCardSubtitle>
-          </VCardItem>
-          <VCardText>
+    <template v-else-if="pluginRenderMode === 'vuetify'">
+      <!-- 无边框 -->
+      <div v-if="props.config?.attrs.border === false">
+        <VCard>
+          <VCardText class="p-0">
             <DashboardRender v-for="(item, index) in props.config?.elements" :key="index" :config="item" />
           </VCardText>
         </VCard>
-      </template>
-    </VHover>
+      </div>
+      <!-- 有边框 -->
+      <VCard v-else>
+        <VCardItem v-if="props.config?.attrs.border !== false">
+          <VCardTitle>
+            {{ props.config?.attrs?.title ?? props.config?.name }}
+          </VCardTitle>
+          <VCardSubtitle v-if="props.config?.attrs?.subtitle"> {{ props.config?.attrs?.subtitle }}</VCardSubtitle>
+        </VCardItem>
+        <VCardText>
+          <DashboardRender v-for="(item, index) in props.config?.elements" :key="index" :config="item" />
+        </VCardText>
+      </VCard>
+    </template>
     <!-- 未知模式或错误 -->
     <VCard v-else>
       <VCardText>无法渲染插件仪表盘部件: 未知渲染模式或配置错误</VCardText>