ant-design-blazor/components/table/ColumnBase.cs
LeaFrock 0de1573011
perf: Optimize CssSizeLength & CssStyleBuilder (#2803)
* Optimize `CssStyleBuilder`

* Optimize `CssSizeLength`

* Fix unit error

* Add a test case

* Improve the test cover

* Improve a test
2022-10-18 13:30:37 +08:00

214 lines
6.2 KiB
C#

using System;
using System.ComponentModel;
using System.Linq;
using AntDesign.TableModels;
using Microsoft.AspNetCore.Components;
namespace AntDesign
{
public class ColumnBase : AntDomComponentBase, IColumn
{
[CascadingParameter]
public ITable Table { get; set; }
[CascadingParameter(Name = "IsInitialize")]
public bool IsInitialize { get; set; }
[CascadingParameter(Name = "IsHeader")]
public bool IsHeader { get; set; }
[CascadingParameter(Name = "IsColGroup")]
public bool IsColGroup { get; set; }
[CascadingParameter(Name = "IsPlaceholder")]
public bool IsPlaceholder { get; set; }
[CascadingParameter(Name = "IsBody")]
public bool IsBody { get; set; }
[CascadingParameter]
public ColumnContext Context { get; set; }
[CascadingParameter(Name = "RowData")]
public RowData RowData { get; set; }
[CascadingParameter(Name = "IsMeasure")]
public bool IsMeasure { get; set; }
[CascadingParameter(Name = "IsSummary")]
public bool IsSummary { get; set; }
[Parameter]
public virtual string Title { get; set; }
[Parameter]
public RenderFragment TitleTemplate { get; set; }
[Parameter]
public string Width { get; set; }
[Parameter]
public string HeaderStyle { get; set; }
[Parameter]
public int RowSpan { get; set; } = 1;
[Parameter]
public int ColSpan { get; set; } = 1;
[Parameter]
public int HeaderColSpan { get; set; } = 1;
[Parameter]
public string Fixed { get; set; }
[Parameter]
public RenderFragment ChildContent { get; set; }
[Parameter]
public bool Ellipsis { get; set; }
[Parameter]
public bool Hidden { get; set; }
[Parameter]
public ColumnAlign Align
{
get => _align;
set
{
_align = value;
_fixedStyle = CalcFixedStyle();
}
}
public int ColIndex { get; set; }
protected bool AppendExpandColumn => Table.HasExpandTemplate && ColIndex == (Table.TreeMode ? Table.TreeExpandIconColumnIndex : Table.ExpandIconColumnIndex);
private string _fixedStyle;
private ColumnAlign _align = ColumnAlign.Left;
protected string FixedStyle => _fixedStyle;
private void SetClass()
{
ClassMapper
.Add("ant-table-cell")
.GetIf(() => $"ant-table-cell-fix-{Fixed}", () => Fixed.IsIn("right", "left"))
.If($"ant-table-cell-fix-right-first", () => Fixed == "right" && Context?.Columns.FirstOrDefault(x => x.Fixed == "right")?.ColIndex == this.ColIndex)
.If($"ant-table-cell-fix-left-last", () => Fixed == "left" && Context?.Columns.LastOrDefault(x => x.Fixed == "left")?.ColIndex == this.ColIndex)
.If($"ant-table-cell-with-append", () => ColIndex == Table.TreeExpandIconColumnIndex && Table.TreeMode)
.If($"ant-table-cell-ellipsis", () => Ellipsis)
;
}
protected override void OnInitialized()
{
base.OnInitialized();
// Render Pipeline: Initialize -> ColGroup -> Header ...
if (IsInitialize)
{
Context?.AddColumn(this);
if (Fixed == "left")
{
Table?.HasFixLeft();
}
else if (Fixed == "right")
{
Table?.HasFixRight();
}
if (Ellipsis)
{
Table?.TableLayoutIsFixed();
}
}
else if (IsColGroup && Width == null)
{
Context?.AddColGroup(this);
}
else if (IsHeader)
{
Context?.AddHeaderColumn(this);
}
else
{
Context?.AddRowColumn(this);
}
if (IsHeader || IsBody || IsSummary)
{
_fixedStyle = CalcFixedStyle();
}
SetClass();
}
protected override void Dispose(bool disposing)
{
Context?.Columns.Remove(this);
base.Dispose(disposing);
}
private string CalcFixedStyle()
{
CssStyleBuilder cssStyleBuilder = new CssStyleBuilder();
if (Align != ColumnAlign.Left)
{
string alignment = Align switch
{
ColumnAlign.Center => "center",
ColumnAlign.Right => "right",
_ => ""
};
if (!string.IsNullOrEmpty(alignment))
cssStyleBuilder.AddStyle("text-align", alignment);
}
if (Fixed == null || Context == null)
{
return cssStyleBuilder.Build();
}
var fixedWidths = Array.Empty<string>();
if (Fixed == "left" && Context?.Columns.Count >= ColIndex)
{
for (int i = 0; i < ColIndex; i++)
{
fixedWidths = fixedWidths.Append($"{(CssSizeLength)Context?.Columns[i].Width}");
}
}
else if (Fixed == "right")
{
for (int i = (Context?.Columns.Count ?? 1) - 1; i > ColIndex; i--)
{
fixedWidths = fixedWidths.Append($"{(CssSizeLength)Context?.Columns[i].Width}");
}
}
if (IsHeader && Table.ScrollY != null && Table.ScrollX != null && Fixed == "right")
{
fixedWidths = fixedWidths.Append($"{(CssSizeLength)Table.ScrollBarWidth}");
}
cssStyleBuilder
.AddStyle("position", "sticky")
.AddStyle(Fixed, $"{(fixedWidths.Any() ? $"calc({string.Join(" + ", fixedWidths)})" : "0px")}");
return cssStyleBuilder.Build();
}
protected void ToggleTreeNode()
{
RowData.Expanded = !RowData.Expanded;
Table?.OnExpandChange(RowData);
}
}
}