fix: 事件动作触发Toast移动端样式失效问题 (#11075)

packages/amis-core/src/actions/ToastAction.ts

@@ -41,7 +41,7 @@ export class ToastAction implements RendererAction {
     event.context.env?.notify?.(
       action.args?.msgType || 'info',
       String(action.args?.msg),
-      action.args
+      {...action.args, mobileUI: renderer.props.mobileUI}
     );
   }
 }

packages/amis-ui/scss/components/_toast.scss

@@ -162,6 +162,22 @@
       width: var(--Toast-icon-width);
       height: var(--Toast-icon-height);
       color: inherit;
+
+      &.icon-warning {
+        color: var(--Status-warning-color);
+      }
+
+      &.icon-fail {
+        color: var(--Status-fail-color);
+      }
+
+      &.icon-success {
+        color: var(--Status-success-color);
+      }
+
+      &.icon-schedule {
+        color: var(--Status-schedule-color);
+      }
     }
   }
 

vite.config.ts

@@ -54,6 +54,13 @@ export default defineConfig({
       target: 'esnext'
     }
   },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        silenceDeprecations: ['legacy-js-api']
+      }
+    }
+  },
   server: {
     host: '0.0.0.0',
     port: 8888