style: 优化代码

src/components/GoSystemSet/index.vue

@@ -190,7 +190,7 @@ const handleChange = (e: MouseEvent, item: ListType) => {
     width: 100px;
   }
   .select-min-width {
-    width: 110px;
+    width: 115px;
   }
   @include deep() {
     .n-list-item {

src/components/Pages/ChartItemSetting/StylesSetting.vue

@@ -72,7 +72,7 @@
     <!-- 混合模式 -->
     <setting-item-box v-if="!isCanvas" name="混合模式" :alone="true">
       <setting-item name="视频组件需要底色透明一般选中滤色">
-        <n-select size="small" v-model:value="chartStyles.blendMode" :options="BlendModeEnumList"></n-select>
+        <n-select v-model:value="chartStyles.blendMode" size="small" filterable :options="BlendModeEnumList"></n-select>
       </setting-item>
     </setting-item-box>
 

src/views/chart/ContentEdit/components/EditGroup/index.vue

@@ -12,7 +12,7 @@
         ...useSizeStyle(groupData.attr),
         ...getFilterStyle(groupData.styles),
         ...getTransformStyle(groupData.styles),
-        ...getBlendModeStyle(groupData.styles)
+        ...getBlendModeStyle(groupData.styles) as any
       }"
       @click="mouseClickHandle($event, groupData)"
       @mousedown="mousedownHandle($event, groupData)"

src/views/chart/ContentEdit/index.vue

@@ -37,7 +37,10 @@
               v-else
               :data-id="item.id"
               :index="index"
-              :style="{ ...useComponentStyle(item.attr, index), ...getBlendModeStyle(item.styles) }"
+              :style="{
+                ...useComponentStyle(item.attr, index),
+                ...getBlendModeStyle(item.styles) as any
+              }"
               :item="item"
               @click="mouseClickHandle($event, item)"
               @mousedown="mousedownHandle($event, item)"

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

@@ -8,9 +8,9 @@
       ...getComponentAttrStyle(item.attr, groupIndex),
       ...getFilterStyle(item.styles),
       ...getTransformStyle(item.styles),
-      ...getBlendModeStyle(item.styles),
-      ...getStatusStyle(item.status)
-    } as any"
+      ...getStatusStyle(item.status),
+      ...getBlendModeStyle(item.styles) as any
+    }"
   >
     <component
       :is="item.chartConfig.chartKey"

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

@@ -8,8 +8,8 @@
       ...getComponentAttrStyle(item.attr, index),
       ...getFilterStyle(item.styles),
       ...getTransformStyle(item.styles),
-      ...getBlendModeStyle(item.styles),
-      ...getStatusStyle(item.status)
+      ...getStatusStyle(item.status),
+      ...getBlendModeStyle(item.styles) as any
     } as any"
   >
     <!-- 分组 -->