Exemple #1
0
        protected override void StyleBuild(CssBuild cssBuilder)
        {
            var key = "btn-group";

            cssBuilder.Add(key, !Vertical)
            .Add("-".Join(key, VerticalType.vertical.ToString()), Vertical)
            .Add("-".Join(key, Size.ToDescriptionString()), !string.IsNullOrWhiteSpace(Size.ToDescriptionString()));
        }
Exemple #2
0
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     cssBuilder.Add("nav")
     .Add("-".Join("justify", "content", Alignment.ToDescriptionString()))
     .Add("flex-column", IsVertical)
     .Add("nav-tabs", IsTab)
     .Add("nav-pills", IsPill)
     .Add("nav-fill", IsFill);
     base.StyleBuild(cssBuilder);
 }
        protected override void StyleBuild(CssBuild cssBuilder)
        {
            var key = "pagination";

            cssBuilder.Add(key)
            .Add("-".Join(key, Size.ToDescriptionString()))
            .Add("-".Join("justify", "content", Alignment.ToDescriptionString()));

            base.StyleBuild(cssBuilder);
        }
        protected override void StyleBuild(CssBuild cssBuilder)
        {
            if (!DisableButtonStyle)
            {
                var btn = ComponentType.button;
                cssBuilder.Add(btn)
                .Add(btn.CssJoin(Style), !Outline)
                .Add(btn.CssJoin(OutlineType.outline, Style), Outline)
                .Add(btn.CssJoin(Size), !string.IsNullOrWhiteSpace(Size.ToDescriptionString()));
            }

            base.StyleBuild(cssBuilder);
        }
        /// <summary>
        /// 设置Dom元素的CSS样式
        /// </summary>
        /// <param name="id"></param>
        /// <returns></returns>
        public async Task Update(string id, CssBuild css)
        {
            // 加载 DOMTokenList
            var src = await JsRuntime.InvokeAsync <CssData>("ThunderBlazor.CssBuilder.ClassList", id);

            css.Build();
            // 处理移除项目
            var remove = css.CssRemove.Intersect(src.list).ToList();
            await JsRuntime.InvokeAsync <object>("ThunderBlazor.CssBuilder.Remove", new CssData { id = id, list = remove });

            // 处理添加项目
            await JsRuntime.InvokeAsync <object>("ThunderBlazor.CssBuilder.Add", new CssData { id = id, list = css.CssList });
        }
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     cssBuilder.Add("progress");
 }
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     cssBuilder.Add("active", IsActived)
     .Add("disabled", ActionItemTag == ActionItemTag.a && !IsEnabled);
 }
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     cssBuilder.Add(ComponentType.alert)
     .Add("-".Join(ComponentType.alert.ToDescriptionString(), (DataContext?.Style ?? StyleType.danger).ToDescriptionString()));
 }
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     cssBuilder.Add(ComponentType.badge)
     .Add(ComponentType.badge.CssJoin(Style))
     .Add("badge-pill", Rounded);
 }
Exemple #10
0
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     base.StyleBuild(cssBuilder);
     cssBuilder.Add("modal");
 }
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     //cssBuilder.Add("dropdown");
 }
 public static CssBuild Add(this CssBuild css, Enum val, bool condition = true)
 {
     css.NullCheck();
     return(css.Add(val.ToDescriptionString(), condition));
 }
Exemple #13
0
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     cssBuilder.Add("dropdown-item");
     base.StyleBuild(cssBuilder);
 }
 protected override void StyleBuild(CssBuild cssBuilder)
 {
     cssBuilder.Add("nav-link");
     base.StyleBuild(cssBuilder);
 }