From d170d9418607952ed6de8cfe4d45b99ee0669ac8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Mon, 18 Sep 2023 11:43:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=88=86=E7=BB=84?=
 =?UTF-8?q?=E5=9C=A8=E9=A2=84=E8=A7=88=E4=B8=8B=E7=9A=84=E6=BB=A4=E9=95=9C?=
 =?UTF-8?q?=E5=8F=98=E6=8D=A2=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PreviewRenderGroup/index.vue   | 46 +++++++++++--------
 .../components/PreviewRenderList/index.vue    |  6 ++-
 2 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/src/views/preview/components/PreviewRenderGroup/index.vue b/src/views/preview/components/PreviewRenderGroup/index.vue
index a24e8676..19507fb7 100644
--- a/src/views/preview/components/PreviewRenderGroup/index.vue
+++ b/src/views/preview/components/PreviewRenderGroup/index.vue
@@ -1,31 +1,37 @@
 <template>
   <div
-    class="chart-item"
-    v-for="item in groupData.groupList"
-    :class="animationsClass(item.styles.animations)"
-    :key="item.id"
+    :class="animationsClass(groupData.styles.animations)"
     :style="{
-      ...getComponentAttrStyle(item.attr, groupIndex),
+      ...getSizeStyle(groupData.attr),
       ...getFilterStyle(groupData.styles),
-      ...getTransformStyle(groupData.styles),
+    }"
+  >
+    <div
+      class="chart-item"
+      v-for="item in groupData.groupList"
+      :class="animationsClass(item.styles.animations)"
+      :key="item.id"
+      :style="{
+      ...getComponentAttrStyle(item.attr, groupIndex),
       ...getStatusStyle(item.status),
       ...getPreviewConfigStyle(item.preview),
       ...getBlendModeStyle(item.styles) as any
     }"
-  >
-    <component
-      :is="item.chartConfig.chartKey"
-      :id="item.id"
-      :chartConfig="item"
-      :themeSetting="themeSetting"
-      :themeColor="themeColor"
-      :style="{
-        ...getSizeStyle(item.attr),
-        ...getFilterStyle(item.styles),
-        ...getTransformStyle(item.styles)
-      }"
-      v-on="useLifeHandler(item)"
-    ></component>
+    >
+      <component
+        :is="item.chartConfig.chartKey"
+        :id="item.id"
+        :chartConfig="item"
+        :themeSetting="themeSetting"
+        :themeColor="themeColor"
+        :style="{
+          ...getSizeStyle(item.attr),
+          ...getFilterStyle(item.styles),
+          ...getTransformStyle(item.styles)
+        }"
+        v-on="useLifeHandler(item)"
+      ></component>
+    </div>
   </div>
 </template>
 
diff --git a/src/views/preview/components/PreviewRenderList/index.vue b/src/views/preview/components/PreviewRenderList/index.vue
index 4d44e678..d22be72d 100644
--- a/src/views/preview/components/PreviewRenderList/index.vue
+++ b/src/views/preview/components/PreviewRenderList/index.vue
@@ -6,7 +6,6 @@
     :key="item.id"
     :style="{
       ...getComponentAttrStyle(item.attr, index),
-      ...getFilterStyle(item.styles),
       ...getTransformStyle(item.styles),
       ...getStatusStyle(item.status),
       ...getPreviewConfigStyle(item.preview),
@@ -31,7 +30,10 @@
       :chartConfig="item"
       :themeSetting="themeSetting"
       :themeColor="themeColor"
-      :style="{ ...getSizeStyle(item.attr) }"
+      :style="{ 
+        ...getSizeStyle(item.attr),
+        ...getFilterStyle(item.styles)
+      }"
       v-on="useLifeHandler(item)"
     ></component>
   </div>