From b94b06965eef741dba4923267e46f2669c8ba97c Mon Sep 17 00:00:00 2001
From: "lihao.ylh" <lihao.ylh@alibaba-inc.com>
Date: Thu, 5 Aug 2021 16:33:25 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=9C=A8=E6=A0=87?=
 =?UTF-8?q?=E5=87=86=E7=89=88=E5=9C=BA=E6=99=AF=E4=B8=8B,=20className=20?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=A4=B1=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/vision-polyfill/src/props-reducers/style-reducer.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/vision-polyfill/src/props-reducers/style-reducer.ts b/packages/vision-polyfill/src/props-reducers/style-reducer.ts
index b6856f439..cd0e52805 100644
--- a/packages/vision-polyfill/src/props-reducers/style-reducer.ts
+++ b/packages/vision-polyfill/src/props-reducers/style-reducer.ts
@@ -12,20 +12,23 @@ export function stylePropsReducer(props: any, node: any) {
     cssClass = `_css_pseudo_${node.id.replace(/\$/g, '_')}`;
     styleProp = props.__style__;
     appendStyleNode(props, styleProp, cssClass, cssId);
+    props.className = cssClass;
   }
   if (props.pageStyle) {
     cssId = '_style_pseudo_engine-document';
     cssClass = 'engine-document';
     styleProp = props.pageStyle;
     appendStyleNode(props, styleProp, cssClass, cssId);
+    props.className = cssClass;
   }
   if (props.containerStyle) {
     cssId = `_style_pseudo_${node.id}`;
     cssClass = `_css_pseudo_${node.id.replace(/\$/g, '_')}`;
     styleProp = props.containerStyle;
     appendStyleNode(props, styleProp, cssClass, cssId);
+    props.className = cssClass;
   }
-  props.className = cssClass;
+
   return props;
 }