feat: refine admin shell and model fallback

web/apps/web-ele/src/components/dashboard-design/DashboardRenderer.vue

@@ -66,7 +66,7 @@ const getWidget = (i: string) => {
 const getAnimationDelay = (i: string) => {
   if (!dashboardConfig.value) return 0;
   const index = dashboardConfig.value.widgets.findIndex((w) => w.i === i);
-  return index * 80; // 每个组件延迟 80ms
+  return index * 20;
 };
 </script>
 

web/apps/web-ele/src/components/dashboard-design/components/WidgetRenderer.vue

@@ -249,7 +249,7 @@ const animationClass = computed(() => {
     <!-- 加载状态 -->
     <div
       v-if="isLoading"
-      class="absolute inset-0 z-10 flex items-center justify-center bg-white/50"
+      class="widget-loading-mask absolute inset-0 z-10 flex items-center justify-center"
     >
       <Loader2 class="text-primary h-6 w-6 animate-spin" />
     </div>
@@ -296,7 +296,9 @@ const animationClass = computed(() => {
 .widget-enter {
   opacity: 0;
   transform: translateY(20px) scale(0.95);
-  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+  transition:
+    opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1),
+    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
 .widget-entered {
@@ -310,4 +312,8 @@ const animationClass = computed(() => {
 }
 
 /* 入场动画 */
+
+.widget-loading-mask {
+  background: color-mix(in srgb, var(--el-bg-color) 78%, transparent);
+}
 </style>