test/ant-design-blazor
1
0
Fork 0
mirror of https://gitee.com/ant-design-blazor/ant-design-blazor.git synced 2024-12-14 17:01:18 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
90e98e5487
ant-design-blazor/components/slider/Slider.razor

44 lines
2.0 KiB
C#
Raw Normal View History

refactor: change namespcae to AntDesign
2020-05-29 00:33:49 +08:00
@namespace AntDesign
feat(module: slider): implement two-way binding (#329) * feat(module: slider): implement two-way binding * feat(module: slider): remove mouseup handler * feat(module: slider): inherits from AntInputComponentBase * fix(module: slider): onclick will be fired with onmouseup * feat(module: slider): move convert method to public extensions * feat(module: slider): update to fit form component * fix(module: slider): two-way binding does not notify value change * feat(module: slider): update input demo with two-way binding * feat(module: slider): remove OnProertyChanged
2020-07-15 20:02:39 +08:00
@typeparam TValue
@inherits AntInputComponentBase<TValue>
feat: add component slider (#87)
2020-04-30 01:21:06 +08:00
fix(module: slider): drag, select, focus and rapid reposition fix (#903) * fix(module:slider): drag lag and reposition fix remove unnecessary check from OnMouseMove change position calculation - remove handle size * fix(module:slider): text select issue while slider drag fix * fix: remove the style * clean value * fix(module:slider): text select while slider drag fix Co-authored-by: ElderJames <shunjiey@hotmail.com>
2020-12-21 17:31:59 +08:00
<div class="@ClassMapper.Class" style="user-select:none;@Style" id="@Id" @ref="_slider"
feat(module: slider): implement two-way binding (#329) * feat(module: slider): implement two-way binding * feat(module: slider): remove mouseup handler * feat(module: slider): inherits from AntInputComponentBase * fix(module: slider): onclick will be fired with onmouseup * feat(module: slider): move convert method to public extensions * feat(module: slider): update to fit form component * fix(module: slider): two-way binding does not notify value change * feat(module: slider): update input demo with two-way binding * feat(module: slider): remove OnProertyChanged
2020-07-15 20:02:39 +08:00
@onmousedown="(e)=>OnMouseDown(e)">
feat: add component slider (#87)
2020-04-30 01:21:06 +08:00
<div class="ant-slider-rail">
</div>
@if (Included)
{
<div class="ant-slider-track @(Range?"ant-slider-track-1":string.Empty)" style="@_trackStyle">
</div>
}
<div class="ant-slider-step">
@if (Marks != null)
{
feat: new demo for switch, radio, slider and inputnumber (#155) * feat: new demo for switch, radio, slider and inputnumber * fix: remove some blank in demo doc api section * fix: format the code in demo * fix: checkbox and switch Co-authored-by: ElderJames <shunjiey@hotmail.com>
2020-05-28 16:56:52 +08:00
@foreach (SliderMark mark in Marks)
feat: add component slider (#87)
2020-04-30 01:21:06 +08:00
{
<span class="ant-slider-dot @IsActiveMark(mark.Key)" style=@($"{(Vertical?"bottom":"left")}: {SetMarkPosition(mark.Key)};")></span>
}
}
</div>
@if (Range)
{
fix(module: slider): edge lock, range initial values, both range value change (#866) * fix:(module: slider): changed to lock to clicked edge add new OnMouseDownEdge event handler to razor and base class to detect which edge was clicked add new helper method IsMoveInEdgeBoundary and helper variables add IsMoveInEdgeBoundary evaluation to OnMouseMove and OnMouseUp event handlers to detec if value update needs to run feature: added click-able edges to support forcing of left/right scenarios * fix:(module:slider): Range property replaced with nullable backing field. Evaluation of Range is happening in getter (only first time). Removed evaluation of Range from OnInitialized(). * fix:(module:slider): Reset _leftValue & _rightValue when both change. Fixes the prolem when both lef&right values are changing significantly compared to original values. * fix:(module:slider): single edge slider was broken after previous commits changed IsMoveInEdgeBoundary method to handle null event arguments added OnMouseDownEdge event to single edged slider * fix(module:slider): change Value evaluation to handle reversed order value property is overridden to ensure the delivered tuple is in ascending order fixes #867 * fix(module:slider): change evaluation of left and right values fixes #865 * fix(module:slider) reverse parameter is refreshing styles on change fixes #
2020-12-10 22:30:31 +08:00
<div tabindex="0" class="ant-slider-handle ant-slider-handle-1" role="slider" aria-disabled="@Disabled.ToString()" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="@_leftHandleStyle" @ref="_leftHandle" @onmousedown="(e)=>OnMouseDownEdge(e, false)">
feat: add component slider (#87)
2020-04-30 01:21:06 +08:00
</div>
fix(module: slider): edge lock, range initial values, both range value change (#866) * fix:(module: slider): changed to lock to clicked edge add new OnMouseDownEdge event handler to razor and base class to detect which edge was clicked add new helper method IsMoveInEdgeBoundary and helper variables add IsMoveInEdgeBoundary evaluation to OnMouseMove and OnMouseUp event handlers to detec if value update needs to run feature: added click-able edges to support forcing of left/right scenarios * fix:(module:slider): Range property replaced with nullable backing field. Evaluation of Range is happening in getter (only first time). Removed evaluation of Range from OnInitialized(). * fix:(module:slider): Reset _leftValue & _rightValue when both change. Fixes the prolem when both lef&right values are changing significantly compared to original values. * fix:(module:slider): single edge slider was broken after previous commits changed IsMoveInEdgeBoundary method to handle null event arguments added OnMouseDownEdge event to single edged slider * fix(module:slider): change Value evaluation to handle reversed order value property is overridden to ensure the delivered tuple is in ascending order fixes #867 * fix(module:slider): change evaluation of left and right values fixes #865 * fix(module:slider) reverse parameter is refreshing styles on change fixes #
2020-12-10 22:30:31 +08:00
<div tabindex="0" class="ant-slider-handle ant-slider-handle-2" role="slider" aria-disabled="@Disabled.ToString()" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="@_rightHandleStyle" @ref="_rightHandle" @onmousedown="(e)=>OnMouseDownEdge(e, true)">
feat: add component slider (#87)
2020-04-30 01:21:06 +08:00
</div>
}
else
{
fix(module: slider): edge lock, range initial values, both range value change (#866) * fix:(module: slider): changed to lock to clicked edge add new OnMouseDownEdge event handler to razor and base class to detect which edge was clicked add new helper method IsMoveInEdgeBoundary and helper variables add IsMoveInEdgeBoundary evaluation to OnMouseMove and OnMouseUp event handlers to detec if value update needs to run feature: added click-able edges to support forcing of left/right scenarios * fix:(module:slider): Range property replaced with nullable backing field. Evaluation of Range is happening in getter (only first time). Removed evaluation of Range from OnInitialized(). * fix:(module:slider): Reset _leftValue & _rightValue when both change. Fixes the prolem when both lef&right values are changing significantly compared to original values. * fix:(module:slider): single edge slider was broken after previous commits changed IsMoveInEdgeBoundary method to handle null event arguments added OnMouseDownEdge event to single edged slider * fix(module:slider): change Value evaluation to handle reversed order value property is overridden to ensure the delivered tuple is in ascending order fixes #867 * fix(module:slider): change evaluation of left and right values fixes #865 * fix(module:slider) reverse parameter is refreshing styles on change fixes #
2020-12-10 22:30:31 +08:00
<div tabindex="0" class="ant-slider-handle" role="slider" aria-disabled="false" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="@_rightHandleStyle" @ref="_rightHandle" @onmousedown="(e)=>OnMouseDownEdge(e, true)">
feat: add component slider (#87)
2020-04-30 01:21:06 +08:00
</div>
}
<div class="ant-slider-mark">
@if (Marks != null)
{
feat: new demo for switch, radio, slider and inputnumber (#155) * feat: new demo for switch, radio, slider and inputnumber * fix: remove some blank in demo doc api section * fix: format the code in demo * fix: checkbox and switch Co-authored-by: ElderJames <shunjiey@hotmail.com>
2020-05-28 16:56:52 +08:00
@foreach (SliderMark mark in Marks)
feat: add component slider (#87)
2020-04-30 01:21:06 +08:00
{
<span class="ant-slider-mark-text ant-slider-mark-text-active" style=@($"{(Vertical?"bottom":"left")}: {SetMarkPosition(mark.Key)}; {(Vertical?"margin-bottom: -50%;":"transform: translateX(-50%);")}" + mark.Style)>@mark.Value</span>
}
}
</div>
</div>
Reference in New Issue Copy Permalink