@lobehub/ui 6.0.0-beta.6 → 6.0.0-beta.8

package/es/DatePicker/core/PickerInput/Popup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/index.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { useMergeRefs } from '@/utils/mergeRefs';\n\nimport { useResizeObserver } from '../../hooks/react';\nimport type {\n  RangeTimeProps,\n  SharedPickerProps,\n  SharedTimeProps,\n  ValueDate,\n} from '../../interface';\nimport { toArray } from '../../utils/miscUtil';\nimport PickerContext from '../context';\nimport Footer, { type FooterProps } from './Footer';\nimport PopupPanel, { type PopupPanelProps } from './PopupPanel';\nimport PresetPanel from './PresetPanel';\n\nexport type PopupShowTimeConfig<DateType extends object = any> = Omit<\n  RangeTimeProps<DateType>,\n  'defaultValue' | 'defaultOpenValue' | 'disabledTime'\n> &\n  Pick<SharedTimeProps<DateType>, 'disabledTime'>;\n\nexport interface PopupProps<DateType extends object = any, PresetValue = DateType>\n  extends\n    Pick<React.InputHTMLAttributes<HTMLDivElement>, 'onFocus' | 'onBlur'>,\n    FooterProps<DateType>,\n    PopupPanelProps<DateType> {\n  // Range\n  activeInfo?: [activeInputLeft: number, activeInputRight: number, selectorWidth: number];\n  classNames?: SharedPickerProps['classNames'];\n\n  containerRef?: React.Ref<HTMLDivElement>;\n  // Fill\n  /** TimePicker or showTime only */\n  defaultOpenValue: DateType;\n  // Direction\n  direction?: 'ltr' | 'rtl';\n\n  isInvalid: (date: DateType | DateType[]) => boolean;\n  // Change\n  needConfirm: boolean;\n\n  onOk: VoidFunction;\n\n  onPanelMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onPresetHover: (presetValue: PresetValue) => void;\n  onPresetSubmit: (presetValue: PresetValue) => void;\n\n  panelRender?: SharedPickerProps['panelRender'];\n\n  // Presets\n  presets: ValueDate<DateType>[];\n  styles?: SharedPickerProps['styles'];\n}\n\nexport default function Popup<DateType extends object = any>(props: PopupProps<DateType>) {\n  const {\n    containerRef,\n    panelRender,\n    internalMode,\n    picker,\n    showNow,\n\n    // Range\n    range,\n    multiple,\n    activeInfo = [0, 0, 0],\n\n    // Presets\n    presets,\n    onPresetHover,\n    onPresetSubmit,\n\n    // Focus\n    onFocus,\n    onBlur,\n    onPanelMouseDown,\n\n    // Direction\n    direction,\n\n    // Change\n    value,\n    onSelect,\n    isInvalid,\n    defaultOpenValue,\n    onOk,\n    onSubmit,\n    classNames,\n    styles,\n  } = props;\n\n  const { prefixCls } = React.use(PickerContext);\n  const panelPrefixCls = `${prefixCls}-panel`;\n\n  const rtl = direction === 'rtl';\n\n  // ========================= Refs =========================\n  const arrowRef = React.useRef<HTMLDivElement>(null);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const panelContainerRef = React.useRef<HTMLDivElement>(null);\n  const mergedContainerRef = useMergeRefs([containerRef, panelContainerRef]);\n\n  // ======================== Offset ========================\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerOffset, setContainerOffset] = React.useState<number>(0);\n  const [arrowOffset, setArrowOffset] = React.useState<number>(0);\n\n  useResizeObserver(\n    panelContainerRef,\n    (element) => {\n      if (element.offsetWidth) {\n        setContainerWidth(element.offsetWidth);\n      }\n    },\n    !!range,\n  );\n\n  const [activeInputLeft, activeInputRight, selectorWidth] = activeInfo;\n  const [retryTimes, setRetryTimes] = React.useState(0);\n\n  React.useEffect(() => {\n    setRetryTimes(10);\n  }, [activeInputLeft]);\n\n  React.useEffect(() => {\n    // `activeOffset` is always align with the active input element\n    // So we need only check container contains the `activeOffset`\n    if (range && wrapperRef.current) {\n      // Offset in case container has border radius\n      const arrowWidth = arrowRef.current?.offsetWidth || 0;\n\n      // Arrow Offset\n      const wrapperRect = wrapperRef.current.getBoundingClientRect();\n      if (!wrapperRect.height || wrapperRect.right < 0) {\n        setRetryTimes((times) => Math.max(0, times - 1));\n        return;\n      }\n\n      const nextArrowOffset =\n        (rtl ? activeInputRight - arrowWidth : activeInputLeft) - wrapperRect.left;\n      setArrowOffset(nextArrowOffset);\n\n      // Container Offset\n      if (containerWidth && containerWidth < selectorWidth) {\n        const offset = rtl\n          ? wrapperRect.right - (activeInputRight - arrowWidth + containerWidth)\n          : activeInputLeft + arrowWidth - wrapperRect.left - containerWidth;\n\n        const safeOffset = Math.max(0, offset);\n        setContainerOffset(safeOffset);\n      } else {\n        setContainerOffset(0);\n      }\n    }\n  }, [retryTimes, rtl, containerWidth, activeInputLeft, activeInputRight, selectorWidth, range]);\n\n  // ======================== Custom ========================\n  function filterEmpty<T>(list: T[]) {\n    return list.filter((item) => item);\n  }\n\n  const valueList = React.useMemo(() => filterEmpty(toArray(value)), [value]);\n\n  const isTimePickerEmptyValue = picker === 'time' && !valueList.length;\n\n  const footerSubmitValue = React.useMemo(() => {\n    if (isTimePickerEmptyValue) {\n      return filterEmpty([defaultOpenValue]);\n    }\n    return valueList;\n  }, [isTimePickerEmptyValue, valueList, defaultOpenValue]);\n\n  const popupPanelValue = isTimePickerEmptyValue ? defaultOpenValue : valueList;\n\n  const disableSubmit = React.useMemo(() => {\n    // Empty is invalid\n    if (!footerSubmitValue.length) {\n      return true;\n    }\n\n    return footerSubmitValue.some((val) => isInvalid(val));\n  }, [footerSubmitValue, isInvalid]);\n\n  const onFooterSubmit = () => {\n    // For TimePicker, we will additional trigger the value update\n    if (isTimePickerEmptyValue) {\n      onSelect!(defaultOpenValue);\n    }\n\n    onOk();\n    onSubmit();\n  };\n\n  let mergedNodes: React.ReactNode = (\n    <div className={`${prefixCls}-panel-layout`}>\n      {/* `any` here since PresetPanel is reused for both Single & Range Picker which means return type is not stable */}\n      <PresetPanel<any>\n        prefixCls={prefixCls}\n        presets={presets}\n        onClick={onPresetSubmit}\n        onHover={onPresetHover}\n      />\n      <div>\n        <PopupPanel {...props} value={popupPanelValue} />\n        <Footer\n          {...props}\n          invalid={disableSubmit}\n          showNow={multiple ? false : showNow}\n          onSubmit={onFooterSubmit}\n        />\n      </div>\n    </div>\n  );\n\n  if (panelRender) {\n    mergedNodes = panelRender(mergedNodes);\n  }\n\n  // ======================== Render ========================\n  const containerPrefixCls = `${panelPrefixCls}-container`;\n\n  const marginLeft = 'marginLeft';\n  const marginRight = 'marginRight';\n\n  // Container\n  let renderNode = (\n    <div\n      ref={mergedContainerRef}\n      tabIndex={-1}\n      className={clsx(\n        containerPrefixCls,\n        // Used for Today Button style, safe to remove if no need\n        `${prefixCls}-${internalMode}-panel-container`,\n        classNames?.popup?.container,\n      )}\n      onBlur={onBlur}\n      style={{\n        [rtl ? marginRight : marginLeft]: containerOffset,\n        [rtl ? marginLeft : marginRight]: 'auto',\n        ...styles?.popup?.container,\n      }}\n      // Still wish not to lose focus on mouse down\n      // onMouseDown={(e) => {\n      //   // e.preventDefault();\n      // }}\n      onFocus={onFocus}\n      onMouseDown={onPanelMouseDown}\n    >\n      {mergedNodes}\n    </div>\n  );\n\n  if (range) {\n    renderNode = (\n      <div\n        className={clsx(`${prefixCls}-range-wrapper`, `${prefixCls}-${picker}-range-wrapper`)}\n        ref={wrapperRef}\n        onMouseDown={onPanelMouseDown}\n      >\n        <div className={`${prefixCls}-range-arrow`} ref={arrowRef} style={{ left: arrowOffset }} />\n\n        {/* Watch for container size */}\n        {renderNode}\n      </div>\n    );\n  }\n\n  return renderNode;\n}\n"],"mappings":"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"}

package/es/DatePicker/core/PickerInput/RangePicker.d.mts

@@ -0,0 +1,51 @@
+import { BaseInfo, PanelMode, RangeTimeProps, SharedPickerProps, ValueDate } from "../interface.mjs";
+import { SelectorIdType } from "./Selector/RangeSelector.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/RangePicker.d.ts
+export type RangeValueType<DateType> = [start: DateType | null | undefined, end: DateType | null | undefined];
+/** Used for change event, it should always be not undefined */
+export type NoUndefinedRangeValueType<DateType> = [start: DateType | null, end: DateType | null];
+export interface BaseRangePickerProps<DateType extends object> extends Omit<SharedPickerProps<DateType>, 'showTime' | 'id'> {
+  allowEmpty?: boolean | [boolean, boolean];
+  /**
+   * Config the popup panel date.
+   * Every time active the input to open popup will reset with `defaultPickerValue`.
+   *
+   * Note: `defaultPickerValue` priority is higher than `value` for the first open.
+   */
+  defaultPickerValue?: [DateType, DateType] | DateType | null;
+  defaultValue?: RangeValueType<DateType>;
+  disabled?: boolean | [boolean, boolean];
+  id?: SelectorIdType;
+  mode?: [startMode: PanelMode, endMode: PanelMode];
+  onCalendarChange?: (dates: NoUndefinedRangeValueType<DateType>, dateStrings: [string, string], info: BaseInfo) => void;
+  onChange?: (dates: NoUndefinedRangeValueType<DateType> | null, dateStrings: [string, string]) => void;
+  onOk?: (values: NoUndefinedRangeValueType<DateType>) => void;
+  /** Trigger on each `mode` or `pickerValue` changed. */
+  onPanelChange?: (values: NoUndefinedRangeValueType<DateType>, modes: [startMode: PanelMode, endMode: PanelMode]) => void;
+  /**
+   * Each popup panel `pickerValue` includes `mode` change will trigger the callback.
+   * @param date The changed picker value
+   * @param info.source `panel` from the panel click. `reset` from popup open or field typing
+   * @param info.mode Next `mode` panel
+   */
+  onPickerValueChange?: (date: [DateType, DateType], info: BaseInfo & {
+    source: 'reset' | 'panel';
+    mode: [PanelMode, PanelMode];
+  }) => void;
+  /**
+   * Config each start & end field popup panel date.
+   * When config `pickerValue`, you must also provide `onPickerValueChange` to handle changes.
+   */
+  pickerValue?: [DateType, DateType] | DateType | null;
+  placeholder?: [string, string];
+  presets?: ValueDate<Exclude<RangeValueType<DateType>, null>>[];
+  /** @deprecated Please use `presets` instead */
+  ranges?: Record<string, Exclude<RangeValueType<DateType>, null> | (() => Exclude<RangeValueType<DateType>, null>)>;
+  separator?: React$1.ReactNode;
+  showTime?: boolean | RangeTimeProps<DateType>;
+  value?: RangeValueType<DateType> | null;
+}
+export interface RangePickerProps<DateType extends object> extends BaseRangePickerProps<DateType>, Omit<RangeTimeProps<DateType>, 'format' | 'defaultValue' | 'defaultOpenValue'> {}
+//#endregion
+//# sourceMappingURL=RangePicker.d.mts.map

package/es/DatePicker/core/PickerInput/RangePicker.mjs

@@ -0,0 +1,343 @@
+import { useControlledState, useEvent, useLayoutEffect as useLayoutEffect$1 } from "../hooks/react.mjs";
+import useSemantic from "../hooks/useSemantic.mjs";
+import PickerContext from "./context.mjs";
+import PickerPopup from "../PickerPopup.mjs";
+import { omit, pickAttrs, warning } from "../utils/common.mjs";
+import { isSameTimestamp } from "../utils/dateUtil.mjs";
+import { fillIndex, getFromDate, toArray } from "../utils/miscUtil.mjs";
+import useCellRender from "./hooks/useCellRender.mjs";
+import useFieldsInvalidate from "./hooks/useFieldsInvalidate.mjs";
+import useFilledProps from "./hooks/useFilledProps.mjs";
+import useFocusEvents, { isTargetInContainers } from "./hooks/useFocusEvents.mjs";
+import useFocusLock from "./hooks/useFocusLock.mjs";
+import useOpen from "./hooks/useOpen.mjs";
+import usePickerRef from "./hooks/usePickerRef.mjs";
+import usePresets from "./hooks/usePresets.mjs";
+import useRangeDisabledDate from "./hooks/useRangeDisabledDate.mjs";
+import useRangePickerValue from "./hooks/useRangePickerValue.mjs";
+import useRangeValue, { useInnerValue } from "./hooks/useRangeValue.mjs";
+import useRangeValueChange from "./hooks/useRangeValueChange.mjs";
+import useShowNow from "./hooks/useShowNow.mjs";
+import Popup from "./Popup/index.mjs";
+import RefRangeSelector from "./Selector/RangeSelector.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/RangePicker.tsx
+function separateConfig(config, defaultConfig) {
+	const singleConfig = config ?? defaultConfig;
+	if (Array.isArray(singleConfig)) return singleConfig;
+	return [singleConfig, singleConfig];
+}
+function getActiveRange(activeIndex) {
+	return activeIndex === 1 ? "end" : "start";
+}
+function RangePicker(props, ref) {
+	const [filledProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate] = useFilledProps(props, () => {
+		const { disabled, allowEmpty } = props;
+		return {
+			disabled: separateConfig(disabled, false),
+			allowEmpty: separateConfig(allowEmpty, false)
+		};
+	});
+	const { prefixCls, rootClassName, styles: propStyles, classNames: propClassNames, previewValue, defaultValue, value, needConfirm, onClear, onKeyDown, disabled, allowEmpty, disabledDate, minDate, maxDate, defaultOpen, open, onOpenChange, locale, generateConfig, picker, showNow, showToday, showTime, mode, onPanelChange, onCalendarChange, onOk, defaultPickerValue, pickerValue, onPickerValueChange, inputReadOnly, suffixIcon, onFocus, onBlur, presets, ranges, components, cellRender, dateRender, monthCellRender, onClick } = filledProps;
+	const selectorRef = usePickerRef(ref);
+	const popupRef = React$1.useRef(null);
+	const [mergedClassNames, mergedStyles] = useSemantic(propClassNames, propStyles);
+	const [mergedOpen, setMergeOpen] = useOpen(open, defaultOpen, disabled, onOpenChange);
+	const triggerOpen = (nextOpen, config) => {
+		if (disabled.some((fieldDisabled) => !fieldDisabled) || !nextOpen) setMergeOpen(nextOpen, config);
+	};
+	const [mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, triggerOk] = useInnerValue(generateConfig, locale, formatList, true, false, defaultValue, value, onCalendarChange, onOk);
+	const calendarValue = getCalendarValue();
+	const isInternalPickerElement = useEvent((element) => isTargetInContainers(element, [selectorRef.current.nativeElement, popupRef.current]));
+	const [focused, onFieldFocus, onFieldBlur] = useFocusEvents(isInternalPickerElement, (index, event) => {
+		onFocus?.(event, { range: getActiveRange(index) });
+	}, (index, event) => {
+		onBlur?.(event, { range: getActiveRange(index) });
+	}, () => {
+		triggerOpen(false);
+	});
+	const [flushSubmit, triggerSubmitChange, resetValue] = useRangeValue(filledProps, mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, disabled, formatList, isInvalidateDate);
+	const triggerFieldCalendarChange = useEvent((index, date) => {
+		triggerCalendarChange(fillIndex(getCalendarValue(), index, date));
+	});
+	const flushFieldSubmit = useEvent((index, needTriggerChange) => {
+		flushSubmit(index, needTriggerChange);
+		if (needTriggerChange) triggerOpen(false, { force: true });
+	});
+	const enabledFieldCount = disabled.filter((fieldDisabled) => !fieldDisabled).length;
+	const [rangeValueIndex, activeIndex, forceFocus, triggeredFields, triggerRangeValueChange, resetRangeValueChange] = useRangeValueChange(enabledFieldCount, needConfirm, allowEmpty, getCalendarValue, triggerFieldCalendarChange, flushFieldSubmit, resetValue);
+	useFocusLock(rangeValueIndex, forceFocus, selectorRef, popupRef, triggerOpen);
+	useLayoutEffect$1((firstMount) => {
+		if (!firstMount && !mergedOpen) triggerRangeValueChange(rangeValueIndex ?? activeIndex, "popupClose");
+	}, [mergedOpen]);
+	/** Used for Popup panel */
+	const mergedShowTime = React$1.useMemo(() => {
+		if (!showTime) return null;
+		const { disabledTime } = showTime;
+		const proxyDisabledTime = disabledTime ? (date) => {
+			const range = getActiveRange(activeIndex);
+			const fromDate = getFromDate(calendarValue, triggeredFields, activeIndex);
+			return disabledTime(date, range, { from: fromDate });
+		} : void 0;
+		return {
+			...showTime,
+			disabledTime: proxyDisabledTime
+		};
+	}, [
+		showTime,
+		activeIndex,
+		calendarValue,
+		triggeredFields
+	]);
+	const [modes, setModes] = useControlledState([picker, picker], mode);
+	const mergedMode = modes[activeIndex] || picker;
+	/** Extends from `mergedMode` to patch `datetime` mode */
+	const internalMode = mergedMode === "date" && mergedShowTime ? "datetime" : mergedMode;
+	const multiplePanel = internalMode === picker && internalMode !== "time";
+	const mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday, true);
+	const mergedDisabledDate = useRangeDisabledDate(calendarValue, disabled, activeIndex, triggeredFields, generateConfig, locale, disabledDate);
+	const [submitInvalidates, onSelectorInvalid] = useFieldsInvalidate(calendarValue, isInvalidateDate, allowEmpty);
+	const [currentPickerValue, setCurrentPickerValue] = useRangePickerValue(generateConfig, locale, calendarValue, modes, mergedOpen, focused, activeIndex, internalPicker, multiplePanel, defaultPickerValue, pickerValue, mergedShowTime?.defaultOpenValue, onPickerValueChange, minDate, maxDate);
+	const triggerModeChange = useEvent((nextPickerValue, nextMode, triggerEvent) => {
+		const clone = fillIndex(modes, activeIndex, nextMode);
+		if (clone[0] !== modes[0] || clone[1] !== modes[1]) setModes(clone);
+		if (onPanelChange && triggerEvent !== false) {
+			const clonePickerValue = [...calendarValue];
+			if (nextPickerValue) clonePickerValue[activeIndex] = nextPickerValue;
+			onPanelChange(clonePickerValue, clone);
+		}
+	});
+	const fillCalendarValue = (date, index) => fillIndex(calendarValue, index, date);
+	/**
+	* Trigger by confirm operation.
+	* This function has already handle the `needConfirm` check logic.
+	* - Selector: enter key
+	* - Panel: OK button
+	*/
+	const triggerPartConfirm = (date, source = "confirm") => {
+		triggerRangeValueChange(activeIndex, source, date ?? void 0);
+	};
+	const onSelectorClick = (event) => {
+		const rootNode = event.target.getRootNode();
+		if (!selectorRef.current.nativeElement.contains(rootNode.activeElement ?? document.activeElement)) {
+			const enabledIndex = disabled.findIndex((d) => !d);
+			if (enabledIndex >= 0) selectorRef.current.focus({ index: enabledIndex });
+		}
+		triggerOpen(true);
+		onClick?.(event);
+	};
+	const onSelectorClear = () => {
+		resetRangeValueChange();
+		triggerSubmitChange(null);
+		triggerOpen(false, { force: true });
+		onClear?.();
+	};
+	const [hoverSource, setHoverSource] = React$1.useState(null);
+	const [internalHoverValues, setInternalHoverValues] = React$1.useState(null);
+	const hoverValues = React$1.useMemo(() => {
+		return internalHoverValues || calendarValue;
+	}, [calendarValue, internalHoverValues]);
+	const showWeakHover = hoverSource === "cell" && !calendarValue[(activeIndex + 1) % 2] && !isSameTimestamp(generateConfig, calendarValue[activeIndex], mergedValue[activeIndex]);
+	const activeHoverValue = internalHoverValues?.[activeIndex];
+	React$1.useEffect(() => {
+		if (!mergedOpen) setInternalHoverValues(null);
+	}, [mergedOpen]);
+	const [activeInfo, setActiveInfo] = React$1.useState([
+		0,
+		0,
+		0
+	]);
+	const onSetHover = (date, source) => {
+		if (previewValue !== "hover") return;
+		setInternalHoverValues(date);
+		setHoverSource(source);
+	};
+	const presetList = usePresets(presets, ranges);
+	const onPresetHover = (nextValues) => {
+		onSetHover(nextValues, "preset");
+	};
+	const onPresetSubmit = (nextValues) => {
+		if (triggerSubmitChange(nextValues)) triggerOpen(false, { force: true });
+	};
+	const onNow = (now) => {
+		triggerPartConfirm(now);
+	};
+	const onPanelHover = (date) => {
+		onSetHover(date ? fillCalendarValue(date, activeIndex) : null, "cell");
+	};
+	const onPanelFocus = (event) => {
+		triggerOpen(true);
+		onFieldFocus(activeIndex, "panel", event);
+	};
+	const onPanelSelect = (date) => {
+		triggerRangeValueChange(activeIndex, !complexPicker && internalPicker === internalMode ? "panel-final" : "panel-intermediate", date);
+	};
+	const onPopupClose = () => {
+		triggerOpen(false);
+	};
+	const onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender, getActiveRange(activeIndex));
+	const panelValue = calendarValue[activeIndex] || null;
+	const isPopupInvalidateDate = useEvent((date) => {
+		return isInvalidateDate(date, { activeIndex });
+	});
+	const panelProps = React$1.useMemo(() => {
+		const domProps = pickAttrs(filledProps);
+		return omit(filledProps, [
+			...Object.keys(domProps),
+			"onChange",
+			"onCalendarChange",
+			"onClear",
+			"style",
+			"className",
+			"onPanelChange",
+			"disabledTime",
+			"classNames",
+			"styles"
+		]);
+	}, [filledProps]);
+	const panel = /* @__PURE__ */ jsx(Popup, {
+		containerRef: popupRef,
+		...panelProps,
+		defaultOpenValue: toArray(showTime?.defaultOpenValue)[activeIndex],
+		hoverRangeValue: showWeakHover ? null : hoverValues,
+		internalMode,
+		multiplePanel,
+		showNow: mergedShowNow,
+		styles: mergedStyles,
+		value: panelValue,
+		onChange: null,
+		onFocus: onPanelFocus,
+		onPresetHover,
+		onSubmit: (date) => triggerPartConfirm(date, "confirm"),
+		activeInfo,
+		disabledDate: mergedDisabledDate,
+		cellRender: onInternalCellRender,
+		classNames: mergedClassNames,
+		isInvalid: isPopupInvalidateDate,
+		mode: mergedMode,
+		showTime: mergedShowTime,
+		range: true,
+		onBlur: (event) => onFieldBlur(activeIndex, "panel", event),
+		picker,
+		onHover: onPanelHover,
+		needConfirm,
+		onOk: triggerOk,
+		presets: presetList,
+		onPanelChange: triggerModeChange,
+		format: maskFormat,
+		onPickerValueChange: setCurrentPickerValue,
+		hoverValue: showWeakHover && activeHoverValue ? [activeHoverValue] : null,
+		onPresetSubmit,
+		onNow,
+		onSelect: onPanelSelect,
+		pickerValue: currentPickerValue
+	});
+	const onSelectorChange = (date, index) => {
+		triggerRangeValueChange(index, "input", date);
+	};
+	const onSelectorInputChange = () => {
+		triggerRangeValueChange(activeIndex, "input");
+	};
+	const onSelectorFocus = (event, index) => {
+		triggerRangeValueChange(index, "field-switch");
+		triggerOpen(true, { inherit: true });
+		onFieldFocus(index, "input", event);
+	};
+	const onSelectorBlur = (event, index) => {
+		onFieldBlur(index, "input", event);
+	};
+	const onSelectorKeyDown = (event, preventDefault) => {
+		if (event.key === "Tab") triggerPartConfirm(null, "keyboard-submit-weak");
+		else if (event.key === "Escape") {
+			triggerRangeValueChange(activeIndex, "esc");
+			triggerOpen(false);
+		}
+		onKeyDown?.(event, preventDefault);
+	};
+	const context = React$1.useMemo(() => ({
+		prefixCls,
+		locale,
+		generateConfig,
+		button: components.button,
+		input: components.input,
+		classNames: mergedClassNames,
+		styles: mergedStyles
+	}), [
+		prefixCls,
+		locale,
+		generateConfig,
+		components.button,
+		components.input,
+		mergedClassNames,
+		mergedStyles
+	]);
+	useLayoutEffect$1(() => {
+		if (mergedOpen && activeIndex !== void 0) triggerModeChange(null, picker, false);
+	}, [
+		mergedOpen,
+		activeIndex,
+		picker
+	]);
+	if (process.env.NODE_ENV !== "production") {
+		const isIndexEmpty = (index) => {
+			return !value?.[index] && !defaultValue?.[index];
+		};
+		if (disabled.some((fieldDisabled, index) => fieldDisabled && isIndexEmpty(index) && !allowEmpty[index])) warning(false, "`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.");
+	}
+	return /* @__PURE__ */ jsx(PickerContext, {
+		value: context,
+		children: /* @__PURE__ */ jsx(PickerPopup, {
+			direction: filledProps.direction,
+			getAnchor: () => selectorRef.current?.nativeElement,
+			getPopupContainer: filledProps.getPopupContainer,
+			inline: filledProps.inlinePopup,
+			placement: filledProps.placement,
+			popupElement: panel,
+			popupStyle: mergedStyles.popup.root,
+			popupClassName: clsx(rootClassName, mergedClassNames.popup.root),
+			visible: mergedOpen,
+			onClose: onPopupClose,
+			range: true,
+			children: /* @__PURE__ */ jsx(RefRangeSelector, {
+				...filledProps,
+				activeHelp: !!internalHoverValues,
+				focused,
+				maskFormat,
+				open: mergedOpen,
+				onBlur: onSelectorBlur,
+				onChange: onSelectorChange,
+				onFocus: onSelectorFocus,
+				onKeyDown: onSelectorKeyDown,
+				activeIndex: focused || mergedOpen ? activeIndex : null,
+				allHelp: !!internalHoverValues && hoverSource === "preset",
+				inputReadOnly,
+				disabled,
+				ref: selectorRef,
+				className: clsx(filledProps.className, rootClassName, mergedClassNames.root),
+				style: {
+					...mergedStyles.root,
+					...filledProps.style
+				},
+				suffixIcon,
+				onClear: onSelectorClear,
+				invalid: submitInvalidates,
+				onInputChange: onSelectorInputChange,
+				format: formatList,
+				onInvalid: onSelectorInvalid,
+				onActiveInfo: setActiveInfo,
+				onOpenChange: triggerOpen,
+				onClick: onSelectorClick,
+				onSubmit: () => triggerPartConfirm(null, "keyboard-submit"),
+				value: hoverValues
+			})
+		})
+	});
+}
+const RefRangePicker = React$1.forwardRef(RangePicker);
+if (process.env.NODE_ENV !== "production") RefRangePicker.displayName = "RefRangePicker";
+//#endregion
+export { RefRangePicker as default };
+
+//# sourceMappingURL=RangePicker.mjs.map

package/es/DatePicker/core/PickerInput/RangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePicker.mjs","names":["React","RangeSelector"],"sources":["../../../../src/DatePicker/core/PickerInput/RangePicker.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { useControlledState, useEvent, useLayoutEffect } from '../hooks/react';\nimport useSemantic from '../hooks/useSemantic';\nimport type {\n  BaseInfo,\n  InternalMode,\n  OnOpenChange,\n  OpenConfig,\n  PanelMode,\n  RangePickerRef,\n  RangeTimeProps,\n  SelectorProps,\n  SharedHTMLAttrs,\n  SharedPickerProps,\n  ValueDate,\n} from '../interface';\nimport type { PickerPanelProps } from '../PickerPanel';\nimport PickerPopup from '../PickerPopup';\nimport { omit, pickAttrs, warning } from '../utils/common';\nimport { isSameTimestamp } from '../utils/dateUtil';\nimport { fillIndex, getFromDate, toArray } from '../utils/miscUtil';\nimport PickerContext from './context';\nimport useCellRender from './hooks/useCellRender';\nimport useFieldsInvalidate from './hooks/useFieldsInvalidate';\nimport useFilledProps from './hooks/useFilledProps';\nimport useFocusEvents, { isTargetInContainers } from './hooks/useFocusEvents';\nimport useFocusLock from './hooks/useFocusLock';\nimport useOpen from './hooks/useOpen';\nimport usePickerRef from './hooks/usePickerRef';\nimport usePresets from './hooks/usePresets';\nimport useRangeDisabledDate from './hooks/useRangeDisabledDate';\nimport useRangePickerValue from './hooks/useRangePickerValue';\nimport useRangeValue, { useInnerValue } from './hooks/useRangeValue';\nimport useRangeValueChange, { type RangeValueChangeSource } from './hooks/useRangeValueChange';\nimport useShowNow from './hooks/useShowNow';\nimport Popup, { type PopupShowTimeConfig } from './Popup';\nimport RangeSelector, {\n  type RangeSelectorRef,\n  type SelectorIdType,\n} from './Selector/RangeSelector';\n\nfunction separateConfig<T>(config: T | [T, T] | null | undefined, defaultConfig: T): [T, T] {\n  const singleConfig = config ?? defaultConfig;\n\n  if (Array.isArray(singleConfig)) {\n    return singleConfig;\n  }\n\n  return [singleConfig, singleConfig];\n}\n\nexport type RangeValueType<DateType> = [\n  start: DateType | null | undefined,\n  end: DateType | null | undefined,\n];\n\n/** Used for change event, it should always be not undefined */\nexport type NoUndefinedRangeValueType<DateType> = [start: DateType | null, end: DateType | null];\n\nexport interface BaseRangePickerProps<DateType extends object> extends Omit<\n  SharedPickerProps<DateType>,\n  'showTime' | 'id'\n> {\n  allowEmpty?: boolean | [boolean, boolean];\n\n  // Picker Value\n  /**\n   * Config the popup panel date.\n   * Every time active the input to open popup will reset with `defaultPickerValue`.\n   *\n   * Note: `defaultPickerValue` priority is higher than `value` for the first open.\n   */\n  defaultPickerValue?: [DateType, DateType] | DateType | null;\n\n  defaultValue?: RangeValueType<DateType>;\n  // Control\n  disabled?: boolean | [boolean, boolean];\n  // Structure\n  id?: SelectorIdType;\n  // Mode\n  mode?: [startMode: PanelMode, endMode: PanelMode];\n  onCalendarChange?: (\n    dates: NoUndefinedRangeValueType<DateType>,\n    dateStrings: [string, string],\n    info: BaseInfo,\n  ) => void;\n\n  onChange?: (\n    dates: NoUndefinedRangeValueType<DateType> | null,\n    dateStrings: [string, string],\n  ) => void;\n\n  onOk?: (values: NoUndefinedRangeValueType<DateType>) => void;\n  /** Trigger on each `mode` or `pickerValue` changed. */\n  onPanelChange?: (\n    values: NoUndefinedRangeValueType<DateType>,\n    modes: [startMode: PanelMode, endMode: PanelMode],\n  ) => void;\n  /**\n   * Each popup panel `pickerValue` includes `mode` change will trigger the callback.\n   * @param date The changed picker value\n   * @param info.source `panel` from the panel click. `reset` from popup open or field typing\n   * @param info.mode Next `mode` panel\n   */\n  onPickerValueChange?: (\n    date: [DateType, DateType],\n    info: BaseInfo & {\n      source: 'reset' | 'panel';\n      mode: [PanelMode, PanelMode];\n    },\n  ) => void;\n\n  /**\n   * Config each start & end field popup panel date.\n   * When config `pickerValue`, you must also provide `onPickerValueChange` to handle changes.\n   */\n  pickerValue?: [DateType, DateType] | DateType | null;\n  // Placeholder\n  placeholder?: [string, string];\n\n  // Preset\n  presets?: ValueDate<Exclude<RangeValueType<DateType>, null>>[];\n  /** @deprecated Please use `presets` instead */\n  ranges?: Record<\n    string,\n    Exclude<RangeValueType<DateType>, null> | (() => Exclude<RangeValueType<DateType>, null>)\n  >;\n\n  separator?: React.ReactNode;\n\n  // Time\n  showTime?: boolean | RangeTimeProps<DateType>;\n  // Value\n  value?: RangeValueType<DateType> | null;\n}\n\nexport interface RangePickerProps<DateType extends object>\n  extends\n    BaseRangePickerProps<DateType>,\n    Omit<RangeTimeProps<DateType>, 'format' | 'defaultValue' | 'defaultOpenValue'> {}\n\nfunction getActiveRange(activeIndex: number) {\n  return activeIndex === 1 ? 'end' : 'start';\n}\n\nfunction RangePicker<DateType extends object = any>(\n  props: RangePickerProps<DateType>,\n  ref: React.Ref<RangePickerRef>,\n) {\n  // ========================= Prop =========================\n  const [filledProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate] =\n    useFilledProps(props, () => {\n      const { disabled, allowEmpty } = props;\n\n      const mergedDisabled = separateConfig(disabled, false);\n      const mergedAllowEmpty = separateConfig(allowEmpty, false);\n\n      return {\n        disabled: mergedDisabled,\n        allowEmpty: mergedAllowEmpty,\n      };\n    });\n\n  const {\n    // Style\n    prefixCls,\n    rootClassName,\n    styles: propStyles,\n    classNames: propClassNames,\n\n    previewValue,\n    // Value\n    defaultValue,\n    value,\n    needConfirm,\n    onClear,\n    onKeyDown,\n\n    // Disabled\n    disabled,\n    allowEmpty,\n    disabledDate,\n    minDate,\n    maxDate,\n\n    // Open\n    defaultOpen,\n    open,\n    onOpenChange,\n\n    // Picker\n    locale,\n    generateConfig,\n    picker,\n    showNow,\n    showToday,\n    showTime,\n\n    // Mode\n    mode,\n    onPanelChange,\n    onCalendarChange,\n    onOk,\n\n    // Picker Value\n    defaultPickerValue,\n    pickerValue,\n    onPickerValueChange,\n\n    // Format\n    inputReadOnly,\n\n    suffixIcon,\n\n    // Focus\n    onFocus,\n    onBlur,\n\n    // Presets\n    presets,\n    ranges,\n\n    // Render\n    components,\n    cellRender,\n    dateRender,\n    monthCellRender,\n\n    // Native\n    onClick,\n  } = filledProps;\n\n  // ========================= Refs =========================\n  const selectorRef = usePickerRef<Parameters<RangePickerRef['focus']>[0], RangeSelectorRef>(ref);\n  const popupRef = React.useRef<HTMLDivElement>(null);\n\n  // ======================= Semantic =======================\n  const [mergedClassNames, mergedStyles] = useSemantic(propClassNames, propStyles);\n\n  // ========================= Open =========================\n  const [mergedOpen, setMergeOpen] = useOpen(open, defaultOpen, disabled, onOpenChange);\n\n  const triggerOpen: OnOpenChange = (nextOpen, config?: OpenConfig) => {\n    // No need to open if all disabled\n    if (disabled.some((fieldDisabled) => !fieldDisabled) || !nextOpen) {\n      setMergeOpen(nextOpen, config);\n    }\n  };\n\n  // ======================== Values ========================\n  const [mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, triggerOk] =\n    useInnerValue<RangeValueType<DateType>, DateType>(\n      generateConfig,\n      locale,\n      formatList,\n      true,\n      false,\n      defaultValue,\n      value,\n      onCalendarChange,\n      onOk,\n    );\n\n  const calendarValue = getCalendarValue();\n\n  // ======================== Focus =========================\n  const isInternalPickerElement = useEvent((element: EventTarget | null) =>\n    isTargetInContainers(element, [selectorRef.current!.nativeElement, popupRef.current]),\n  );\n\n  const [focused, onFieldFocus, onFieldBlur] = useFocusEvents(\n    isInternalPickerElement,\n    (index, event) => {\n      onFocus?.(event, {\n        range: getActiveRange(index),\n      });\n    },\n    (index, event) => {\n      onBlur?.(event, {\n        range: getActiveRange(index),\n      });\n    },\n    () => {\n      triggerOpen(false);\n    },\n  );\n\n  // ======================== Value =========================\n  const [\n    /** Trigger `onChange` by check `disabledDate` */\n    flushSubmit,\n    /** Trigger `onChange` directly without check `disabledDate` */\n    triggerSubmitChange,\n    /** Reset uncommitted values */\n    resetValue,\n  ] = useRangeValue<RangeValueType<DateType>, DateType>(\n    filledProps,\n    mergedValue,\n    setInnerValue,\n    getCalendarValue,\n    triggerCalendarChange,\n    disabled,\n    formatList,\n    isInvalidateDate,\n  );\n\n  const triggerFieldCalendarChange = useEvent((index: number, date: DateType) => {\n    triggerCalendarChange(fillIndex(getCalendarValue(), index, date));\n  });\n\n  const flushFieldSubmit = useEvent((index: number, needTriggerChange: boolean) => {\n    flushSubmit(index, needTriggerChange);\n\n    if (needTriggerChange) {\n      triggerOpen(false, { force: true });\n    }\n  });\n\n  const enabledFieldCount = disabled.filter((fieldDisabled) => !fieldDisabled).length;\n  const [\n    rangeValueIndex,\n    activeIndex,\n    forceFocus,\n    triggeredFields,\n    triggerRangeValueChange,\n    resetRangeValueChange,\n  ] = useRangeValueChange(\n    enabledFieldCount,\n    needConfirm,\n    allowEmpty,\n    getCalendarValue,\n    triggerFieldCalendarChange,\n    flushFieldSubmit,\n    resetValue,\n  );\n\n  useFocusLock(rangeValueIndex, forceFocus, selectorRef, popupRef, triggerOpen);\n\n  // Finalize the current interaction only after the popup is actually closed.\n  // 仅在 popup 实际关闭后，统一收口当前交互。\n  useLayoutEffect(\n    (firstMount) => {\n      if (!firstMount && !mergedOpen) {\n        triggerRangeValueChange(rangeValueIndex ?? activeIndex, 'popupClose');\n      }\n    },\n    [mergedOpen],\n  );\n\n  // ======================= ShowTime =======================\n  /** Used for Popup panel */\n  const mergedShowTime = React.useMemo<\n    (PopupShowTimeConfig<DateType> & Pick<RangeTimeProps<DateType>, 'defaultOpenValue'>) | null\n  >(() => {\n    if (!showTime) {\n      return null;\n    }\n\n    const { disabledTime } = showTime;\n\n    const proxyDisabledTime = disabledTime\n      ? (date: DateType) => {\n          const range = getActiveRange(activeIndex);\n          const fromDate = getFromDate(calendarValue, triggeredFields, activeIndex);\n          return disabledTime(date, range, {\n            from: fromDate,\n          });\n        }\n      : undefined;\n\n    return { ...showTime, disabledTime: proxyDisabledTime };\n  }, [showTime, activeIndex, calendarValue, triggeredFields]);\n\n  // ========================= Mode =========================\n  const [modes, setModes] = useControlledState<[PanelMode, PanelMode]>([picker, picker], mode);\n\n  const mergedMode = modes[activeIndex] || picker;\n\n  /** Extends from `mergedMode` to patch `datetime` mode */\n  const internalMode: InternalMode =\n    mergedMode === 'date' && mergedShowTime ? 'datetime' : mergedMode;\n\n  // ====================== PanelCount ======================\n  const multiplePanel = internalMode === picker && internalMode !== 'time';\n\n  // ======================= Show Now =======================\n  const mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday, true);\n\n  // ===================== DisabledDate =====================\n  const mergedDisabledDate = useRangeDisabledDate(\n    calendarValue,\n    disabled,\n    activeIndex,\n    triggeredFields,\n    generateConfig,\n    locale,\n    disabledDate,\n  );\n\n  // ======================= Validate =======================\n  const [submitInvalidates, onSelectorInvalid] = useFieldsInvalidate(\n    calendarValue,\n    isInvalidateDate,\n    allowEmpty,\n  );\n\n  // ===================== Picker Value =====================\n  const [currentPickerValue, setCurrentPickerValue] = useRangePickerValue(\n    generateConfig,\n    locale,\n    calendarValue,\n    modes,\n    mergedOpen,\n    focused,\n    activeIndex,\n    internalPicker,\n    multiplePanel,\n    defaultPickerValue,\n    pickerValue,\n    mergedShowTime?.defaultOpenValue,\n    onPickerValueChange,\n    minDate,\n    maxDate,\n  );\n\n  // >>> Mode need wait for `pickerValue`\n  const triggerModeChange = useEvent(\n    (nextPickerValue: DateType | null, nextMode: PanelMode, triggerEvent?: boolean) => {\n      const clone = fillIndex(modes, activeIndex, nextMode);\n\n      if (clone[0] !== modes[0] || clone[1] !== modes[1]) {\n        setModes(clone);\n      }\n\n      // Compatible with `onPanelChange`\n      if (onPanelChange && triggerEvent !== false) {\n        const clonePickerValue: RangeValueType<DateType> = [...calendarValue];\n        if (nextPickerValue) {\n          clonePickerValue[activeIndex] = nextPickerValue;\n        }\n        onPanelChange(clonePickerValue as NoUndefinedRangeValueType<DateType>, clone);\n      }\n    },\n  );\n\n  // ======================== Change ========================\n  const fillCalendarValue = (date: DateType, index: number) =>\n    // Trigger change only when date changed\n    fillIndex(calendarValue, index, date);\n\n  // ======================== Submit ========================\n  /**\n   * Trigger by confirm operation.\n   * This function has already handle the `needConfirm` check logic.\n   * - Selector: enter key\n   * - Panel: OK button\n   */\n  const triggerPartConfirm = (\n    date?: DateType | null,\n    source: RangeValueChangeSource = 'confirm',\n  ) => {\n    triggerRangeValueChange(activeIndex, source, date ?? undefined);\n  };\n\n  // ======================== Click =========================\n  const onSelectorClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    const rootNode = (event.target as HTMLElement).getRootNode();\n    if (\n      !selectorRef.current!.nativeElement.contains(\n        (rootNode as Document | ShadowRoot).activeElement ?? document.activeElement,\n      )\n    ) {\n      // Click to focus the enabled input\n      const enabledIndex = disabled.findIndex((d) => !d);\n      if (enabledIndex >= 0) {\n        selectorRef.current!.focus({ index: enabledIndex });\n      }\n    }\n\n    triggerOpen(true);\n\n    onClick?.(event);\n  };\n\n  const onSelectorClear = () => {\n    resetRangeValueChange();\n    triggerSubmitChange(null);\n    triggerOpen(false, { force: true });\n    onClear?.();\n  };\n\n  // ======================== Hover =========================\n  const [hoverSource, setHoverSource] = React.useState<'cell' | 'preset' | null>(null);\n  const [internalHoverValues, setInternalHoverValues] =\n    React.useState<RangeValueType<DateType> | null>(null);\n\n  const hoverValues = React.useMemo(() => {\n    return internalHoverValues || calendarValue;\n  }, [calendarValue, internalHoverValues]);\n\n  // \"Weak\" hover only highlights the hovered cell instead of composing a range.\n  // Use it while choosing the first value so the pending selection remains selected.\n  const showWeakHover =\n    // Preset hover always previews the whole range.\n    hoverSource === 'cell' &&\n    // Once the other field has a value, range hover takes precedence.\n    !calendarValue[(activeIndex + 1) % 2] &&\n    // Only a changed active value needs weak hover.\n    !isSameTimestamp(generateConfig, calendarValue[activeIndex], mergedValue[activeIndex]);\n  const activeHoverValue = internalHoverValues?.[activeIndex];\n\n  // Clean up `internalHoverValues` when closed\n  React.useEffect(() => {\n    if (!mergedOpen) {\n      setInternalHoverValues(null);\n    }\n  }, [mergedOpen]);\n\n  // ========================================================\n  // ==                       Panels                       ==\n  // ========================================================\n  // Save the offset with active bar position\n  // const [activeOffset, setActiveOffset] = React.useState(0);\n  const [activeInfo, setActiveInfo] = React.useState<\n    [activeInputLeft: number, activeInputRight: number, selectorWidth: number]\n  >([0, 0, 0]);\n\n  const onSetHover = (date: RangeValueType<DateType> | null, source: 'cell' | 'preset') => {\n    if (previewValue !== 'hover') {\n      return;\n    }\n    setInternalHoverValues(date);\n    setHoverSource(source);\n  };\n\n  // ======================= Presets ========================\n  const presetList = usePresets(presets, ranges);\n\n  const onPresetHover = (nextValues: RangeValueType<DateType> | null) => {\n    onSetHover(nextValues, 'preset');\n  };\n\n  const onPresetSubmit = (nextValues: RangeValueType<DateType>) => {\n    const passed = triggerSubmitChange(nextValues);\n\n    if (passed) {\n      triggerOpen(false, { force: true });\n    }\n  };\n\n  const onNow = (now: DateType) => {\n    triggerPartConfirm(now);\n  };\n\n  // ======================== Panel =========================\n  const onPanelHover = (date: DateType) => {\n    onSetHover(date ? fillCalendarValue(date, activeIndex) : null, 'cell');\n  };\n\n  // >>> Focus\n  const onPanelFocus: React.FocusEventHandler<HTMLElement> = (event) => {\n    triggerOpen(true);\n    onFieldFocus(activeIndex, 'panel', event);\n  };\n\n  // >>> Calendar\n  const onPanelSelect: PickerPanelProps<DateType>['onSelect'] = (date: DateType) => {\n    const panelFinished = !complexPicker && internalPicker === internalMode;\n\n    triggerRangeValueChange(\n      activeIndex,\n      panelFinished ? 'panel-final' : 'panel-intermediate',\n      date,\n    );\n  };\n\n  // >>> Close\n  const onPopupClose = () => {\n    triggerOpen(false);\n  };\n\n  // >>> cellRender\n  const onInternalCellRender = useCellRender(\n    cellRender,\n    dateRender,\n    monthCellRender,\n    getActiveRange(activeIndex),\n  );\n\n  // >>> Value\n  const panelValue = calendarValue[activeIndex] || null;\n\n  // >>> invalid\n  const isPopupInvalidateDate = useEvent((date: DateType) => {\n    return isInvalidateDate(date, {\n      activeIndex,\n    });\n  });\n\n  const panelProps = React.useMemo(() => {\n    const domProps = pickAttrs(filledProps);\n    const restProps = omit(filledProps, [\n      ...(Object.keys(domProps) as (keyof SharedHTMLAttrs)[]),\n      'onChange',\n      'onCalendarChange',\n      'onClear',\n      'style',\n      'className',\n      'onPanelChange',\n      'disabledTime',\n      'classNames',\n      'styles',\n    ]);\n    return restProps;\n  }, [filledProps]);\n\n  // >>> Render\n  const panel = (\n    <Popup<any>\n      containerRef={popupRef}\n      // MISC\n      {...panelProps}\n      defaultOpenValue={toArray(showTime?.defaultOpenValue)[activeIndex]}\n      hoverRangeValue={showWeakHover ? null : hoverValues}\n      internalMode={internalMode}\n      multiplePanel={multiplePanel}\n      showNow={mergedShowNow}\n      styles={mergedStyles}\n      value={panelValue}\n      onChange={null}\n      onFocus={onPanelFocus}\n      onPresetHover={onPresetHover}\n      onSubmit={(date) => triggerPartConfirm(date, 'confirm')}\n      activeInfo={activeInfo}\n      // Disabled\n      disabledDate={mergedDisabledDate}\n      cellRender={onInternalCellRender}\n      // Styles\n      classNames={mergedClassNames}\n      isInvalid={isPopupInvalidateDate}\n      // Focus\n      mode={mergedMode}\n      showTime={mergedShowTime}\n      // Range\n      range\n      onBlur={(event) => onFieldBlur(activeIndex, 'panel', event)}\n      // Mode\n      picker={picker}\n      onHover={onPanelHover}\n      // Submit\n      needConfirm={needConfirm}\n      onOk={triggerOk}\n      // Preset\n      presets={presetList}\n      onPanelChange={triggerModeChange}\n      // Value\n      format={maskFormat}\n      onPickerValueChange={setCurrentPickerValue}\n      // Hover\n      hoverValue={showWeakHover && activeHoverValue ? [activeHoverValue] : null}\n      // Render\n      onPresetSubmit={onPresetSubmit}\n      // Now\n      onNow={onNow}\n      onSelect={onPanelSelect}\n      // PickerValue\n      pickerValue={currentPickerValue}\n    />\n  );\n\n  // ========================================================\n  // ==                      Selector                      ==\n  // ========================================================\n\n  // ======================== Change ========================\n  const onSelectorChange = (date: DateType, index?: number) => {\n    triggerRangeValueChange(index!, 'input', date);\n  };\n\n  const onSelectorInputChange = () => {\n    triggerRangeValueChange(activeIndex, 'input');\n  };\n\n  // ======================= Selector =======================\n  const onSelectorFocus: SelectorProps['onFocus'] = (event, index) => {\n    triggerRangeValueChange(index!, 'field-switch');\n\n    triggerOpen(true, {\n      inherit: true,\n    });\n\n    onFieldFocus(index!, 'input', event);\n  };\n\n  const onSelectorBlur: SelectorProps['onBlur'] = (event, index) => {\n    onFieldBlur(index!, 'input', event);\n  };\n\n  const onSelectorKeyDown: SelectorProps['onKeyDown'] = (event, preventDefault) => {\n    if (event.key === 'Tab') {\n      triggerPartConfirm(null, 'keyboard-submit-weak');\n    } else if (event.key === 'Escape') {\n      triggerRangeValueChange(activeIndex, 'esc');\n      triggerOpen(false);\n    }\n\n    onKeyDown?.(event, preventDefault);\n  };\n\n  // ======================= Context ========================\n  const context = React.useMemo(\n    () => ({\n      prefixCls,\n      locale,\n      generateConfig,\n      button: components.button,\n      input: components.input,\n      classNames: mergedClassNames,\n      styles: mergedStyles,\n    }),\n    [\n      prefixCls,\n      locale,\n      generateConfig,\n      components.button,\n      components.input,\n      mergedClassNames,\n      mergedStyles,\n    ],\n  );\n\n  // ======================== Effect ========================\n  // >>> Mode\n  // Reset for every active\n  useLayoutEffect(() => {\n    if (mergedOpen && activeIndex !== undefined) {\n      // Legacy compatible. This effect update should not trigger `onPanelChange`\n      triggerModeChange(null, picker, false);\n    }\n  }, [mergedOpen, activeIndex, picker]);\n\n  // ====================== DevWarning ======================\n  if (process.env.NODE_ENV !== 'production') {\n    const isIndexEmpty = (index: number) => {\n      return (\n        // Value is empty\n        !value?.[index] &&\n        // DefaultValue is empty\n        !defaultValue?.[index]\n      );\n    };\n\n    if (\n      disabled.some(\n        (fieldDisabled, index) => fieldDisabled && isIndexEmpty(index) && !allowEmpty[index],\n      )\n    ) {\n      warning(\n        false,\n        '`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.',\n      );\n    }\n  }\n\n  // ======================== Render ========================\n  return (\n    <PickerContext value={context}>\n      <PickerPopup\n        direction={filledProps.direction}\n        getAnchor={() => selectorRef.current?.nativeElement}\n        getPopupContainer={filledProps.getPopupContainer}\n        inline={filledProps.inlinePopup}\n        placement={filledProps.placement}\n        popupElement={panel}\n        popupStyle={mergedStyles.popup.root}\n        popupClassName={clsx(rootClassName, mergedClassNames.popup.root)}\n        // Visible\n        visible={mergedOpen}\n        onClose={onPopupClose}\n        // Range\n        range\n      >\n        <RangeSelector\n          // Shared\n          {...filledProps}\n          // Ref\n          activeHelp={!!internalHoverValues}\n          focused={focused}\n          maskFormat={maskFormat}\n          open={mergedOpen}\n          onBlur={onSelectorBlur}\n          onChange={onSelectorChange}\n          onFocus={onSelectorFocus}\n          onKeyDown={onSelectorKeyDown}\n          activeIndex={focused || mergedOpen ? activeIndex : null}\n          // Active\n          allHelp={!!internalHoverValues && hoverSource === 'preset'}\n          inputReadOnly={inputReadOnly}\n          // Disabled\n          disabled={disabled}\n          ref={selectorRef}\n          // Style\n          className={clsx(filledProps.className, rootClassName, mergedClassNames.root)}\n          style={{ ...mergedStyles.root, ...filledProps.style }}\n          // Icon\n          suffixIcon={suffixIcon}\n          onClear={onSelectorClear}\n          // Invalid\n          invalid={submitInvalidates}\n          // Open\n          onInputChange={onSelectorInputChange}\n          // Format\n          format={formatList}\n          onInvalid={onSelectorInvalid}\n          // Offset\n          onActiveInfo={setActiveInfo}\n          onOpenChange={triggerOpen}\n          // Click\n          onClick={onSelectorClick}\n          onSubmit={() => triggerPartConfirm(null, 'keyboard-submit')}\n          // Change\n          value={hoverValues}\n        />\n      </PickerPopup>\n    </PickerContext>\n  );\n}\n\nconst RefRangePicker = React.forwardRef(RangePicker) as <DateType extends object = any>(\n  props: RangePickerProps<DateType> & React.RefAttributes<RangePickerRef>,\n) => React.ReactElement;\n\nif (process.env.NODE_ENV !== 'production') {\n  (RefRangePicker as any).displayName = 'RefRangePicker';\n}\n\nexport default RefRangePicker;\n"],"mappings":"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"}

package/es/DatePicker/core/PickerInput/Selector/ClearIcon.mjs

@@ -0,0 +1,27 @@
+import PickerContext from "../context.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/Selector/ClearIcon.tsx
+function ClearIcon({ icon, onClear, ...restProps }) {
+	const { prefixCls, classNames, styles, locale } = React$1.use(PickerContext);
+	return /* @__PURE__ */ jsx("button", {
+		...restProps,
+		"aria-label": locale.clear,
+		className: clsx(`${prefixCls}-clear`, classNames.suffix),
+		style: styles.suffix,
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation();
+			onClear();
+		},
+		onMouseDown: (e) => {
+			e.preventDefault();
+		},
+		children: icon
+	});
+}
+//#endregion
+export { ClearIcon as default };
+
+//# sourceMappingURL=ClearIcon.mjs.map

package/es/DatePicker/core/PickerInput/Selector/ClearIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/Selector/ClearIcon.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport PickerContext from '../context';\n\nexport interface ClearIconProps extends React.HtmlHTMLAttributes<HTMLElement> {\n  icon?: React.ReactNode;\n  onClear: VoidFunction;\n}\n\nexport default function ClearIcon({ icon, onClear, ...restProps }: ClearIconProps) {\n  const { prefixCls, classNames, styles, locale } = React.use(PickerContext);\n\n  return (\n    <button\n      {...restProps}\n      aria-label={locale.clear}\n      className={clsx(`${prefixCls}-clear`, classNames.suffix)}\n      style={styles.suffix}\n      type=\"button\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onClear();\n      }}\n      onMouseDown={(e) => {\n        e.preventDefault();\n      }}\n    >\n      {icon}\n    </button>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAwB,UAAU,EAAE,MAAM,SAAS,GAAG,aAA6B;CACjF,MAAM,EAAE,WAAW,YAAY,QAAQ,WAAWA,QAAM,IAAI,aAAa;CAEzE,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,cAAY,OAAO;EACnB,WAAW,KAAK,GAAG,UAAU,SAAS,WAAW,MAAM;EACvD,OAAO,OAAO;EACd,MAAK;EACL,UAAU,MAAM;GACd,EAAE,gBAAgB;GAClB,QAAQ;EACV;EACA,cAAc,MAAM;GAClB,EAAE,eAAe;EACnB;EAEC,UAAA;CACK,CAAA;AAEZ"}

package/es/DatePicker/core/PickerInput/Selector/Icon.mjs

@@ -0,0 +1,19 @@
+import PickerContext from "../context.mjs";
+import { isReactRenderable } from "../../utils/common.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/Selector/Icon.tsx
+function Icon({ icon, ...restProps }) {
+	const { prefixCls, classNames, styles } = React$1.use(PickerContext);
+	return isReactRenderable(icon) ? /* @__PURE__ */ jsx("span", {
+		className: clsx(`${prefixCls}-suffix`, classNames.suffix),
+		style: styles.suffix,
+		...restProps,
+		children: icon
+	}) : null;
+}
+//#endregion
+export { Icon as default };
+
+//# sourceMappingURL=Icon.mjs.map

package/es/DatePicker/core/PickerInput/Selector/Icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/Selector/Icon.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { isReactRenderable } from '../../utils/common';\nimport PickerContext from '../context';\n\nexport interface IconProps extends React.HtmlHTMLAttributes<HTMLElement> {\n  icon?: React.ReactNode;\n}\n\nexport default function Icon({ icon, ...restProps }: IconProps) {\n  const { prefixCls, classNames, styles } = React.use(PickerContext);\n\n  return isReactRenderable(icon) ? (\n    <span\n      className={clsx(`${prefixCls}-suffix`, classNames.suffix)}\n      style={styles.suffix}\n      {...restProps}\n    >\n      {icon}\n    </span>\n  ) : null;\n}\n"],"mappings":";;;;;;AAUA,SAAwB,KAAK,EAAE,MAAM,GAAG,aAAwB;CAC9D,MAAM,EAAE,WAAW,YAAY,WAAWA,QAAM,IAAI,aAAa;CAEjE,OAAO,kBAAkB,IAAI,IAC3B,oBAAC,QAAD;EACE,WAAW,KAAK,GAAG,UAAU,UAAU,WAAW,MAAM;EACxD,OAAO,OAAO;EACd,GAAI;EAEH,UAAA;CACG,CAAA,IACJ;AACN"}