提交 003fbcaf 编写于 作者: Cano1997's avatar Cano1997

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

上级 10b7381d
...@@ -75,10 +75,19 @@ export const GridFieldColumn = defineComponent({ ...@@ -75,10 +75,19 @@ export const GridFieldColumn = defineComponent({
return cellSysCss?.cssName; return cellSysCss?.cssName;
}); });
const dynamicClass = computed(() => {
const state = props.row.columnState[c.model.codeName];
if (state) {
return state.dynamicClass;
}
return [];
});
return { return {
ns, ns,
alignStyle, alignStyle,
cellCssName, cellCssName,
dynamicClass,
codeList, codeList,
onCellClick, onCellClick,
enableGridRowBreak, enableGridRowBreak,
...@@ -93,6 +102,7 @@ export const GridFieldColumn = defineComponent({ ...@@ -93,6 +102,7 @@ export const GridFieldColumn = defineComponent({
this.ns.b(), this.ns.b(),
c.clickable && this.ns.m('clickable'), c.clickable && this.ns.m('clickable'),
this.cellCssName, this.cellCssName,
...this.dynamicClass,
]} ]}
style={this.alignStyle} style={this.alignStyle}
onClick={this.onCellClick} onClick={this.onCellClick}
......
...@@ -58,11 +58,20 @@ export const GridFieldEditColumn = defineComponent({ ...@@ -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 { return {
ns, ns,
alignStyle, alignStyle,
editItemC, editItemC,
isReadonly, isReadonly,
dynamicClass,
rowDataChange, rowDataChange,
rowSave, rowSave,
onStopPropagation, onStopPropagation,
...@@ -77,6 +86,7 @@ export const GridFieldEditColumn = defineComponent({ ...@@ -77,6 +86,7 @@ export const GridFieldEditColumn = defineComponent({
nativeondblclick={this.onStopPropagation} nativeondblclick={this.onStopPropagation}
nativeonClick={this.onStopPropagation} nativeonClick={this.onStopPropagation}
style={this.alignStyle} style={this.alignStyle}
class={[...this.dynamicClass, this.ns.e('item')]}
> >
{this.editItemC.editorProvider && {this.editItemC.editorProvider &&
h(this.editItemC.editorProvider.gridEditor, { h(this.editItemC.editorProvider.gridEditor, {
......
...@@ -56,12 +56,20 @@ export const GridUAColumn = defineComponent({ ...@@ -56,12 +56,20 @@ export const GridUAColumn = defineComponent({
return ns.cssVarBlock({ 'justify-content': justContent }); 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() { render() {
return ( return (
<div <div
class={this.ns.b()} class={[this.ns.b(), ...this.dynamicClass]}
style={this.alignStyle} style={this.alignStyle}
on-dblclick={this.onStopPropagation} on-dblclick={this.onStopPropagation}
onClick={this.onStopPropagation} onClick={this.onStopPropagation}
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册