fix: 解决分组在预览下的滤镜变换问题

src/views/preview/components/PreviewRenderGroup/index.vue

@@ -1,4 +1,11 @@
 <template>
+  <div
+    :class="animationsClass(groupData.styles.animations)"
+    :style="{
+      ...getSizeStyle(groupData.attr),
+      ...getFilterStyle(groupData.styles),
+    }"
+  >
     <div
       class="chart-item"
       v-for="item in groupData.groupList"
@@ -6,8 +13,6 @@
       :key="item.id"
       :style="{
       ...getComponentAttrStyle(item.attr, groupIndex),
-      ...getFilterStyle(groupData.styles),
-      ...getTransformStyle(groupData.styles),
       ...getStatusStyle(item.status),
       ...getPreviewConfigStyle(item.preview),
       ...getBlendModeStyle(item.styles) as any
@@ -27,6 +32,7 @@
         v-on="useLifeHandler(item)"
       ></component>
     </div>
+  </div>
 </template>
 
 <script setup lang="ts">

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>