2020-06-01 14:09:28 +08:00
|
|
|
|
using System;
|
|
|
|
|
using System.Collections.Generic;
|
2020-07-05 00:06:34 +08:00
|
|
|
|
using System.Threading.Tasks;
|
2020-06-01 14:09:28 +08:00
|
|
|
|
using Microsoft.AspNetCore.Components;
|
|
|
|
|
|
|
|
|
|
namespace AntDesign
|
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
public partial class RangePicker<TValue> : DatePickerBase<TValue>
|
2020-06-01 14:09:28 +08:00
|
|
|
|
{
|
2021-01-10 13:19:07 +08:00
|
|
|
|
private TValue _value;
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// Gets or sets the value of the input. This should be used with two-way binding.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <example>
|
|
|
|
|
/// @bind-Value="model.PropertyName"
|
|
|
|
|
/// </example>
|
2020-10-29 01:20:11 +08:00
|
|
|
|
[Parameter]
|
2021-01-10 13:19:07 +08:00
|
|
|
|
public sealed override TValue Value
|
|
|
|
|
{
|
|
|
|
|
get { return _value; }
|
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
TValue orderedValue = SortValue(value);
|
|
|
|
|
var hasChanged = !EqualityComparer<TValue>.Default.Equals(orderedValue, Value);
|
|
|
|
|
if (hasChanged)
|
|
|
|
|
{
|
|
|
|
|
_value = orderedValue;
|
|
|
|
|
OnValueChange(orderedValue);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-10-29 01:20:11 +08:00
|
|
|
|
|
2021-01-10 13:19:07 +08:00
|
|
|
|
private DateTime[] _pickerValuesAfterInit = new DateTime[2];
|
|
|
|
|
|
|
|
|
|
[Parameter]
|
|
|
|
|
public EventCallback<DateRangeChangedEventArgs> OnChange { get; set; }
|
2021-01-12 12:48:45 +08:00
|
|
|
|
|
2020-06-01 14:09:28 +08:00
|
|
|
|
public RangePicker()
|
|
|
|
|
{
|
|
|
|
|
IsRange = true;
|
|
|
|
|
|
|
|
|
|
DisabledDate = (date) =>
|
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
var array = Value as Array;
|
|
|
|
|
|
2020-06-01 14:09:28 +08:00
|
|
|
|
if (_pickerStatus[0]._hadSelectValue && _inputEnd.IsOnFocused)
|
|
|
|
|
{
|
2020-07-11 23:03:13 +08:00
|
|
|
|
DateTime? value = null;
|
2020-08-14 12:43:48 +08:00
|
|
|
|
GetIfNotNull(Value, 0, notNullValue =>
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
|
|
|
|
value = notNullValue;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if (value != null)
|
|
|
|
|
{
|
|
|
|
|
return DateHelper.FormatDateByPicker(date.Date, Picker) < DateHelper.FormatDateByPicker(((DateTime)value).Date, Picker);
|
|
|
|
|
}
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
|
|
|
|
if (_pickerStatus[1]._hadSelectValue && _inputStart.IsOnFocused)
|
|
|
|
|
{
|
2020-07-11 23:03:13 +08:00
|
|
|
|
DateTime? value = null;
|
2020-08-14 12:43:48 +08:00
|
|
|
|
GetIfNotNull(Value, 1, notNullValue =>
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
|
|
|
|
value = notNullValue;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if (value != null)
|
|
|
|
|
{
|
2020-08-05 07:47:32 +08:00
|
|
|
|
return DateHelper.FormatDateByPicker(date.Date, Picker) > DateHelper.FormatDateByPicker(((DateTime)value).Date, Picker);
|
2020-07-11 23:03:13 +08:00
|
|
|
|
}
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
protected void OnInput(ChangeEventArgs args, int index = 0)
|
|
|
|
|
{
|
|
|
|
|
if (args == null)
|
|
|
|
|
{
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
var array = Value as Array;
|
2020-07-11 23:03:13 +08:00
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
if (BindConverter.TryConvertTo(args.Value.ToString(), CultureInfo, out DateTime changeValue))
|
|
|
|
|
{
|
|
|
|
|
array.SetValue(changeValue, index);
|
2020-09-09 00:52:14 +08:00
|
|
|
|
PickerValues[index] = changeValue;
|
2020-06-01 14:09:28 +08:00
|
|
|
|
|
|
|
|
|
StateHasChanged();
|
|
|
|
|
}
|
|
|
|
|
|
2020-07-11 23:03:13 +08:00
|
|
|
|
UpdateCurrentValueAsString();
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
protected override void OnInitialized()
|
|
|
|
|
{
|
|
|
|
|
base.OnInitialized();
|
2021-01-10 13:19:07 +08:00
|
|
|
|
RangePickerDefaults.ProcessDefaults(Value, DefaultValue, DefaultPickerValue, PickerValues, UseDefaultPickerValue);
|
|
|
|
|
_pickerValuesAfterInit[0] = PickerValues[0];
|
|
|
|
|
_pickerValuesAfterInit[1] = PickerValues[1];
|
2021-02-05 10:27:32 +08:00
|
|
|
|
if (_value == null)
|
|
|
|
|
{
|
|
|
|
|
_value = CreateInstance();
|
|
|
|
|
ValueChanged.InvokeAsync(_value);
|
|
|
|
|
}
|
2021-01-10 13:19:07 +08:00
|
|
|
|
}
|
2020-08-14 12:43:48 +08:00
|
|
|
|
|
2021-01-10 13:19:07 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// Handle change of values.
|
2021-01-12 12:48:45 +08:00
|
|
|
|
/// When values are changed, PickerValues should point to those new values
|
2021-01-10 13:19:07 +08:00
|
|
|
|
/// or current date if no values were passed.
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="value"></param>
|
|
|
|
|
protected override void OnValueChange(TValue value)
|
|
|
|
|
{
|
|
|
|
|
base.OnValueChange(value);
|
|
|
|
|
//reset all only if not changed using picker
|
2021-01-12 12:48:45 +08:00
|
|
|
|
if (_inputStart?.IsOnFocused != true && _inputEnd?.IsOnFocused != true) // is null or false
|
2020-08-14 12:43:48 +08:00
|
|
|
|
{
|
2021-01-10 13:19:07 +08:00
|
|
|
|
UseDefaultPickerValue[0] = false;
|
|
|
|
|
UseDefaultPickerValue[1] = false;
|
|
|
|
|
_pickerStatus[0]._hadSelectValue = true;
|
|
|
|
|
_pickerStatus[1]._hadSelectValue = true;
|
2020-08-14 12:43:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-01 14:09:28 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// Get value by picker index
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="index"></param>
|
|
|
|
|
/// <returns></returns>
|
|
|
|
|
public override DateTime? GetIndexValue(int index)
|
|
|
|
|
{
|
2021-01-10 13:19:07 +08:00
|
|
|
|
if (Value != null)
|
2020-06-01 14:09:28 +08:00
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
var array = Value as Array;
|
|
|
|
|
var indexValue = array.GetValue(index);
|
|
|
|
|
|
|
|
|
|
if (indexValue == null)
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-25 11:08:12 +08:00
|
|
|
|
return Convert.ToDateTime(indexValue, CultureInfo);
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
2021-01-10 13:19:07 +08:00
|
|
|
|
else if (!IsTypedValueNull(DefaultValue, index, out var defaultValue))
|
2020-06-01 14:09:28 +08:00
|
|
|
|
{
|
2021-01-10 13:19:07 +08:00
|
|
|
|
return defaultValue;
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
2020-07-11 23:03:13 +08:00
|
|
|
|
return null;
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
|
|
|
|
|
2021-01-10 13:19:07 +08:00
|
|
|
|
private static bool IsTypedValueNull(TValue value, int index, out DateTime? outValue)
|
|
|
|
|
{
|
|
|
|
|
outValue = (DateTime?)(value as Array)?.GetValue(index);
|
|
|
|
|
return outValue == null;
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-01 14:09:28 +08:00
|
|
|
|
public override void ChangeValue(DateTime value, int index = 0)
|
|
|
|
|
{
|
2021-01-10 13:19:07 +08:00
|
|
|
|
bool isValueInstantiated = Value == null;
|
|
|
|
|
if (isValueInstantiated)
|
|
|
|
|
{
|
|
|
|
|
Value = CreateInstance();
|
|
|
|
|
}
|
|
|
|
|
UseDefaultPickerValue[index] = false;
|
2020-08-14 12:43:48 +08:00
|
|
|
|
var array = Value as Array;
|
2020-07-11 23:03:13 +08:00
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
array.SetValue(value, index);
|
2020-06-01 14:09:28 +08:00
|
|
|
|
|
2021-01-10 13:19:07 +08:00
|
|
|
|
//if Value was just now instantiated then set the other index to existing DefaultValue
|
|
|
|
|
if (isValueInstantiated && IsRange && DefaultValue != null)
|
|
|
|
|
{
|
|
|
|
|
var arrayDefault = DefaultValue as Array;
|
|
|
|
|
int oppositeIndex = index == 1 ? 0 : 1;
|
|
|
|
|
array.SetValue(arrayDefault.GetValue(oppositeIndex), oppositeIndex);
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-01 14:09:28 +08:00
|
|
|
|
_pickerStatus[index]._hadSelectValue = true;
|
2020-08-14 12:43:48 +08:00
|
|
|
|
_pickerStatus[index]._currentShowHadSelectValue = true;
|
2020-06-01 14:09:28 +08:00
|
|
|
|
|
|
|
|
|
UpdateCurrentValueAsString(index);
|
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
if (!IsShowTime && Picker != DatePickerType.Time)
|
2020-06-01 14:09:28 +08:00
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
if (_pickerStatus[0]._currentShowHadSelectValue && _pickerStatus[1]._currentShowHadSelectValue)
|
2020-06-01 14:09:28 +08:00
|
|
|
|
{
|
|
|
|
|
Close();
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-10-29 01:20:11 +08:00
|
|
|
|
|
|
|
|
|
if (OnChange.HasDelegate)
|
|
|
|
|
{
|
|
|
|
|
OnChange.InvokeAsync(new DateRangeChangedEventArgs
|
|
|
|
|
{
|
|
|
|
|
Dates = new DateTime?[] { array.GetValue(0) as DateTime?, array.GetValue(1) as DateTime? },
|
|
|
|
|
DateStrings = new string[] { GetInputValue(0), GetInputValue(1) }
|
|
|
|
|
});
|
|
|
|
|
}
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
2020-07-05 00:06:34 +08:00
|
|
|
|
|
2020-07-11 23:03:13 +08:00
|
|
|
|
public override void ClearValue(int index = 0)
|
|
|
|
|
{
|
|
|
|
|
_isSetPicker = false;
|
2020-08-14 12:43:48 +08:00
|
|
|
|
|
|
|
|
|
var array = CurrentValue as Array;
|
|
|
|
|
array.SetValue(default, 0);
|
|
|
|
|
array.SetValue(default, 1);
|
|
|
|
|
|
2021-02-05 10:27:32 +08:00
|
|
|
|
(string first, string second) = DatePickerPlaceholder.GetRangePlaceHolderByType(_pickerStatus[0]._initPicker, Locale);
|
|
|
|
|
_placeholders[0] = first;
|
|
|
|
|
_placeholders[1] = second;
|
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
_pickerStatus[0]._hadSelectValue = false;
|
|
|
|
|
_pickerStatus[1]._hadSelectValue = false;
|
|
|
|
|
|
2020-07-11 23:03:13 +08:00
|
|
|
|
Close();
|
|
|
|
|
}
|
|
|
|
|
|
2020-07-05 00:06:34 +08:00
|
|
|
|
private async Task OnInputClick(int index)
|
|
|
|
|
{
|
2021-01-10 13:19:07 +08:00
|
|
|
|
//Reset Picker to default in case it the picker value was changed
|
2021-01-12 12:48:45 +08:00
|
|
|
|
//but no value was selected (for example when a user clicks next
|
2021-01-10 13:19:07 +08:00
|
|
|
|
//month but does not select any value)
|
|
|
|
|
if (UseDefaultPickerValue[index] && DefaultPickerValue != null)
|
|
|
|
|
{
|
|
|
|
|
PickerValues[index] = _pickerValuesAfterInit[index];
|
|
|
|
|
}
|
2020-07-05 00:06:34 +08:00
|
|
|
|
await _dropDown.Show();
|
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
// clear status
|
|
|
|
|
_pickerStatus[0]._currentShowHadSelectValue = false;
|
|
|
|
|
_pickerStatus[1]._currentShowHadSelectValue = false;
|
|
|
|
|
|
2020-07-05 00:06:34 +08:00
|
|
|
|
if (index == 0)
|
|
|
|
|
{
|
|
|
|
|
// change start picker value
|
2021-01-10 13:19:07 +08:00
|
|
|
|
if (!_inputStart.IsOnFocused && _pickerStatus[index]._hadSelectValue && !UseDefaultPickerValue[index])
|
2020-07-05 00:06:34 +08:00
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
GetIfNotNull(Value, index, notNullValue =>
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
|
|
|
|
ChangePickerValue(notNullValue, index);
|
|
|
|
|
});
|
2020-07-05 00:06:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ChangeFocusTarget(true, false);
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
// change end picker value
|
2021-01-10 13:19:07 +08:00
|
|
|
|
if (!_inputEnd.IsOnFocused && _pickerStatus[index]._hadSelectValue && !UseDefaultPickerValue[index])
|
2020-07-05 00:06:34 +08:00
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
GetIfNotNull(Value, index, notNullValue =>
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
|
|
|
|
ChangePickerValue(notNullValue, index);
|
|
|
|
|
});
|
2020-07-05 00:06:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ChangeFocusTarget(false, true);
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-07-11 23:03:13 +08:00
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
private void GetIfNotNull(TValue value, int index, Action<DateTime> notNullAction)
|
2020-07-06 19:09:01 +08:00
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
var array = value as Array;
|
|
|
|
|
var indexValue = array.GetValue(index);
|
|
|
|
|
|
2021-01-10 13:19:07 +08:00
|
|
|
|
if (!IsNullable)
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
DateTime dateTime = Convert.ToDateTime(indexValue, CultureInfo);
|
2020-07-11 23:03:13 +08:00
|
|
|
|
if (dateTime != DateTime.MinValue)
|
|
|
|
|
{
|
|
|
|
|
notNullAction?.Invoke(dateTime);
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-01-10 13:19:07 +08:00
|
|
|
|
if (IsNullable && indexValue != null)
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
2020-08-14 12:43:48 +08:00
|
|
|
|
notNullAction?.Invoke(Convert.ToDateTime(indexValue, CultureInfo));
|
2020-07-11 23:03:13 +08:00
|
|
|
|
}
|
2020-07-06 19:09:01 +08:00
|
|
|
|
}
|
|
|
|
|
|
2020-08-14 12:43:48 +08:00
|
|
|
|
private TValue CreateInstance()
|
|
|
|
|
{
|
2021-01-10 13:19:07 +08:00
|
|
|
|
if (IsNullable)
|
2020-08-14 12:43:48 +08:00
|
|
|
|
{
|
|
|
|
|
return (TValue)Array.CreateInstance(typeof(DateTime?), 2).Clone();
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
return (TValue)Array.CreateInstance(typeof(DateTime), 2).Clone();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
protected override void UpdateCurrentValueAsString(int index = 0)
|
|
|
|
|
{
|
|
|
|
|
if (EditContext != null)
|
|
|
|
|
{
|
|
|
|
|
CurrentValueAsString = $"{GetInputValue(0)},{GetInputValue(1)}";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
protected override bool TryParseValueFromString(string value, out TValue result, out string validationErrorMessage)
|
|
|
|
|
{
|
|
|
|
|
result = default;
|
|
|
|
|
validationErrorMessage = $"{FieldIdentifier.FieldName} field isn't valid.";
|
|
|
|
|
|
|
|
|
|
if (string.IsNullOrEmpty(value))
|
|
|
|
|
{
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
string[] values = value.Split(",");
|
|
|
|
|
|
|
|
|
|
if (values.Length != 2)
|
|
|
|
|
{
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var success0 = BindConverter.TryConvertTo<DateTime>(values[0], CultureInfo, out var dateTime0);
|
|
|
|
|
var success1 = BindConverter.TryConvertTo<DateTime>(values[1], CultureInfo, out var dateTime1);
|
|
|
|
|
|
|
|
|
|
if (success0 && success1)
|
|
|
|
|
{
|
|
|
|
|
result = CreateInstance();
|
|
|
|
|
|
|
|
|
|
var array = result as Array;
|
|
|
|
|
|
|
|
|
|
array.SetValue(dateTime0, 0);
|
|
|
|
|
array.SetValue(dateTime1, 1);
|
|
|
|
|
|
|
|
|
|
validationErrorMessage = null;
|
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
}
|
2020-06-01 14:09:28 +08:00
|
|
|
|
}
|
|
|
|
|
}
|