update: 表格列支持项动态样式表

app_Web/src/components/widgets/grid-control/grid-field-column/grid-field-column.tsx

@@ -92,6 +92,14 @@ export const GridFieldColumn = defineComponent({
       return cellSysCss?.cssName;
     });
 
+    const dynamicClass = computed(() => {
+      const state = props.row.columnState[c.model.codeName];
+      if (state) {
+        return state.dynamicClass;
+      }
+      return [];
+    });
+
     return {
       ns,
       alignStyle,
@@ -100,6 +108,7 @@ export const GridFieldColumn = defineComponent({
       onCellClick,
       enableGridRowBreak,
       cellCssName,
+      dynamicClass,
     };
   },
   render() {
@@ -141,6 +150,7 @@ export const GridFieldColumn = defineComponent({
           c.clickable && this.ns.m('clickable'),
           this.ns.m(c.model.codeName),
           this.cellCssName,
+          ...this.dynamicClass,
         ]}
         style={this.alignStyle}
         onClick={this.onCellClick}

app_Web/src/components/widgets/grid-control/grid-field-edit-column/grid-field-edit-column.tsx

@@ -58,11 +58,20 @@ export const GridFieldEditColumn = defineComponent({
       );
     });
 
+    const dynamicClass = computed(() => {
+      const state = props.row.columnState[props.controller.model.codeName];
+      if (state) {
+        return state.dynamicClass;
+      }
+      return [];
+    });
+
     return {
       ns,
       alignStyle,
       editItemC,
       isReadonly,
+      dynamicClass,
       rowDataChange,
       rowSave,
       onStopPropagation,
@@ -77,6 +86,7 @@ export const GridFieldEditColumn = defineComponent({
         nativeondblclick={this.onStopPropagation}
         nativeonClick={this.onStopPropagation}
         style={this.alignStyle}
+        class={[...this.dynamicClass, this.ns.e('item')]}
       >
         {this.editItemC.editorProvider &&
           h(this.editItemC.editorProvider.gridEditor, {

app_Web/src/components/widgets/grid-control/grid-ua-column/grid-ua-column.tsx

@@ -56,12 +56,20 @@ export const GridUAColumn = defineComponent({
       return ns.cssVarBlock({ 'justify-content': justContent });
     });
 
-    return { ns, alignStyle, onStopPropagation, onActionClick };
+    const dynamicClass = computed(() => {
+      const state = props.row.columnState[props.controller.model.codeName];
+      if (state) {
+        return state.dynamicClass;
+      }
+      return [];
+    });
+
+    return { ns, alignStyle, dynamicClass, onStopPropagation, onActionClick };
   },
   render() {
     return (
       <div
-        class={this.ns.b()}
+        class={[this.ns.b(), ...this.dynamicClass]}
         style={this.alignStyle}
         on-dblclick={this.onStopPropagation}
         onClick={this.onStopPropagation}