fix(glass): stabilize scroll material and shared dynamics (#598)

src/components/dialog/__tests__/GlassSettingsDialog.spec.ts

@@ -157,8 +157,8 @@ describe('GlassSettingsDialog', () => {
 
     expect(mocks.previewGlassSettings).toHaveBeenCalledWith({
       glassAppearance: 'frosted',
-      glassDeformationStrength: 66,
-      glassFlowStrength: 64,
+      glassDeformationStrength: 79,
+      glassFlowStrength: 77,
       glassPreset: 'liquid',
       glassPresetOverrides: {
         'clear:balanced:glide': {
@@ -171,10 +171,10 @@ describe('GlassSettingsDialog', () => {
         },
       },
       glassQuality: 'high',
-      glassReflectionStrength: 31,
-      glassTransmissionStrength: 47,
-      glassTranslationStrength: 43,
-      glassTransparencyStrength: 32,
+      glassReflectionStrength: 37,
+      glassTransmissionStrength: 56,
+      glassTranslationStrength: 52,
+      glassTransparencyStrength: 44,
     })
     expect(mocks.commitGlassPreview).not.toHaveBeenCalled()
   })

src/components/theme/ThemeCustomizer.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import {
+  getDefaultGlassCustomizerSettings,
   themeCustomizerPrimaryColors,
   themeCustomizerShadowLevels,
   useThemeCustomizer,
@@ -12,7 +13,6 @@ import {
 import { usePWA } from '@/composables/usePWA'
 import { useI18n } from 'vue-i18n'
 import { useTheme } from 'vuetify'
-import { GLASS_OPTICAL_STRENGTH_DEFAULT, getGlassOpticalPresetParameters } from '@/utils/glassOptics'
 
 const emit = defineEmits<{
   'close': []
@@ -38,7 +38,7 @@ const { appMode } = usePWA()
 const { t } = useI18n()
 const { global: globalTheme } = useTheme()
 const defaultPrimaryColor = themeCustomizerPrimaryColors[0].value
-const defaultGlassTransmissionStrength = getGlassOpticalPresetParameters('clear', 'balanced', 'natural').transmission
+const defaultAppModeGlassSettings = getDefaultGlassCustomizerSettings('css')
 
 // 将主题定制器打开状态同步到根节点，供全局悬浮按钮避让右侧面板。
 function syncThemeCustomizerOpenState(isOpen: boolean) {
@@ -141,14 +141,14 @@ const showShadowSection = computed(() => globalTheme.name.value !== 'glass')
 const hasAppModeCustomization = computed(() => {
   return (
     settings.value.primaryColor !== defaultPrimaryColor ||
-    settings.value.glassAppearance !== 'clear' ||
-    settings.value.glassDeformationStrength !== GLASS_OPTICAL_STRENGTH_DEFAULT ||
-    settings.value.glassFlowStrength !== GLASS_OPTICAL_STRENGTH_DEFAULT ||
-    settings.value.glassQuality !== 'css' ||
-    settings.value.glassReflectionStrength !== GLASS_OPTICAL_STRENGTH_DEFAULT ||
-    settings.value.glassTransmissionStrength !== defaultGlassTransmissionStrength ||
-    settings.value.glassTranslationStrength !== GLASS_OPTICAL_STRENGTH_DEFAULT ||
-    settings.value.glassTransparencyStrength !== GLASS_OPTICAL_STRENGTH_DEFAULT ||
+    settings.value.glassAppearance !== defaultAppModeGlassSettings.glassAppearance ||
+    settings.value.glassDeformationStrength !== defaultAppModeGlassSettings.glassDeformationStrength ||
+    settings.value.glassFlowStrength !== defaultAppModeGlassSettings.glassFlowStrength ||
+    settings.value.glassQuality !== defaultAppModeGlassSettings.glassQuality ||
+    settings.value.glassReflectionStrength !== defaultAppModeGlassSettings.glassReflectionStrength ||
+    settings.value.glassTransmissionStrength !== defaultAppModeGlassSettings.glassTransmissionStrength ||
+    settings.value.glassTranslationStrength !== defaultAppModeGlassSettings.glassTranslationStrength ||
+    settings.value.glassTransparencyStrength !== defaultAppModeGlassSettings.glassTransparencyStrength ||
     settings.value.radius !== 'default' ||
     settings.value.shadow !== '0' ||
     settings.value.skin !== 'default' ||