perf: table

components/vc-table/Body/BodyRow.tsx

@@ -6,7 +6,6 @@ import { computed, defineComponent, ref, watchEffect } from 'vue';
 import { useInjectTable } from '../context/TableContext';
 import { useInjectBody } from '../context/BodyContext';
 import classNames from '../../_util/classNames';
-import { parseStyleText } from '../../_util/props-util';
 import type { MouseEventHandler } from '../../_util/EventInterface';
 
 export interface BodyRowProps<RecordType> {
@@ -128,10 +127,7 @@ export default defineComponent<BodyRowProps<unknown>>({
             computeRowClassName.value,
             additionalProps.value.class,
           )}
-          style={{
-            ...style,
-            ...parseStyleText(additionalProps.value.style),
-          }}
+          style={[style, additionalProps.value.style]}
           onClick={onClick}
         >
           {flattenColumns.map((column, colIndex) => {

components/vc-table/Cell/index.tsx

@@ -1,10 +1,5 @@
 import classNames from '../../_util/classNames';
-import {
-  filterEmpty,
-  flattenChildren,
-  isValidElement,
-  parseStyleText,
-} from '../../_util/props-util';
+import { filterEmpty, flattenChildren, isValidElement } from '../../_util/props-util';
 import type { CSSProperties, VNodeArrayChildren } from 'vue';
 import { Text, computed, defineComponent, isVNode, renderSlot } from 'vue';
 
@@ -348,12 +343,7 @@ export default defineComponent<CellProps>({
           onMouseenter(e, mergedRowSpan);
         },
         onMouseleave,
-        style: {
-          ...parseStyleText(additionalProps.style as any),
-          ...alignStyle,
-          ...fixedStyle,
-          ...cellStyle,
-        },
+        style: [additionalProps.style, alignStyle, fixedStyle, cellStyle],
       };
 
       return (