mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-13 16:35:55 +08:00
73c405d70d
* refactor: carousel demo * fix: remove the ItemGroup from doc projects * refactor: grid deom * fix: remove itemgroup from project file antdesign.docs.csproject * refactor: remove ant prefix Co-authored-by: ElderJames <shunjiey@hotmail.com>
88 lines
2.1 KiB
C#
88 lines
2.1 KiB
C#
using System;
|
|
using System.Collections.Generic;
|
|
using System.Linq;
|
|
using System.Runtime.CompilerServices;
|
|
using System.Text;
|
|
using System.Threading.Tasks;
|
|
using Microsoft.AspNetCore.Components;
|
|
|
|
namespace AntDesign
|
|
{
|
|
public class CarouselSlick : AntDomComponentBase
|
|
{
|
|
private const string PreFixCls = "slick";
|
|
private Carousel _parent;
|
|
internal bool Active { get; private set; }
|
|
internal new string Class => ClassMapper.Class;
|
|
|
|
#region Parameters
|
|
|
|
[CascadingParameter]
|
|
internal Carousel Parent
|
|
{
|
|
get => _parent;
|
|
set
|
|
{
|
|
if (_parent == null)
|
|
{
|
|
_parent = value;
|
|
OnParentSet();
|
|
}
|
|
}
|
|
}
|
|
|
|
private RenderFragment _childContent;
|
|
|
|
[Parameter]
|
|
public RenderFragment ChildContent
|
|
{
|
|
get => _childContent;
|
|
set
|
|
{
|
|
_childContent = value;
|
|
}
|
|
}
|
|
|
|
#endregion Parameters
|
|
|
|
private void OnParentSet()
|
|
{
|
|
Parent.AddSlick(this);
|
|
}
|
|
|
|
protected override void OnParametersSet()
|
|
{
|
|
base.OnParametersSet();
|
|
|
|
ClassMapper.Clear()
|
|
.Add($"{PreFixCls}-slide")
|
|
.If($"{PreFixCls}-active", () => Active)
|
|
.If($"{PreFixCls}-current", () => Active);
|
|
}
|
|
|
|
internal void Activate()
|
|
{
|
|
Active = true;
|
|
//StateHasChanged();
|
|
}
|
|
|
|
internal void Deactivate()
|
|
{
|
|
Active = false;
|
|
//StateHasChanged();
|
|
}
|
|
|
|
internal string GetStyle(int index, int width, string effect)
|
|
{
|
|
if (effect == CarouselEffect.Fade)
|
|
{
|
|
return $"outline: none; width: {width}px; position: relative; left: {-width * index}px; opacity: {(Active ? 1 : 0)}; transition: opacity 500ms ease 0s, visibility 500ms ease 0s;";
|
|
}
|
|
else
|
|
{
|
|
return $"outline: none; width: {width}px;";
|
|
}
|
|
}
|
|
}
|
|
}
|