first commit
This commit is contained in:
rayd1o
636
frontend/node_modules/rc-picker/lib/PickerInput/RangePicker.js
generated
vendored
Normal file
636
frontend/node_modules/rc-picker/lib/PickerInput/RangePicker.js
generated
vendored
Normal file
@@ -0,0 +1,636 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
||||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
||||
var _rcUtil = require("rc-util");
|
||||
var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
|
||||
var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
|
||||
var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
|
||||
var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _PickerTrigger = _interopRequireDefault(require("../PickerTrigger"));
|
||||
var _util = require("../PickerTrigger/util");
|
||||
var _miscUtil = require("../utils/miscUtil");
|
||||
var _context = _interopRequireDefault(require("./context"));
|
||||
var _useCellRender = _interopRequireDefault(require("./hooks/useCellRender"));
|
||||
var _useFieldsInvalidate3 = _interopRequireDefault(require("./hooks/useFieldsInvalidate"));
|
||||
var _useFilledProps3 = _interopRequireDefault(require("./hooks/useFilledProps"));
|
||||
var _useOpen3 = _interopRequireDefault(require("./hooks/useOpen"));
|
||||
var _usePickerRef = _interopRequireDefault(require("./hooks/usePickerRef"));
|
||||
var _usePresets = _interopRequireDefault(require("./hooks/usePresets"));
|
||||
var _useRangeActive3 = _interopRequireDefault(require("./hooks/useRangeActive"));
|
||||
var _useRangeDisabledDate = _interopRequireDefault(require("./hooks/useRangeDisabledDate"));
|
||||
var _useRangePickerValue3 = _interopRequireDefault(require("./hooks/useRangePickerValue"));
|
||||
var _useRangeValue3 = _interopRequireWildcard(require("./hooks/useRangeValue"));
|
||||
var _useShowNow = _interopRequireDefault(require("./hooks/useShowNow"));
|
||||
var _Popup = _interopRequireDefault(require("./Popup"));
|
||||
var _RangeSelector = _interopRequireDefault(require("./Selector/RangeSelector"));
|
||||
function separateConfig(config, defaultConfig) {
|
||||
var singleConfig = config !== null && config !== void 0 ? config : defaultConfig;
|
||||
if (Array.isArray(singleConfig)) {
|
||||
return singleConfig;
|
||||
}
|
||||
return [singleConfig, singleConfig];
|
||||
}
|
||||
|
||||
/** Used for change event, it should always be not undefined */
|
||||
|
||||
function getActiveRange(activeIndex) {
|
||||
return activeIndex === 1 ? 'end' : 'start';
|
||||
}
|
||||
function RangePicker(props, ref) {
|
||||
// ========================= Prop =========================
|
||||
var _useFilledProps = (0, _useFilledProps3.default)(props, function () {
|
||||
var disabled = props.disabled,
|
||||
allowEmpty = props.allowEmpty;
|
||||
var mergedDisabled = separateConfig(disabled, false);
|
||||
var mergedAllowEmpty = separateConfig(allowEmpty, false);
|
||||
return {
|
||||
disabled: mergedDisabled,
|
||||
allowEmpty: mergedAllowEmpty
|
||||
};
|
||||
}),
|
||||
_useFilledProps2 = (0, _slicedToArray2.default)(_useFilledProps, 6),
|
||||
filledProps = _useFilledProps2[0],
|
||||
internalPicker = _useFilledProps2[1],
|
||||
complexPicker = _useFilledProps2[2],
|
||||
formatList = _useFilledProps2[3],
|
||||
maskFormat = _useFilledProps2[4],
|
||||
isInvalidateDate = _useFilledProps2[5];
|
||||
var prefixCls = filledProps.prefixCls,
|
||||
styles = filledProps.styles,
|
||||
classNames = filledProps.classNames,
|
||||
defaultValue = filledProps.defaultValue,
|
||||
value = filledProps.value,
|
||||
needConfirm = filledProps.needConfirm,
|
||||
onKeyDown = filledProps.onKeyDown,
|
||||
disabled = filledProps.disabled,
|
||||
allowEmpty = filledProps.allowEmpty,
|
||||
disabledDate = filledProps.disabledDate,
|
||||
minDate = filledProps.minDate,
|
||||
maxDate = filledProps.maxDate,
|
||||
defaultOpen = filledProps.defaultOpen,
|
||||
open = filledProps.open,
|
||||
onOpenChange = filledProps.onOpenChange,
|
||||
locale = filledProps.locale,
|
||||
generateConfig = filledProps.generateConfig,
|
||||
picker = filledProps.picker,
|
||||
showNow = filledProps.showNow,
|
||||
showToday = filledProps.showToday,
|
||||
showTime = filledProps.showTime,
|
||||
mode = filledProps.mode,
|
||||
onPanelChange = filledProps.onPanelChange,
|
||||
onCalendarChange = filledProps.onCalendarChange,
|
||||
onOk = filledProps.onOk,
|
||||
defaultPickerValue = filledProps.defaultPickerValue,
|
||||
pickerValue = filledProps.pickerValue,
|
||||
onPickerValueChange = filledProps.onPickerValueChange,
|
||||
inputReadOnly = filledProps.inputReadOnly,
|
||||
suffixIcon = filledProps.suffixIcon,
|
||||
onFocus = filledProps.onFocus,
|
||||
onBlur = filledProps.onBlur,
|
||||
presets = filledProps.presets,
|
||||
ranges = filledProps.ranges,
|
||||
components = filledProps.components,
|
||||
cellRender = filledProps.cellRender,
|
||||
dateRender = filledProps.dateRender,
|
||||
monthCellRender = filledProps.monthCellRender,
|
||||
onClick = filledProps.onClick;
|
||||
|
||||
// ========================= Refs =========================
|
||||
var selectorRef = (0, _usePickerRef.default)(ref);
|
||||
|
||||
// ========================= Open =========================
|
||||
var _useOpen = (0, _useOpen3.default)(open, defaultOpen, disabled, onOpenChange),
|
||||
_useOpen2 = (0, _slicedToArray2.default)(_useOpen, 2),
|
||||
mergedOpen = _useOpen2[0],
|
||||
setMergeOpen = _useOpen2[1];
|
||||
var triggerOpen = function triggerOpen(nextOpen, config) {
|
||||
// No need to open if all disabled
|
||||
if (disabled.some(function (fieldDisabled) {
|
||||
return !fieldDisabled;
|
||||
}) || !nextOpen) {
|
||||
setMergeOpen(nextOpen, config);
|
||||
}
|
||||
};
|
||||
|
||||
// ======================== Values ========================
|
||||
var _useInnerValue = (0, _useRangeValue3.useInnerValue)(generateConfig, locale, formatList, true, false, defaultValue, value, onCalendarChange, onOk),
|
||||
_useInnerValue2 = (0, _slicedToArray2.default)(_useInnerValue, 5),
|
||||
mergedValue = _useInnerValue2[0],
|
||||
setInnerValue = _useInnerValue2[1],
|
||||
getCalendarValue = _useInnerValue2[2],
|
||||
triggerCalendarChange = _useInnerValue2[3],
|
||||
triggerOk = _useInnerValue2[4];
|
||||
var calendarValue = getCalendarValue();
|
||||
|
||||
// ======================== Active ========================
|
||||
var _useRangeActive = (0, _useRangeActive3.default)(disabled, allowEmpty, mergedOpen),
|
||||
_useRangeActive2 = (0, _slicedToArray2.default)(_useRangeActive, 9),
|
||||
focused = _useRangeActive2[0],
|
||||
triggerFocus = _useRangeActive2[1],
|
||||
lastOperation = _useRangeActive2[2],
|
||||
activeIndex = _useRangeActive2[3],
|
||||
setActiveIndex = _useRangeActive2[4],
|
||||
nextActiveIndex = _useRangeActive2[5],
|
||||
activeIndexList = _useRangeActive2[6],
|
||||
updateSubmitIndex = _useRangeActive2[7],
|
||||
hasActiveSubmitValue = _useRangeActive2[8];
|
||||
var onSharedFocus = function onSharedFocus(event, index) {
|
||||
triggerFocus(true);
|
||||
onFocus === null || onFocus === void 0 || onFocus(event, {
|
||||
range: getActiveRange(index !== null && index !== void 0 ? index : activeIndex)
|
||||
});
|
||||
};
|
||||
var onSharedBlur = function onSharedBlur(event, index) {
|
||||
triggerFocus(false);
|
||||
onBlur === null || onBlur === void 0 || onBlur(event, {
|
||||
range: getActiveRange(index !== null && index !== void 0 ? index : activeIndex)
|
||||
});
|
||||
};
|
||||
|
||||
// ======================= ShowTime =======================
|
||||
/** Used for Popup panel */
|
||||
var mergedShowTime = React.useMemo(function () {
|
||||
if (!showTime) {
|
||||
return null;
|
||||
}
|
||||
var disabledTime = showTime.disabledTime;
|
||||
var proxyDisabledTime = disabledTime ? function (date) {
|
||||
var range = getActiveRange(activeIndex);
|
||||
var fromDate = (0, _miscUtil.getFromDate)(calendarValue, activeIndexList, activeIndex);
|
||||
return disabledTime(date, range, {
|
||||
from: fromDate
|
||||
});
|
||||
} : undefined;
|
||||
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, showTime), {}, {
|
||||
disabledTime: proxyDisabledTime
|
||||
});
|
||||
}, [showTime, activeIndex, calendarValue, activeIndexList]);
|
||||
|
||||
// ========================= Mode =========================
|
||||
var _useMergedState = (0, _rcUtil.useMergedState)([picker, picker], {
|
||||
value: mode
|
||||
}),
|
||||
_useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
|
||||
modes = _useMergedState2[0],
|
||||
setModes = _useMergedState2[1];
|
||||
var mergedMode = modes[activeIndex] || picker;
|
||||
|
||||
/** Extends from `mergedMode` to patch `datetime` mode */
|
||||
var internalMode = mergedMode === 'date' && mergedShowTime ? 'datetime' : mergedMode;
|
||||
|
||||
// ====================== PanelCount ======================
|
||||
var multiplePanel = internalMode === picker && internalMode !== 'time';
|
||||
|
||||
// ======================= Show Now =======================
|
||||
var mergedShowNow = (0, _useShowNow.default)(picker, mergedMode, showNow, showToday, true);
|
||||
|
||||
// ======================== Value =========================
|
||||
var _useRangeValue = (0, _useRangeValue3.default)(filledProps, mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, disabled, formatList, focused, mergedOpen, isInvalidateDate),
|
||||
_useRangeValue2 = (0, _slicedToArray2.default)(_useRangeValue, 2),
|
||||
/** Trigger `onChange` by check `disabledDate` */
|
||||
flushSubmit = _useRangeValue2[0],
|
||||
/** Trigger `onChange` directly without check `disabledDate` */
|
||||
triggerSubmitChange = _useRangeValue2[1];
|
||||
|
||||
// ===================== DisabledDate =====================
|
||||
var mergedDisabledDate = (0, _useRangeDisabledDate.default)(calendarValue, disabled, activeIndexList, generateConfig, locale, disabledDate);
|
||||
|
||||
// ======================= Validate =======================
|
||||
var _useFieldsInvalidate = (0, _useFieldsInvalidate3.default)(calendarValue, isInvalidateDate, allowEmpty),
|
||||
_useFieldsInvalidate2 = (0, _slicedToArray2.default)(_useFieldsInvalidate, 2),
|
||||
submitInvalidates = _useFieldsInvalidate2[0],
|
||||
onSelectorInvalid = _useFieldsInvalidate2[1];
|
||||
|
||||
// ===================== Picker Value =====================
|
||||
var _useRangePickerValue = (0, _useRangePickerValue3.default)(generateConfig, locale, calendarValue, modes, mergedOpen, activeIndex, internalPicker, multiplePanel, defaultPickerValue, pickerValue, mergedShowTime === null || mergedShowTime === void 0 ? void 0 : mergedShowTime.defaultOpenValue, onPickerValueChange, minDate, maxDate),
|
||||
_useRangePickerValue2 = (0, _slicedToArray2.default)(_useRangePickerValue, 2),
|
||||
currentPickerValue = _useRangePickerValue2[0],
|
||||
setCurrentPickerValue = _useRangePickerValue2[1];
|
||||
|
||||
// >>> Mode need wait for `pickerValue`
|
||||
var triggerModeChange = (0, _rcUtil.useEvent)(function (nextPickerValue, nextMode, triggerEvent) {
|
||||
var clone = (0, _miscUtil.fillIndex)(modes, activeIndex, nextMode);
|
||||
if (clone[0] !== modes[0] || clone[1] !== modes[1]) {
|
||||
setModes(clone);
|
||||
}
|
||||
|
||||
// Compatible with `onPanelChange`
|
||||
if (onPanelChange && triggerEvent !== false) {
|
||||
var clonePickerValue = (0, _toConsumableArray2.default)(calendarValue);
|
||||
if (nextPickerValue) {
|
||||
clonePickerValue[activeIndex] = nextPickerValue;
|
||||
}
|
||||
onPanelChange(clonePickerValue, clone);
|
||||
}
|
||||
});
|
||||
|
||||
// ======================== Change ========================
|
||||
var fillCalendarValue = function fillCalendarValue(date, index) {
|
||||
return (
|
||||
// Trigger change only when date changed
|
||||
(0, _miscUtil.fillIndex)(calendarValue, index, date)
|
||||
);
|
||||
};
|
||||
|
||||
// ======================== Submit ========================
|
||||
/**
|
||||
* Trigger by confirm operation.
|
||||
* This function has already handle the `needConfirm` check logic.
|
||||
* - Selector: enter key
|
||||
* - Panel: OK button
|
||||
*/
|
||||
var triggerPartConfirm = function triggerPartConfirm(date, skipFocus) {
|
||||
var nextValue = calendarValue;
|
||||
if (date) {
|
||||
nextValue = fillCalendarValue(date, activeIndex);
|
||||
}
|
||||
updateSubmitIndex(activeIndex);
|
||||
// Get next focus index
|
||||
var nextIndex = nextActiveIndex(nextValue);
|
||||
|
||||
// Change calendar value and tell flush it
|
||||
triggerCalendarChange(nextValue);
|
||||
flushSubmit(activeIndex, nextIndex === null);
|
||||
if (nextIndex === null) {
|
||||
triggerOpen(false, {
|
||||
force: true
|
||||
});
|
||||
} else if (!skipFocus) {
|
||||
selectorRef.current.focus({
|
||||
index: nextIndex
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// ======================== Click =========================
|
||||
var onSelectorClick = function onSelectorClick(event) {
|
||||
var _activeElement;
|
||||
var rootNode = event.target.getRootNode();
|
||||
if (!selectorRef.current.nativeElement.contains((_activeElement = rootNode.activeElement) !== null && _activeElement !== void 0 ? _activeElement : document.activeElement)) {
|
||||
// Click to focus the enabled input
|
||||
var enabledIndex = disabled.findIndex(function (d) {
|
||||
return !d;
|
||||
});
|
||||
if (enabledIndex >= 0) {
|
||||
selectorRef.current.focus({
|
||||
index: enabledIndex
|
||||
});
|
||||
}
|
||||
}
|
||||
triggerOpen(true);
|
||||
onClick === null || onClick === void 0 || onClick(event);
|
||||
};
|
||||
var onSelectorClear = function onSelectorClear() {
|
||||
triggerSubmitChange(null);
|
||||
triggerOpen(false, {
|
||||
force: true
|
||||
});
|
||||
};
|
||||
|
||||
// ======================== Hover =========================
|
||||
var _React$useState = React.useState(null),
|
||||
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
||||
hoverSource = _React$useState2[0],
|
||||
setHoverSource = _React$useState2[1];
|
||||
var _React$useState3 = React.useState(null),
|
||||
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
||||
internalHoverValues = _React$useState4[0],
|
||||
setInternalHoverValues = _React$useState4[1];
|
||||
var hoverValues = React.useMemo(function () {
|
||||
return internalHoverValues || calendarValue;
|
||||
}, [calendarValue, internalHoverValues]);
|
||||
|
||||
// Clean up `internalHoverValues` when closed
|
||||
React.useEffect(function () {
|
||||
if (!mergedOpen) {
|
||||
setInternalHoverValues(null);
|
||||
}
|
||||
}, [mergedOpen]);
|
||||
|
||||
// ========================================================
|
||||
// == Panels ==
|
||||
// ========================================================
|
||||
// Save the offset with active bar position
|
||||
// const [activeOffset, setActiveOffset] = React.useState(0);
|
||||
var _React$useState5 = React.useState([0, 0, 0]),
|
||||
_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
|
||||
activeInfo = _React$useState6[0],
|
||||
setActiveInfo = _React$useState6[1];
|
||||
|
||||
// ======================= Presets ========================
|
||||
var presetList = (0, _usePresets.default)(presets, ranges);
|
||||
var onPresetHover = function onPresetHover(nextValues) {
|
||||
setInternalHoverValues(nextValues);
|
||||
setHoverSource('preset');
|
||||
};
|
||||
var onPresetSubmit = function onPresetSubmit(nextValues) {
|
||||
var passed = triggerSubmitChange(nextValues);
|
||||
if (passed) {
|
||||
triggerOpen(false, {
|
||||
force: true
|
||||
});
|
||||
}
|
||||
};
|
||||
var onNow = function onNow(now) {
|
||||
triggerPartConfirm(now);
|
||||
};
|
||||
|
||||
// ======================== Panel =========================
|
||||
var onPanelHover = function onPanelHover(date) {
|
||||
setInternalHoverValues(date ? fillCalendarValue(date, activeIndex) : null);
|
||||
setHoverSource('cell');
|
||||
};
|
||||
|
||||
// >>> Focus
|
||||
var onPanelFocus = function onPanelFocus(event) {
|
||||
triggerOpen(true);
|
||||
onSharedFocus(event);
|
||||
};
|
||||
|
||||
// >>> MouseDown
|
||||
var onPanelMouseDown = function onPanelMouseDown() {
|
||||
lastOperation('panel');
|
||||
};
|
||||
|
||||
// >>> Calendar
|
||||
var onPanelSelect = function onPanelSelect(date) {
|
||||
var clone = (0, _miscUtil.fillIndex)(calendarValue, activeIndex, date);
|
||||
|
||||
// Only trigger calendar event but not update internal `calendarValue` state
|
||||
triggerCalendarChange(clone);
|
||||
|
||||
// >>> Trigger next active if !needConfirm
|
||||
// Fully logic check `useRangeValue` hook
|
||||
if (!needConfirm && !complexPicker && internalPicker === internalMode) {
|
||||
triggerPartConfirm(date);
|
||||
}
|
||||
};
|
||||
|
||||
// >>> Close
|
||||
var onPopupClose = function onPopupClose() {
|
||||
// Close popup
|
||||
triggerOpen(false);
|
||||
};
|
||||
|
||||
// >>> cellRender
|
||||
var onInternalCellRender = (0, _useCellRender.default)(cellRender, dateRender, monthCellRender, getActiveRange(activeIndex));
|
||||
|
||||
// >>> Value
|
||||
var panelValue = calendarValue[activeIndex] || null;
|
||||
|
||||
// >>> invalid
|
||||
var isPopupInvalidateDate = (0, _rcUtil.useEvent)(function (date) {
|
||||
return isInvalidateDate(date, {
|
||||
activeIndex: activeIndex
|
||||
});
|
||||
});
|
||||
var panelProps = React.useMemo(function () {
|
||||
var domProps = (0, _pickAttrs.default)(filledProps, false);
|
||||
var restProps = (0, _omit.default)(filledProps, [].concat((0, _toConsumableArray2.default)(Object.keys(domProps)), ['onChange', 'onCalendarChange', 'style', 'className', 'onPanelChange', 'disabledTime']));
|
||||
return restProps;
|
||||
}, [filledProps]);
|
||||
|
||||
// >>> Render
|
||||
var panel = /*#__PURE__*/React.createElement(_Popup.default, (0, _extends2.default)({}, panelProps, {
|
||||
showNow: mergedShowNow,
|
||||
showTime: mergedShowTime
|
||||
// Range
|
||||
,
|
||||
range: true,
|
||||
multiplePanel: multiplePanel,
|
||||
activeInfo: activeInfo
|
||||
// Disabled
|
||||
,
|
||||
disabledDate: mergedDisabledDate
|
||||
// Focus
|
||||
,
|
||||
onFocus: onPanelFocus,
|
||||
onBlur: onSharedBlur,
|
||||
onPanelMouseDown: onPanelMouseDown
|
||||
// Mode
|
||||
,
|
||||
picker: picker,
|
||||
mode: mergedMode,
|
||||
internalMode: internalMode,
|
||||
onPanelChange: triggerModeChange
|
||||
// Value
|
||||
,
|
||||
format: maskFormat,
|
||||
value: panelValue,
|
||||
isInvalid: isPopupInvalidateDate,
|
||||
onChange: null,
|
||||
onSelect: onPanelSelect
|
||||
// PickerValue
|
||||
,
|
||||
pickerValue: currentPickerValue,
|
||||
defaultOpenValue: (0, _miscUtil.toArray)(showTime === null || showTime === void 0 ? void 0 : showTime.defaultOpenValue)[activeIndex],
|
||||
onPickerValueChange: setCurrentPickerValue
|
||||
// Hover
|
||||
,
|
||||
hoverValue: hoverValues,
|
||||
onHover: onPanelHover
|
||||
// Submit
|
||||
,
|
||||
needConfirm: needConfirm,
|
||||
onSubmit: triggerPartConfirm,
|
||||
onOk: triggerOk
|
||||
// Preset
|
||||
,
|
||||
presets: presetList,
|
||||
onPresetHover: onPresetHover,
|
||||
onPresetSubmit: onPresetSubmit
|
||||
// Now
|
||||
,
|
||||
onNow: onNow
|
||||
// Render
|
||||
,
|
||||
cellRender: onInternalCellRender
|
||||
}));
|
||||
|
||||
// ========================================================
|
||||
// == Selector ==
|
||||
// ========================================================
|
||||
|
||||
// ======================== Change ========================
|
||||
var onSelectorChange = function onSelectorChange(date, index) {
|
||||
var clone = fillCalendarValue(date, index);
|
||||
triggerCalendarChange(clone);
|
||||
};
|
||||
var onSelectorInputChange = function onSelectorInputChange() {
|
||||
lastOperation('input');
|
||||
};
|
||||
|
||||
// ======================= Selector =======================
|
||||
var onSelectorFocus = function onSelectorFocus(event, index) {
|
||||
// Check if `needConfirm` but user not submit yet
|
||||
var activeListLen = activeIndexList.length;
|
||||
var lastActiveIndex = activeIndexList[activeListLen - 1];
|
||||
if (activeListLen && lastActiveIndex !== index && needConfirm &&
|
||||
// Not change index if is not filled
|
||||
!allowEmpty[lastActiveIndex] && !hasActiveSubmitValue(lastActiveIndex) && calendarValue[lastActiveIndex]) {
|
||||
selectorRef.current.focus({
|
||||
index: lastActiveIndex
|
||||
});
|
||||
return;
|
||||
}
|
||||
lastOperation('input');
|
||||
triggerOpen(true, {
|
||||
inherit: true
|
||||
});
|
||||
|
||||
// When click input to switch the field, it will not trigger close.
|
||||
// Which means it will lose the part confirm and we need fill back.
|
||||
// ref: https://github.com/ant-design/ant-design/issues/49512
|
||||
if (activeIndex !== index && mergedOpen && !needConfirm && complexPicker) {
|
||||
triggerPartConfirm(null, true);
|
||||
}
|
||||
setActiveIndex(index);
|
||||
onSharedFocus(event, index);
|
||||
};
|
||||
var onSelectorBlur = function onSelectorBlur(event, index) {
|
||||
triggerOpen(false);
|
||||
if (!needConfirm && lastOperation() === 'input') {
|
||||
var nextIndex = nextActiveIndex(calendarValue);
|
||||
flushSubmit(activeIndex, nextIndex === null);
|
||||
}
|
||||
onSharedBlur(event, index);
|
||||
};
|
||||
var onSelectorKeyDown = function onSelectorKeyDown(event, preventDefault) {
|
||||
if (event.key === 'Tab') {
|
||||
triggerPartConfirm(null, true);
|
||||
}
|
||||
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, preventDefault);
|
||||
};
|
||||
|
||||
// ======================= Context ========================
|
||||
var context = React.useMemo(function () {
|
||||
return {
|
||||
prefixCls: prefixCls,
|
||||
locale: locale,
|
||||
generateConfig: generateConfig,
|
||||
button: components.button,
|
||||
input: components.input
|
||||
};
|
||||
}, [prefixCls, locale, generateConfig, components.button, components.input]);
|
||||
|
||||
// ======================== Effect ========================
|
||||
// >>> Mode
|
||||
// Reset for every active
|
||||
(0, _useLayoutEffect.default)(function () {
|
||||
if (mergedOpen && activeIndex !== undefined) {
|
||||
// Legacy compatible. This effect update should not trigger `onPanelChange`
|
||||
triggerModeChange(null, picker, false);
|
||||
}
|
||||
}, [mergedOpen, activeIndex, picker]);
|
||||
|
||||
// >>> For complex picker, we need check if need to focus next one
|
||||
(0, _useLayoutEffect.default)(function () {
|
||||
var lastOp = lastOperation();
|
||||
|
||||
// Trade as confirm on field leave
|
||||
if (!mergedOpen && lastOp === 'input') {
|
||||
triggerOpen(false);
|
||||
triggerPartConfirm(null, true);
|
||||
}
|
||||
|
||||
// Submit with complex picker
|
||||
if (!mergedOpen && complexPicker && !needConfirm && lastOp === 'panel') {
|
||||
triggerOpen(true);
|
||||
triggerPartConfirm();
|
||||
}
|
||||
}, [mergedOpen]);
|
||||
|
||||
// ====================== DevWarning ======================
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
var isIndexEmpty = function isIndexEmpty(index) {
|
||||
return (
|
||||
// Value is empty
|
||||
!(value !== null && value !== void 0 && value[index]) &&
|
||||
// DefaultValue is empty
|
||||
!(defaultValue !== null && defaultValue !== void 0 && defaultValue[index])
|
||||
);
|
||||
};
|
||||
if (disabled.some(function (fieldDisabled, index) {
|
||||
return fieldDisabled && isIndexEmpty(index) && !allowEmpty[index];
|
||||
})) {
|
||||
(0, _warning.default)(false, '`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.');
|
||||
}
|
||||
}
|
||||
|
||||
// ======================== Render ========================
|
||||
return /*#__PURE__*/React.createElement(_context.default.Provider, {
|
||||
value: context
|
||||
}, /*#__PURE__*/React.createElement(_PickerTrigger.default, (0, _extends2.default)({}, (0, _util.pickTriggerProps)(filledProps), {
|
||||
popupElement: panel,
|
||||
popupStyle: styles.popup,
|
||||
popupClassName: classNames.popup
|
||||
// Visible
|
||||
,
|
||||
visible: mergedOpen,
|
||||
onClose: onPopupClose
|
||||
// Range
|
||||
,
|
||||
range: true
|
||||
}), /*#__PURE__*/React.createElement(_RangeSelector.default
|
||||
// Shared
|
||||
, (0, _extends2.default)({}, filledProps, {
|
||||
// Ref
|
||||
ref: selectorRef
|
||||
// Icon
|
||||
,
|
||||
suffixIcon: suffixIcon
|
||||
// Active
|
||||
,
|
||||
activeIndex: focused || mergedOpen ? activeIndex : null,
|
||||
activeHelp: !!internalHoverValues,
|
||||
allHelp: !!internalHoverValues && hoverSource === 'preset',
|
||||
focused: focused,
|
||||
onFocus: onSelectorFocus,
|
||||
onBlur: onSelectorBlur,
|
||||
onKeyDown: onSelectorKeyDown,
|
||||
onSubmit: triggerPartConfirm
|
||||
// Change
|
||||
,
|
||||
value: hoverValues,
|
||||
maskFormat: maskFormat,
|
||||
onChange: onSelectorChange,
|
||||
onInputChange: onSelectorInputChange
|
||||
// Format
|
||||
,
|
||||
format: formatList,
|
||||
inputReadOnly: inputReadOnly
|
||||
// Disabled
|
||||
,
|
||||
disabled: disabled
|
||||
// Open
|
||||
,
|
||||
open: mergedOpen,
|
||||
onOpenChange: triggerOpen
|
||||
// Click
|
||||
,
|
||||
onClick: onSelectorClick,
|
||||
onClear: onSelectorClear
|
||||
// Invalid
|
||||
,
|
||||
invalid: submitInvalidates,
|
||||
onInvalid: onSelectorInvalid
|
||||
// Offset
|
||||
,
|
||||
onActiveInfo: setActiveInfo
|
||||
}))));
|
||||
}
|
||||
var RefRangePicker = /*#__PURE__*/React.forwardRef(RangePicker);
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
RefRangePicker.displayName = 'RefRangePicker';
|
||||
}
|
||||
var _default = exports.default = RefRangePicker;
|
||||
Reference in New Issue
Block a user