using System.Text.RegularExpressions; using Microsoft.AspNetCore.Components; using OneOf; namespace AntDesign { using StringNumber = OneOf; public class EmbeddedProperty { public StringNumber Span { get; set; } public StringNumber Pull { get; set; } public StringNumber Push { get; set; } public StringNumber Offset { get; set; } public StringNumber Order { get; set; } } public partial class Col : AntDomComponentBase { [Parameter] public RenderFragment ChildContent { get; set; } [Parameter] public StringNumber Flex { get; set; } [Parameter] public StringNumber Span { get; set; } [Parameter] public StringNumber Order { get; set; } [Parameter] public StringNumber Offset { get; set; } [Parameter] public StringNumber Push { get; set; } [Parameter] public StringNumber Pull { get; set; } [Parameter] public OneOf Xs { get; set; } [Parameter] public OneOf Sm { get; set; } [Parameter] public OneOf Md { get; set; } [Parameter] public OneOf Lg { get; set; } [Parameter] public OneOf Xl { get; set; } [Parameter] public OneOf Xxl { get; set; } [CascadingParameter] public Row Row { get; set; } private string _hostFlexStyle; private string GutterStyle { get; set; } internal void RowGutterChanged((int horizontalGutter, int verticalGutter) gutter) { GutterStyle = ""; if (gutter.horizontalGutter > 0) { GutterStyle = $"padding-left: {gutter.horizontalGutter / 2}px; padding-right: {gutter.horizontalGutter / 2}px;"; } } private void SetHostClassMap() { var prefixCls = "ant-col"; this.ClassMapper.Clear() .Add(prefixCls) .GetIf(() => $"{prefixCls}-{this.Span.Value}", () => this.Span.Value != null) .GetIf(() => $"{prefixCls}-order-{this.Order.Value}", () => this.Order.Value != null) .GetIf(() => $"{prefixCls}-offset-{this.Offset.Value}", () => this.Offset.Value != null) .GetIf(() => $"{prefixCls}-pull-{this.Pull.Value}", () => this.Pull.Value != null) .GetIf(() => $"{prefixCls}-push-{this.Push.Value}", () => this.Push.Value != null) .If($"{prefixCls}-rtl", () => RTL) ; SetSizeClassMapper(prefixCls, Xs, "xs"); SetSizeClassMapper(prefixCls, Sm, "sm"); SetSizeClassMapper(prefixCls, Md, "md"); SetSizeClassMapper(prefixCls, Lg, "lg"); SetSizeClassMapper(prefixCls, Xl, "xl"); SetSizeClassMapper(prefixCls, Xxl, "xxl"); } private void SetSizeClassMapper(string prefixCls, OneOf parameter, string sizeName) { parameter.Switch(strNum => { ClassMapper.If($"{prefixCls}-{sizeName}-{strNum}", () => strNum > 0); }, embedded => { ClassMapper .GetIf(() => $"{prefixCls}-{sizeName}-{embedded.Span.Value}", () => embedded.Span.Value != null) .GetIf(() => $"{prefixCls}-{sizeName}-order-{embedded.Order.Value}", () => embedded.Order.Value != null) .GetIf(() => $"{prefixCls}-{sizeName}-offset-{embedded.Offset.Value}", () => embedded.Offset.Value != null) .GetIf(() => $"{prefixCls}-{sizeName}-push-{embedded.Push.Value}", () => embedded.Push.Value != null) .GetIf(() => $"{prefixCls}-{sizeName}-pull-{embedded.Pull.Value}", () => embedded.Pull.Value != null); }); } private void SetHostFlexStyle() { if (this.Flex.Value == null) return; this._hostFlexStyle = this.Flex.Match(str => { if (Regex.Match(str, "^\\d+(\\.\\d+)?(px|em|rem|%)$").Success) { return $"flex: 0 0 {str}"; } return $"flex: {str}"; }, num => $"flex: {num} {num} auto"); } protected override void OnInitialized() { this.Row?.AddCol(this); this.SetHostClassMap(); this.SetHostFlexStyle(); base.OnInitialized(); } protected override void Dispose(bool disposing) { this.Row?.RemoveCol(this); base.Dispose(disposing); } } }