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

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

@@ -0,0 +1,318 @@
+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 } from "../utils/common.mjs";
+import { 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 useOpen from "./hooks/useOpen.mjs";
+import usePickerRef from "./hooks/usePickerRef.mjs";
+import usePresets from "./hooks/usePresets.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 useToggleDates from "../hooks/useToggleDates.mjs";
+import Popup from "./Popup/index.mjs";
+import useHoverStore from "./hooks/useHoverStore.mjs";
+import HoverSelector from "./Selector/SingleSelector/HoverSelector.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/SinglePicker.tsx
+function Picker(props, ref) {
+	const [filledProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate] = useFilledProps(props);
+	const { prefixCls, rootClassName, styles: propStyles, classNames: propClassNames, previewValue, order, defaultValue, value, needConfirm, onChange, onClear, onKeyDown, disabled, disabledDate, minDate, maxDate, defaultOpen, open, onOpenChange, locale, generateConfig, picker, showNow, showToday, showTime, mode, onPanelChange, onCalendarChange, onOk, multiple, defaultPickerValue, pickerValue, onPickerValueChange, inputReadOnly, suffixIcon, removeIcon, tagRender, onFocus, onBlur, presets, components, cellRender, dateRender, monthCellRender, onClick } = filledProps;
+	const selectorRef = usePickerRef(ref);
+	const popupRef = React$1.useRef(null);
+	function pickerParam(values) {
+		if (values === null) return null;
+		return multiple ? values : values[0];
+	}
+	const toggleDates = useToggleDates(generateConfig, locale, internalPicker);
+	const [mergedClassNames, mergedStyles] = useSemantic(propClassNames, propStyles);
+	const [mergedOpen, triggerOpen] = useOpen(open, defaultOpen, [disabled], onOpenChange);
+	const onInternalCalendarChange = (dates, dateStrings, info) => {
+		if (onCalendarChange) {
+			const filteredInfo = { ...info };
+			delete filteredInfo.range;
+			onCalendarChange(pickerParam(dates), pickerParam(dateStrings), filteredInfo);
+		}
+	};
+	const onInternalOk = (dates) => {
+		onOk?.(pickerParam(dates));
+	};
+	const [mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, triggerOk] = useInnerValue(generateConfig, locale, formatList, false, order, defaultValue, value, onInternalCalendarChange, onInternalOk);
+	const calendarValue = getCalendarValue();
+	const isInternalPickerElement = useEvent((element) => isTargetInContainers(element, [selectorRef.current.nativeElement, popupRef.current]));
+	const [focused, onFieldFocus, onFieldBlur] = useFocusEvents(isInternalPickerElement, (_index, event) => {
+		onFocus?.(event, {});
+	}, (_index, event) => {
+		onBlur?.(event, {});
+	}, () => {
+		triggerOpen(false);
+	});
+	const [mergedMode, setMode] = useControlledState(picker, mode);
+	/** Extends from `mergedMode` to patch `datetime` mode */
+	const internalMode = mergedMode === "date" && showTime ? "datetime" : mergedMode;
+	const mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday);
+	const onInternalChange = onChange && ((dates, dateStrings) => {
+		onChange(pickerParam(dates), pickerParam(dateStrings));
+	});
+	const [, triggerSubmitChange, resetValue] = useRangeValue({
+		...filledProps,
+		onChange: onInternalChange
+	}, mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, [], formatList, isInvalidateDate);
+	const getFieldCalendarValue = useEvent(() => {
+		const values = getCalendarValue();
+		return [values.length ? values : null];
+	});
+	const triggerFieldCalendarChange = useEvent((_index, nextValues) => {
+		triggerCalendarChange(nextValues);
+	});
+	const flushFieldSubmit = useEvent((_index, needTriggerChange) => {
+		if (needTriggerChange) {
+			triggerSubmitChange(getCalendarValue());
+			triggerOpen(false, { force: true });
+		}
+	});
+	const resetFieldValue = useEvent(() => {
+		resetValue();
+	});
+	const [, activeIndex, , , triggerSingleValueChange, resetSingleValueChange] = useRangeValueChange(1, needConfirm, [false], getFieldCalendarValue, triggerFieldCalendarChange, flushFieldSubmit, resetFieldValue);
+	useLayoutEffect$1((firstMount) => {
+		if (!firstMount && !mergedOpen) triggerSingleValueChange(0, "popupClose");
+	}, [mergedOpen]);
+	const [submitInvalidates, onSelectorInvalid] = useFieldsInvalidate(calendarValue, isInvalidateDate);
+	const submitInvalidate = React$1.useMemo(() => submitInvalidates.some((invalidated) => invalidated), [submitInvalidates]);
+	const onInternalPickerValueChange = (dates, info) => {
+		if (onPickerValueChange) {
+			const cleanInfo = {
+				...info,
+				mode: info.mode[0]
+			};
+			delete cleanInfo.range;
+			onPickerValueChange(dates[0], cleanInfo);
+		}
+	};
+	const [currentPickerValue, setCurrentPickerValue] = useRangePickerValue(generateConfig, locale, calendarValue, [mergedMode], mergedOpen, false, activeIndex, internalPicker, false, defaultPickerValue, pickerValue, toArray(showTime?.defaultOpenValue), onInternalPickerValueChange, minDate, maxDate);
+	const triggerModeChange = useEvent((nextPickerValue, nextMode, triggerEvent) => {
+		setMode(nextMode);
+		if (onPanelChange && triggerEvent !== false) {
+			const lastPickerValue = nextPickerValue || calendarValue.at(-1);
+			onPanelChange(lastPickerValue, nextMode);
+		}
+	});
+	/**
+	* Submit the complete value list stored in SinglePicker field `0`.
+	* 提交 SinglePicker field `0` 内保存的整组值。
+	*/
+	const triggerConfirm = (source = "confirm") => {
+		triggerSingleValueChange(0, source);
+	};
+	const onSelectorClick = (event) => {
+		if (!disabled && !selectorRef.current.nativeElement.contains(document.activeElement)) selectorRef.current.focus();
+		triggerOpen(true);
+		onClick?.(event);
+	};
+	const onSelectorClear = () => {
+		resetSingleValueChange();
+		triggerSubmitChange(null);
+		triggerOpen(false, { force: true });
+		selectorRef.current.focus();
+		onClear?.();
+	};
+	const hoverStore = useHoverStore();
+	const panelHoverValues = React$1.useMemo(() => {
+		const values = calendarValue.filter((date) => date);
+		return multiple ? values : values.slice(0, 1);
+	}, [calendarValue, multiple]);
+	React$1.useEffect(() => {
+		if (!mergedOpen) hoverStore.set(null, null);
+	}, [mergedOpen, hoverStore]);
+	const onSetHover = (date, source) => {
+		if (previewValue !== "hover") return;
+		hoverStore.set(date, date ? source : null);
+	};
+	const presetList = usePresets(presets);
+	const onPresetHover = (nextValue) => {
+		onSetHover(nextValue, "preset");
+	};
+	const onPresetSubmit = (nextValue) => {
+		const nextCalendarValues = multiple ? toggleDates(getCalendarValue(), nextValue) : [nextValue];
+		if (triggerSubmitChange(nextCalendarValues) && !multiple) triggerOpen(false, { force: true });
+	};
+	const onNow = (now) => {
+		onPresetSubmit(now);
+	};
+	const onPanelHover = (date) => {
+		onSetHover(date, "cell");
+	};
+	const onPanelFocus = (event) => {
+		triggerOpen(true);
+		onFieldFocus(0, "panel", event);
+	};
+	const onPanelSelect = (date) => {
+		if (multiple && internalMode !== picker) return;
+		const nextValues = multiple ? toggleDates(getCalendarValue(), date) : [date];
+		triggerSingleValueChange(0, !complexPicker && internalPicker === internalMode ? "panel-final" : "panel-intermediate", nextValues);
+	};
+	const onPopupClose = () => {
+		triggerOpen(false);
+	};
+	const onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender);
+	const panelProps = React$1.useMemo(() => {
+		const domProps = pickAttrs(filledProps);
+		return {
+			...omit(filledProps, [
+				...Object.keys(domProps),
+				"onChange",
+				"onCalendarChange",
+				"onClear",
+				"style",
+				"className",
+				"onPanelChange",
+				"classNames",
+				"styles"
+			]),
+			multiple: filledProps.multiple
+		};
+	}, [filledProps]);
+	const panel = /* @__PURE__ */ jsx(Popup, {
+		containerRef: popupRef,
+		...panelProps,
+		classNames: mergedClassNames,
+		isInvalid: isInvalidateDate,
+		mode: mergedMode,
+		showNow: mergedShowNow,
+		styles: mergedStyles,
+		value: calendarValue,
+		onChange: null,
+		onFocus: onPanelFocus,
+		onPresetHover,
+		onPresetSubmit,
+		onSubmit: () => triggerConfirm("confirm"),
+		defaultOpenValue: showTime?.defaultOpenValue,
+		internalMode,
+		showTime,
+		disabledDate,
+		onBlur: (event) => onFieldBlur(0, "panel", event),
+		picker,
+		onHover: onPanelHover,
+		needConfirm,
+		onNow,
+		cellRender: onInternalCellRender,
+		onOk: triggerOk,
+		presets: presetList,
+		onPanelChange: triggerModeChange,
+		format: maskFormat,
+		onPickerValueChange: setCurrentPickerValue,
+		hoverValue: panelHoverValues,
+		onSelect: onPanelSelect,
+		pickerValue: currentPickerValue
+	});
+	const onSelectorChange = (date, source = "input") => {
+		triggerSingleValueChange(0, source, date);
+	};
+	const onSelectorInputChange = () => {
+		triggerSingleValueChange(0, "input");
+	};
+	const onSelectorFocus = (event) => {
+		triggerSingleValueChange(0, "field-switch");
+		triggerOpen(true, { inherit: true });
+		onFieldFocus(0, "input", event);
+	};
+	const onSelectorBlur = (event) => {
+		onFieldBlur(0, "input", event);
+	};
+	const onSelectorKeyDown = (event, preventDefault) => {
+		if (event.key === "Tab") triggerConfirm("keyboard-submit-weak");
+		else if (event.key === "Escape") {
+			triggerSingleValueChange(0, "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
+	]);
+	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,
+			onClose: onPopupClose,
+			popupClassName: clsx(rootClassName, mergedClassNames.popup.root),
+			visible: mergedOpen,
+			children: /* @__PURE__ */ jsx(HoverSelector, {
+				...filledProps,
+				calendarValue,
+				focused,
+				hoverStore,
+				maskFormat,
+				open: mergedOpen,
+				removeIcon,
+				tagRender,
+				onBlur: onSelectorBlur,
+				onChange: onSelectorChange,
+				onFocus: onSelectorFocus,
+				onInputChange: onSelectorInputChange,
+				onKeyDown: onSelectorKeyDown,
+				onSubmit: () => triggerConfirm("keyboard-submit"),
+				onInvalid: (invalid) => {
+					onSelectorInvalid(invalid, 0);
+				},
+				inputReadOnly,
+				disabled,
+				internalPicker,
+				format: formatList,
+				ref: selectorRef,
+				className: clsx(filledProps.className, rootClassName, mergedClassNames.root),
+				style: {
+					...mergedStyles.root,
+					...filledProps.style
+				},
+				suffixIcon,
+				onClear: onSelectorClear,
+				invalid: submitInvalidate,
+				onOpenChange: triggerOpen,
+				onClick: onSelectorClick
+			})
+		})
+	});
+}
+const RefPicker = React$1.forwardRef(Picker);
+if (process.env.NODE_ENV !== "production") RefPicker.displayName = "RefPicker";
+//#endregion
+export { RefPicker as default };
+
+//# sourceMappingURL=SinglePicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SinglePicker.mjs","names":["React"],"sources":["../../../../src/DatePicker/core/PickerInput/SinglePicker.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 useToggleDates from '../hooks/useToggleDates';\nimport type {\n  BaseInfo,\n  InternalMode,\n  PanelMode,\n  PickerRef,\n  SelectorProps,\n  SharedHTMLAttrs,\n  SharedPickerProps,\n  SharedTimeProps,\n  ValueDate,\n} from '../interface';\nimport PickerPopup from '../PickerPopup';\nimport { omit, pickAttrs } from '../utils/common';\nimport { 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 useHoverStore, { type HoverSource } from './hooks/useHoverStore';\nimport useOpen from './hooks/useOpen';\nimport usePickerRef from './hooks/usePickerRef';\nimport usePresets from './hooks/usePresets';\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 from './Popup';\nimport HoverSelector from './Selector/SingleSelector/HoverSelector';\n\n// TODO: isInvalidateDate with showTime.disabledTime should not provide `range` prop\n\nexport interface CustomTagProps<DateType extends object = any> {\n  closable: boolean;\n  disabled: boolean;\n  label: React.ReactNode;\n  onClose: (event?: React.MouseEvent<HTMLElement>) => void;\n  value: DateType;\n}\n\nexport interface BasePickerProps<\n  DateType extends object = any,\n> extends SharedPickerProps<DateType> {\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 | null;\n\n  defaultValue?: DateType | DateType[];\n  // Control\n  disabled?: boolean;\n  // Structure\n  id?: string;\n  /** Only works when `multiple` is in use */\n  maxTagCount?: number | 'responsive';\n\n  // Mode\n  mode?: PanelMode;\n  /** Not support `time` or `datetime` picker */\n  multiple?: boolean;\n  onCalendarChange?: (\n    date: DateType | DateType[],\n    dateString: string | string[],\n    info: BaseInfo,\n  ) => void;\n  onChange?: (date: DateType | DateType[], dateString: string | string[]) => void;\n  /**  */\n  onOk?: (value?: DateType | DateType[]) => void;\n\n  onPanelChange?: (values: DateType, modes: PanelMode) => void;\n\n  /**\n   * Each popup panel `pickerValue` 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   */\n  onPickerValueChange?: (\n    date: DateType,\n    info: {\n      source: 'reset' | 'panel';\n      mode: PanelMode;\n    },\n  ) => void;\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 | null;\n  // Placeholder\n  placeholder?: string;\n\n  // Preset\n  presets?: ValueDate<DateType>[];\n\n  removeIcon?: React.ReactNode;\n\n  /** Only works when `multiple` is in use */\n  tagRender?: (props: CustomTagProps<DateType>) => React.ReactNode;\n  // Value\n  value?: DateType | DateType[] | null;\n}\n\nexport interface PickerProps<DateType extends object = any>\n  extends BasePickerProps<DateType>, Omit<SharedTimeProps<DateType>, 'format' | 'defaultValue'> {}\n\n/** Internal usage. For cross function get same aligned props */\nexport type ReplacedPickerProps<DateType extends object = any> = {\n  value?: DateType[];\n  defaultValue?: DateType[];\n  pickerValue?: DateType[];\n  defaultPickerValue?: DateType[];\n  onChange?: (date: DateType | DateType[], dateString: string | string[]) => void;\n  onCalendarChange?: (\n    date: DateType | DateType[],\n    dateString: string | string[],\n    info: BaseInfo,\n  ) => void;\n};\n\nfunction Picker<DateType extends object = any>(\n  props: PickerProps<DateType>,\n  ref: React.Ref<PickerRef>,\n) {\n  // ========================= Prop =========================\n  const [filledProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate] =\n    useFilledProps(props);\n\n  const {\n    // Style\n    prefixCls,\n    rootClassName,\n    styles: propStyles,\n    classNames: propClassNames,\n\n    previewValue,\n\n    // Value\n    order,\n    defaultValue,\n    value,\n    needConfirm,\n    onChange,\n    onClear,\n    onKeyDown,\n\n    // Disabled\n    disabled,\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    multiple,\n\n    // Picker Value\n    defaultPickerValue,\n    pickerValue,\n    onPickerValueChange,\n\n    // Format\n    inputReadOnly,\n\n    suffixIcon,\n    removeIcon,\n    tagRender,\n\n    // Focus\n    onFocus,\n    onBlur,\n\n    // Presets\n    presets,\n\n    // Render\n    components,\n    cellRender,\n    dateRender,\n    monthCellRender,\n\n    // Native\n    onClick,\n  } = filledProps as Omit<typeof filledProps, keyof ReplacedPickerProps<DateType>> &\n    ReplacedPickerProps<DateType>;\n\n  // ========================= Refs =========================\n  const selectorRef = usePickerRef(ref);\n  const popupRef = React.useRef<HTMLDivElement>(null);\n\n  // ========================= Util =========================\n  function pickerParam<T>(values: T[] | null) {\n    if (values === null) {\n      return null;\n    }\n\n    return multiple ? values : values[0];\n  }\n\n  const toggleDates = useToggleDates(generateConfig, locale, internalPicker);\n\n  // ======================= Semantic =======================\n  const [mergedClassNames, mergedStyles] = useSemantic(propClassNames, propStyles);\n\n  // ========================= Open =========================\n  const [mergedOpen, triggerOpen] = useOpen(open, defaultOpen, [disabled], onOpenChange);\n\n  // ======================= Calendar =======================\n  const onInternalCalendarChange = (dates: DateType[], dateStrings: string[], info: BaseInfo) => {\n    if (onCalendarChange) {\n      const filteredInfo = {\n        ...info,\n      };\n      delete filteredInfo.range;\n      onCalendarChange(pickerParam(dates)!, pickerParam(dateStrings)!, filteredInfo);\n    }\n  };\n\n  const onInternalOk = (dates: DateType[]) => {\n    onOk?.(pickerParam(dates)!);\n  };\n\n  // ======================== Values ========================\n  const [mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, triggerOk] =\n    useInnerValue(\n      generateConfig,\n      locale,\n      formatList,\n      false,\n      order,\n      defaultValue,\n      value,\n      onInternalCalendarChange,\n      onInternalOk,\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    },\n    (_index, event) => {\n      onBlur?.(event, {});\n    },\n    () => {\n      triggerOpen(false);\n    },\n  );\n\n  // ========================= Mode =========================\n  const [mergedMode, setMode] = useControlledState(picker, mode);\n\n  /** Extends from `mergedMode` to patch `datetime` mode */\n  const internalMode: InternalMode = mergedMode === 'date' && showTime ? 'datetime' : mergedMode;\n\n  // ======================= Show Now =======================\n  const mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday);\n\n  // ======================== Value =========================\n  const onInternalChange =\n    onChange &&\n    ((dates: DateType[] | null, dateStrings: string[] | null) => {\n      onChange(pickerParam(dates)!, pickerParam(dateStrings)!);\n    });\n\n  const [\n    ,\n    /** Trigger `onChange` directly without check `disabledDate` */\n    triggerSubmitChange,\n    /** Reset uncommitted values */\n    resetValue,\n  ] = useRangeValue(\n    {\n      ...filledProps,\n      onChange: onInternalChange,\n    },\n    mergedValue,\n    setInnerValue,\n    getCalendarValue,\n    triggerCalendarChange,\n    [], //disabled,\n    formatList,\n    isInvalidateDate,\n  );\n\n  // Treat the complete SinglePicker value list as one field value. This keeps\n  // multiple dates inside field `0` instead of exposing them as extra fields.\n  // 将 SinglePicker 的整组值视为一个 field value；multiple 日期仍属于\n  // field `0` 内部，不会被当成额外的 field。\n  const getFieldCalendarValue = useEvent(() => {\n    const values = getCalendarValue();\n    return [values.length ? values : null];\n  });\n\n  const triggerFieldCalendarChange = useEvent((_index: number, nextValues: DateType[]) => {\n    triggerCalendarChange(nextValues);\n  });\n\n  const flushFieldSubmit = useEvent((_index: number, needTriggerChange: boolean) => {\n    if (needTriggerChange) {\n      triggerSubmitChange(getCalendarValue());\n      triggerOpen(false, { force: true });\n    }\n  });\n\n  const resetFieldValue = useEvent(() => {\n    resetValue();\n  });\n\n  const [, activeIndex, , , triggerSingleValueChange, resetSingleValueChange] = useRangeValueChange<\n    DateType[]\n  >(\n    1,\n    needConfirm,\n    [false],\n    getFieldCalendarValue,\n    triggerFieldCalendarChange,\n    flushFieldSubmit,\n    resetFieldValue,\n  );\n\n  // Finalize the current interaction only after the popup is actually closed.\n  // 仅在 popup 实际关闭后，统一收口当前交互。\n  useLayoutEffect(\n    (firstMount) => {\n      if (!firstMount && !mergedOpen) {\n        triggerSingleValueChange(0, 'popupClose');\n      }\n    },\n    [mergedOpen],\n  );\n\n  // ======================= Validate =======================\n  const [submitInvalidates, onSelectorInvalid] = useFieldsInvalidate(\n    calendarValue,\n    isInvalidateDate,\n  );\n\n  const submitInvalidate = React.useMemo(\n    () => submitInvalidates.some((invalidated) => invalidated),\n    [submitInvalidates],\n  );\n\n  // ===================== Picker Value =====================\n  // Proxy to single pickerValue\n  const onInternalPickerValueChange = (\n    dates: DateType[],\n    info: BaseInfo & { source: 'reset' | 'panel'; mode: [PanelMode, PanelMode] },\n  ) => {\n    if (onPickerValueChange) {\n      const cleanInfo = { ...info, mode: info.mode[0] };\n      delete cleanInfo.range;\n      onPickerValueChange(dates[0], cleanInfo);\n    }\n  };\n\n  const [currentPickerValue, setCurrentPickerValue] = useRangePickerValue(\n    generateConfig,\n    locale,\n    calendarValue,\n    [mergedMode],\n    mergedOpen,\n    false,\n    activeIndex,\n    internalPicker,\n    false, // multiplePanel,\n    defaultPickerValue,\n    pickerValue,\n    toArray(showTime?.defaultOpenValue),\n    onInternalPickerValueChange,\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      setMode(nextMode);\n\n      // Compatible with `onPanelChange`\n      if (onPanelChange && triggerEvent !== false) {\n        const lastPickerValue: DateType = nextPickerValue || calendarValue.at(-1)!;\n        onPanelChange(lastPickerValue, nextMode);\n      }\n    },\n  );\n\n  // ======================== Submit ========================\n  /**\n   * Submit the complete value list stored in SinglePicker field `0`.\n   * 提交 SinglePicker field `0` 内保存的整组值。\n   */\n  const triggerConfirm = (source: RangeValueChangeSource = 'confirm') => {\n    triggerSingleValueChange(0, source);\n  };\n\n  // ======================== Click =========================\n  const onSelectorClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (!disabled && !selectorRef.current!.nativeElement.contains(document.activeElement)) {\n      // Click to focus the enabled input\n      selectorRef.current!.focus();\n    }\n\n    triggerOpen(true);\n\n    onClick?.(event);\n  };\n\n  const onSelectorClear = () => {\n    resetSingleValueChange();\n    triggerSubmitChange(null);\n    triggerOpen(false, { force: true });\n    selectorRef.current!.focus();\n    onClear?.();\n  };\n\n  // ======================== Hover =========================\n  // The hovered date lives outside React state: only the selector's preview reads it, so a\n  // cell hover must not re-render the popup and every panel cell.\n  const hoverStore = useHoverStore<DateType>();\n\n  const panelHoverValues = React.useMemo(() => {\n    const values = calendarValue.filter((date) => date);\n    return multiple ? values : values.slice(0, 1);\n  }, [calendarValue, multiple]);\n\n  React.useEffect(() => {\n    if (!mergedOpen) {\n      hoverStore.set(null, null);\n    }\n  }, [mergedOpen, hoverStore]);\n\n  const onSetHover = (date: DateType | null, source: HoverSource) => {\n    if (previewValue !== 'hover') {\n      return;\n    }\n    hoverStore.set(date, date ? source : null);\n  };\n\n  // ========================================================\n  // ==                       Panels                       ==\n  // ========================================================\n  // ======================= Presets ========================\n  const presetList = usePresets(presets);\n\n  const onPresetHover = (nextValue: DateType | null) => {\n    onSetHover(nextValue, 'preset');\n  };\n\n  // TODO: handle this\n  const onPresetSubmit = (nextValue: DateType) => {\n    const nextCalendarValues = multiple ? toggleDates(getCalendarValue(), nextValue) : [nextValue];\n    const passed = triggerSubmitChange(nextCalendarValues);\n\n    if (passed && !multiple) {\n      triggerOpen(false, { force: true });\n    }\n  };\n\n  const onNow = (now: DateType) => {\n    onPresetSubmit(now);\n  };\n\n  // ======================== Panel =========================\n  const onPanelHover = (date: DateType | null) => {\n    onSetHover(date, 'cell');\n  };\n\n  // >>> Focus\n  const onPanelFocus: React.FocusEventHandler<HTMLElement> = (event) => {\n    triggerOpen(true);\n    onFieldFocus(0, 'panel', event);\n  };\n\n  // >>> Calendar\n  const onPanelSelect = (date: DateType) => {\n    // Not change values if multiple and current panel is to match with picker\n    if (multiple && internalMode !== picker) {\n      return;\n    }\n\n    const nextValues = multiple ? toggleDates(getCalendarValue(), date) : [date];\n    const panelFinished = !complexPicker && internalPicker === internalMode;\n\n    triggerSingleValueChange(0, panelFinished ? 'panel-final' : 'panel-intermediate', nextValues);\n  };\n\n  // >>> Close\n  const onPopupClose = () => {\n    // Close popup\n    triggerOpen(false);\n  };\n\n  // >>> cellRender\n  const onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender);\n\n  // >>> invalid\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      'classNames',\n      'styles',\n    ]);\n    return {\n      ...restProps,\n      multiple: filledProps.multiple,\n    };\n  }, [filledProps]);\n\n  // >>> Render\n  const panel = (\n    <Popup<any>\n      containerRef={popupRef}\n      // MISC\n      {...panelProps}\n      classNames={mergedClassNames}\n      isInvalid={isInvalidateDate}\n      mode={mergedMode}\n      showNow={mergedShowNow}\n      styles={mergedStyles}\n      value={calendarValue}\n      onChange={null}\n      onFocus={onPanelFocus}\n      onPresetHover={onPresetHover}\n      onPresetSubmit={onPresetSubmit}\n      onSubmit={() => triggerConfirm('confirm')}\n      defaultOpenValue={showTime?.defaultOpenValue}\n      // Focus\n      internalMode={internalMode}\n      showTime={showTime}\n      // Disabled\n      disabledDate={disabledDate}\n      onBlur={(event) => onFieldBlur(0, 'panel', event)}\n      // Mode\n      picker={picker}\n      onHover={onPanelHover}\n      // Submit\n      needConfirm={needConfirm}\n      onNow={onNow}\n      // Render\n      cellRender={onInternalCellRender}\n      onOk={triggerOk}\n      // Preset\n      presets={presetList}\n      onPanelChange={triggerModeChange}\n      // Value\n      format={maskFormat}\n      // Styles\n      onPickerValueChange={setCurrentPickerValue}\n      // Hover\n      hoverValue={panelHoverValues}\n      onSelect={onPanelSelect}\n      // PickerValue\n      pickerValue={currentPickerValue}\n    />\n  );\n\n  // ========================================================\n  // ==                      Selector                      ==\n  // ========================================================\n\n  // ======================== Change ========================\n  const onSelectorChange = (date: DateType[], source: 'input' | 'remove' = 'input') => {\n    triggerSingleValueChange(0, source, date);\n  };\n\n  const onSelectorInputChange = () => {\n    triggerSingleValueChange(0, 'input');\n  };\n\n  // ======================= Selector =======================\n  const onSelectorFocus: SelectorProps['onFocus'] = (event) => {\n    triggerSingleValueChange(0, 'field-switch');\n\n    triggerOpen(true, {\n      inherit: true,\n    });\n\n    onFieldFocus(0, 'input', event);\n  };\n\n  const onSelectorBlur: SelectorProps['onBlur'] = (event) => {\n    onFieldBlur(0, 'input', event);\n  };\n\n  const onSelectorKeyDown: SelectorProps['onKeyDown'] = (event, preventDefault) => {\n    if (event.key === 'Tab') {\n      triggerConfirm('keyboard-submit-weak');\n    } else if (event.key === 'Escape') {\n      triggerSingleValueChange(0, '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  // ======================== 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        onClose={onPopupClose}\n        popupClassName={clsx(rootClassName, mergedClassNames.popup.root)}\n        // Visible\n        visible={mergedOpen}\n      >\n        <HoverSelector\n          // Shared\n          {...filledProps}\n          // Ref\n          calendarValue={calendarValue}\n          focused={focused}\n          hoverStore={hoverStore}\n          maskFormat={maskFormat}\n          open={mergedOpen}\n          removeIcon={removeIcon}\n          tagRender={tagRender}\n          onBlur={onSelectorBlur}\n          onChange={onSelectorChange}\n          onFocus={onSelectorFocus}\n          onInputChange={onSelectorInputChange}\n          onKeyDown={onSelectorKeyDown}\n          onSubmit={() => triggerConfirm('keyboard-submit')}\n          onInvalid={(invalid) => {\n            // Only `single` mode support type date.\n            // `multiple` mode can not typing.\n            onSelectorInvalid(invalid, 0);\n          }}\n          inputReadOnly={inputReadOnly}\n          // Disabled\n          disabled={disabled}\n          internalPicker={internalPicker}\n          // Format\n          format={formatList}\n          // Open\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={submitInvalidate}\n          onOpenChange={triggerOpen}\n          // Click\n          onClick={onSelectorClick}\n        />\n      </PickerPopup>\n    </PickerContext>\n  );\n}\n\nconst RefPicker = React.forwardRef(Picker) as <DateType extends object = any>(\n  props: PickerProps<DateType> & React.RefAttributes<PickerRef>,\n) => React.ReactElement;\n\nif (process.env.NODE_ENV !== 'production') {\n  (RefPicker as any).displayName = 'RefPicker';\n}\n\nexport default RefPicker;\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/context.tsx
+const PickerContext = React$1.createContext(null);
+//#endregion
+export { PickerContext as default };
+
+//# sourceMappingURL=context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":["React"],"sources":["../../../../src/DatePicker/core/PickerInput/context.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { GenerateConfig } from '../generate';\nimport type { FilledClassNames, FilledStyles } from '../hooks/useSemantic';\nimport type { Components, Locale } from '../interface';\n\nexport interface PickerContextProps<DateType = any> {\n  /** Customize button component */\n  button?: Components['button'];\n  classNames: FilledClassNames;\n  generateConfig: GenerateConfig<DateType>;\n  input?: Components['input'];\n  locale: Locale;\n  prefixCls: string;\n  styles: FilledStyles;\n}\n\nconst PickerContext = React.createContext<PickerContextProps>(null!);\n\nexport default PickerContext;\n"],"mappings":";;AAiBA,MAAM,gBAAgBA,QAAM,cAAkC,IAAK"}

package/es/DatePicker/core/PickerInput/hooks/useCellRender.mjs

@@ -0,0 +1,30 @@
+import { warning } from "../../utils/common.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useCellRender.ts
+function useCellRender(cellRender, dateRender, monthCellRender, range) {
+	if (process.env.NODE_ENV !== "production") {
+		warning(!dateRender, `'dateRender' is deprecated. Please use 'cellRender' instead.`);
+		warning(!monthCellRender, `'monthCellRender' is deprecated. Please use 'cellRender' instead.`);
+	}
+	const mergedCellRender = React$1.useMemo(() => {
+		if (cellRender) return cellRender;
+		return (current, info) => {
+			const date = current;
+			if (dateRender && info.type === "date") return dateRender(date, info.today);
+			if (monthCellRender && info.type === "month") return monthCellRender(date, info.locale);
+			return info.originNode;
+		};
+	}, [
+		cellRender,
+		monthCellRender,
+		dateRender
+	]);
+	return React$1.useCallback((date, info) => mergedCellRender(date, {
+		...info,
+		range
+	}), [mergedCellRender, range]);
+}
+//#endregion
+export { useCellRender as default };
+
+//# sourceMappingURL=useCellRender.mjs.map

package/es/DatePicker/core/PickerInput/hooks/useCellRender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellRender.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useCellRender.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { CellRender, CellRenderInfo, SharedPickerProps } from '../../interface';\nimport { warning } from '../../utils/common';\n\nexport default function useCellRender<DateType extends object = any>(\n  cellRender: SharedPickerProps<DateType>['cellRender'],\n  dateRender?: SharedPickerProps<DateType>['dateRender'],\n  monthCellRender?: SharedPickerProps<DateType>['monthCellRender'],\n  range?: CellRenderInfo<DateType>['range'],\n) {\n  // ========================= Warn =========================\n  if (process.env.NODE_ENV !== 'production') {\n    warning(!dateRender, `'dateRender' is deprecated. Please use 'cellRender' instead.`);\n    warning(!monthCellRender, `'monthCellRender' is deprecated. Please use 'cellRender' instead.`);\n  }\n\n  // ======================== Render ========================\n  // Merged render\n  const mergedCellRender = React.useMemo(() => {\n    if (cellRender) {\n      return cellRender;\n    }\n\n    return (current: DateType | number | string, info: CellRenderInfo<DateType>) => {\n      const date = current as DateType;\n\n      if (dateRender && info.type === 'date') {\n        return dateRender(date, info.today);\n      }\n      if (monthCellRender && info.type === 'month') {\n        return monthCellRender(date, info.locale!);\n      }\n      return info.originNode;\n    };\n  }, [cellRender, monthCellRender, dateRender]);\n\n  // Cell render\n  const onInternalCellRender: CellRender<DateType> = React.useCallback(\n    (date, info) => mergedCellRender(date, { ...info, range }),\n    [mergedCellRender, range],\n  );\n\n  return onInternalCellRender;\n}\n"],"mappings":";;;AAKA,SAAwB,cACtB,YACA,YACA,iBACA,OACA;CAEA,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,QAAQ,CAAC,YAAY,8DAA8D;EACnF,QAAQ,CAAC,iBAAiB,mEAAmE;CAC/F;CAIA,MAAM,mBAAmBA,QAAM,cAAc;EAC3C,IAAI,YACF,OAAO;EAGT,QAAQ,SAAqC,SAAmC;GAC9E,MAAM,OAAO;GAEb,IAAI,cAAc,KAAK,SAAS,QAC9B,OAAO,WAAW,MAAM,KAAK,KAAK;GAEpC,IAAI,mBAAmB,KAAK,SAAS,SACnC,OAAO,gBAAgB,MAAM,KAAK,MAAO;GAE3C,OAAO,KAAK;EACd;CACF,GAAG;EAAC;EAAY;EAAiB;CAAU,CAAC;CAQ5C,OALmDA,QAAM,aACtD,MAAM,SAAS,iBAAiB,MAAM;EAAE,GAAG;EAAM;CAAM,CAAC,GACzD,CAAC,kBAAkB,KAAK,CAGA;AAC5B"}

package/es/DatePicker/core/PickerInput/hooks/useDelayState.mjs

@@ -0,0 +1,37 @@
+import { useControlledState, useEvent } from "../../hooks/react.mjs";
+import { raf } from "../../utils/common.mjs";
+import React from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useDelayState.ts
+/**
+* Will be `true` immediately for next effect.
+* But will be `false` for a delay of effect.
+*/
+function useDelayState(value, defaultValue, onChange) {
+	const [state, setState] = useControlledState(defaultValue, value);
+	const [, forceUpdate] = React.useState({});
+	const triggerUpdate = useEvent((nextState) => {
+		setState(nextState);
+		forceUpdate({});
+	});
+	const nextValueRef = React.useRef(value);
+	const rafRef = React.useRef(void 0);
+	const cancelRaf = () => {
+		raf.cancel(rafRef.current);
+	};
+	const doUpdate = useEvent(() => {
+		triggerUpdate(nextValueRef.current);
+		if (onChange && state !== nextValueRef.current) onChange(nextValueRef.current);
+	});
+	const updateValue = useEvent((next, immediately) => {
+		cancelRaf();
+		nextValueRef.current = next;
+		if (next || immediately) doUpdate();
+		else rafRef.current = raf(doUpdate);
+	});
+	React.useEffect(() => cancelRaf, []);
+	return [state, updateValue];
+}
+//#endregion
+export { useDelayState as default };
+
+//# sourceMappingURL=useDelayState.mjs.map

package/es/DatePicker/core/PickerInput/hooks/useDelayState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayState.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useDelayState.ts"],"sourcesContent":["import React from 'react';\n\nimport { useControlledState, useEvent } from '../../hooks/react';\nimport { raf } from '../../utils/common';\n\n/**\n * Will be `true` immediately for next effect.\n * But will be `false` for a delay of effect.\n */\nexport default function useDelayState<T>(\n  value: T | undefined,\n  defaultValue: T,\n  onChange?: (next: T) => void,\n): [state: T, setState: (nextState: T, immediately?: boolean) => void] {\n  const [state, setState] = useControlledState<T>(defaultValue, value);\n\n  // Need force update to ensure React re-render\n  const [, forceUpdate] = React.useState({});\n\n  const triggerUpdate = useEvent((nextState: T) => {\n    setState(nextState);\n    forceUpdate({});\n  });\n\n  const nextValueRef = React.useRef<T>(value!);\n\n  // ============================= Update =============================\n  const rafRef = React.useRef<number | undefined>(undefined);\n  const cancelRaf = () => {\n    raf.cancel(rafRef.current!);\n  };\n\n  const doUpdate = useEvent(() => {\n    triggerUpdate(nextValueRef.current);\n\n    if (onChange && state !== nextValueRef.current) {\n      onChange(nextValueRef.current);\n    }\n  });\n\n  const updateValue = useEvent((next: T, immediately?: boolean) => {\n    cancelRaf();\n\n    nextValueRef.current = next;\n\n    if (next || immediately) {\n      doUpdate();\n    } else {\n      rafRef.current = raf(doUpdate);\n    }\n  });\n\n  React.useEffect(() => cancelRaf, []);\n\n  return [state, updateValue];\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,cACtB,OACA,cACA,UACqE;CACrE,MAAM,CAAC,OAAO,YAAY,mBAAsB,cAAc,KAAK;CAGnE,MAAM,GAAG,eAAe,MAAM,SAAS,CAAC,CAAC;CAEzC,MAAM,gBAAgB,UAAU,cAAiB;EAC/C,SAAS,SAAS;EAClB,YAAY,CAAC,CAAC;CAChB,CAAC;CAED,MAAM,eAAe,MAAM,OAAU,KAAM;CAG3C,MAAM,SAAS,MAAM,OAA2B,KAAA,CAAS;CACzD,MAAM,kBAAkB;EACtB,IAAI,OAAO,OAAO,OAAQ;CAC5B;CAEA,MAAM,WAAW,eAAe;EAC9B,cAAc,aAAa,OAAO;EAElC,IAAI,YAAY,UAAU,aAAa,SACrC,SAAS,aAAa,OAAO;CAEjC,CAAC;CAED,MAAM,cAAc,UAAU,MAAS,gBAA0B;EAC/D,UAAU;EAEV,aAAa,UAAU;EAEvB,IAAI,QAAQ,aACV,SAAS;OAET,OAAO,UAAU,IAAI,QAAQ;CAEjC,CAAC;CAED,MAAM,gBAAgB,WAAW,CAAC,CAAC;CAEnC,OAAO,CAAC,OAAO,WAAW;AAC5B"}

package/es/DatePicker/core/PickerInput/hooks/useDisabledBoundary.mjs

@@ -0,0 +1,18 @@
+import { useEvent } from "../../hooks/react.mjs";
+import { isSame } from "../../utils/dateUtil.mjs";
+//#region src/DatePicker/core/PickerInput/hooks/useDisabledBoundary.ts
+/**
+* Merge `disabledDate` with `minDate` & `maxDate`.
+*/
+function useDisabledBoundary(generateConfig, locale, disabledDate, minDate, maxDate) {
+	return useEvent((date, info) => {
+		if (disabledDate && disabledDate(date, info)) return true;
+		if (minDate && generateConfig.isAfter(minDate, date) && !isSame(generateConfig, locale, minDate, date, info.type)) return true;
+		if (maxDate && generateConfig.isAfter(date, maxDate) && !isSame(generateConfig, locale, maxDate, date, info.type)) return true;
+		return false;
+	});
+}
+//#endregion
+export { useDisabledBoundary as default };
+
+//# sourceMappingURL=useDisabledBoundary.mjs.map

package/es/DatePicker/core/PickerInput/hooks/useDisabledBoundary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisabledBoundary.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useDisabledBoundary.ts"],"sourcesContent":["import type { GenerateConfig } from '../../generate';\nimport { useEvent } from '../../hooks/react';\nimport type { DisabledDate, InternalMode, Locale } from '../../interface';\nimport { isSame } from '../../utils/dateUtil';\n\nexport type IsInvalidBoundary<DateType> = (\n  currentDate: DateType,\n  type: InternalMode,\n  fromDate?: DateType,\n) => boolean;\n\n/**\n * Merge `disabledDate` with `minDate` & `maxDate`.\n */\nexport default function useDisabledBoundary<DateType extends object = any>(\n  generateConfig: GenerateConfig<DateType>,\n  locale: Locale,\n  disabledDate?: DisabledDate<DateType>,\n  minDate?: DateType,\n  maxDate?: DateType,\n) {\n  const mergedDisabledDate = useEvent<DisabledDate<DateType>>((date, info) => {\n    if (disabledDate && disabledDate(date, info)) {\n      return true;\n    }\n\n    if (\n      minDate &&\n      generateConfig.isAfter(minDate, date) &&\n      !isSame(generateConfig, locale, minDate, date, info.type)\n    ) {\n      return true;\n    }\n\n    if (\n      maxDate &&\n      generateConfig.isAfter(date, maxDate) &&\n      !isSame(generateConfig, locale, maxDate, date, info.type)\n    ) {\n      return true;\n    }\n\n    return false;\n  });\n\n  return mergedDisabledDate;\n}\n"],"mappings":";;;;;;AAcA,SAAwB,oBACtB,gBACA,QACA,cACA,SACA,SACA;CAyBA,OAxB2B,UAAkC,MAAM,SAAS;EAC1E,IAAI,gBAAgB,aAAa,MAAM,IAAI,GACzC,OAAO;EAGT,IACE,WACA,eAAe,QAAQ,SAAS,IAAI,KACpC,CAAC,OAAO,gBAAgB,QAAQ,SAAS,MAAM,KAAK,IAAI,GAExD,OAAO;EAGT,IACE,WACA,eAAe,QAAQ,MAAM,OAAO,KACpC,CAAC,OAAO,gBAAgB,QAAQ,SAAS,MAAM,KAAK,IAAI,GAExD,OAAO;EAGT,OAAO;CACT,CAEwB;AAC1B"}

package/es/DatePicker/core/PickerInput/hooks/useFieldFormat.mjs

@@ -0,0 +1,20 @@
+import { getRowFormat, toArray } from "../../utils/miscUtil.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useFieldFormat.ts
+function useFieldFormat(picker, locale, format) {
+	return React$1.useMemo(() => {
+		const rawFormat = getRowFormat(picker, locale, format);
+		const formatList = toArray(rawFormat);
+		const firstFormat = formatList[0];
+		const maskFormat = typeof firstFormat === "object" && firstFormat.type === "mask" ? firstFormat.format : null;
+		return [formatList.map((config) => typeof config === "string" || typeof config === "function" ? config : config.format), maskFormat];
+	}, [
+		picker,
+		locale,
+		format
+	]);
+}
+//#endregion
+export { useFieldFormat };
+
+//# sourceMappingURL=useFieldFormat.mjs.map

package/es/DatePicker/core/PickerInput/hooks/useFieldFormat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldFormat.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useFieldFormat.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { FormatType, InternalMode, Locale, SharedPickerProps } from '../../interface';\nimport { getRowFormat, toArray } from '../../utils/miscUtil';\n\nexport function useFieldFormat<DateType = any>(\n  picker: InternalMode,\n  locale: Locale,\n  format?: SharedPickerProps['format'],\n): [formatList: FormatType<DateType>[], maskFormat?: string | null] {\n  return React.useMemo(() => {\n    const rawFormat = getRowFormat(picker, locale, format);\n\n    const formatList = toArray(rawFormat);\n\n    const firstFormat = formatList[0];\n    const maskFormat =\n      typeof firstFormat === 'object' && firstFormat.type === 'mask' ? firstFormat.format : null;\n\n    return [\n      // Format list\n      formatList.map((config) =>\n        typeof config === 'string' || typeof config === 'function' ? config : config.format,\n      ),\n      // Mask Format\n      maskFormat,\n    ];\n  }, [picker, locale, format]);\n}\n"],"mappings":";;;AAKA,SAAgB,eACd,QACA,QACA,QACkE;CAClE,OAAOA,QAAM,cAAc;EACzB,MAAM,YAAY,aAAa,QAAQ,QAAQ,MAAM;EAErD,MAAM,aAAa,QAAQ,SAAS;EAEpC,MAAM,cAAc,WAAW;EAC/B,MAAM,aACJ,OAAO,gBAAgB,YAAY,YAAY,SAAS,SAAS,YAAY,SAAS;EAExF,OAAO,CAEL,WAAW,KAAK,WACd,OAAO,WAAW,YAAY,OAAO,WAAW,aAAa,SAAS,OAAO,MAC/E,GAEA,UACF;CACF,GAAG;EAAC;EAAQ;EAAQ;CAAM,CAAC;AAC7B"}

package/es/DatePicker/core/PickerInput/hooks/useFieldsInvalidate.mjs

@@ -0,0 +1,31 @@
+import { fillIndex } from "../../utils/miscUtil.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useFieldsInvalidate.ts
+/**
+* Used to control each fields invalidate status
+*/
+function useFieldsInvalidate(calendarValue, isInvalidateDate, allowEmpty = []) {
+	const [fieldsInvalidates, setFieldsInvalidates] = React$1.useState([false, false]);
+	const onSelectorInvalid = (invalid, index) => {
+		setFieldsInvalidates((ori) => fillIndex(ori, index, invalid));
+	};
+	return [React$1.useMemo(() => {
+		return fieldsInvalidates.map((invalid, index) => {
+			if (invalid) return true;
+			const current = calendarValue[index];
+			if (!current) return false;
+			if (!allowEmpty[index] && !current) return true;
+			if (current && isInvalidateDate(current, { activeIndex: index })) return true;
+			return false;
+		});
+	}, [
+		calendarValue,
+		fieldsInvalidates,
+		isInvalidateDate,
+		allowEmpty
+	]), onSelectorInvalid];
+}
+//#endregion
+export { useFieldsInvalidate as default };
+
+//# sourceMappingURL=useFieldsInvalidate.mjs.map

package/es/DatePicker/core/PickerInput/hooks/useFieldsInvalidate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldsInvalidate.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useFieldsInvalidate.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { NullableDateType } from '../../interface';\nimport { fillIndex } from '../../utils/miscUtil';\nimport type useInvalidate from './useInvalidate';\n\n/**\n * Used to control each fields invalidate status\n */\nexport default function useFieldsInvalidate<\n  DateType extends object,\n  ValueType extends NullableDateType<DateType>[],\n>(\n  calendarValue: ValueType,\n  isInvalidateDate: ReturnType<typeof useInvalidate<DateType>>,\n  allowEmpty: boolean[] = [],\n) {\n  const [fieldsInvalidates, setFieldsInvalidates] = React.useState<[boolean, boolean]>([\n    false,\n    false,\n  ]);\n\n  const onSelectorInvalid = (invalid: boolean, index?: number) => {\n    setFieldsInvalidates((ori) => fillIndex(ori, index!, invalid));\n  };\n\n  /**\n   * For the Selector Input to mark as `aria-disabled`\n   */\n  const submitInvalidates = React.useMemo(() => {\n    return fieldsInvalidates.map((invalid, index) => {\n      // If typing invalidate\n      if (invalid) {\n        return true;\n      }\n\n      const current = calendarValue[index];\n\n      // Not check if all empty\n      if (!current) {\n        return false;\n      }\n\n      // Not allow empty\n      if (!allowEmpty[index] && !current) {\n        return true;\n      }\n\n      // Invalidate\n      if (current && isInvalidateDate(current, { activeIndex: index })) {\n        return true;\n      }\n\n      return false;\n    }) as [boolean, boolean];\n  }, [calendarValue, fieldsInvalidates, isInvalidateDate, allowEmpty]);\n\n  return [submitInvalidates, onSelectorInvalid] as const;\n}\n"],"mappings":";;;;;;AASA,SAAwB,oBAItB,eACA,kBACA,aAAwB,CAAC,GACzB;CACA,MAAM,CAAC,mBAAmB,wBAAwBA,QAAM,SAA6B,CACnF,OACA,KACF,CAAC;CAED,MAAM,qBAAqB,SAAkB,UAAmB;EAC9D,sBAAsB,QAAQ,UAAU,KAAK,OAAQ,OAAO,CAAC;CAC/D;CAiCA,OAAO,CA5BmBA,QAAM,cAAc;EAC5C,OAAO,kBAAkB,KAAK,SAAS,UAAU;GAE/C,IAAI,SACF,OAAO;GAGT,MAAM,UAAU,cAAc;GAG9B,IAAI,CAAC,SACH,OAAO;GAIT,IAAI,CAAC,WAAW,UAAU,CAAC,SACzB,OAAO;GAIT,IAAI,WAAW,iBAAiB,SAAS,EAAE,aAAa,MAAM,CAAC,GAC7D,OAAO;GAGT,OAAO;EACT,CAAC;CACH,GAAG;EAAC;EAAe;EAAmB;EAAkB;CAAU,CAE1C,GAAG,iBAAiB;AAC9C"}