@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

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

@@ -0,0 +1,98 @@
+import { warning } from "../../utils/common.mjs";
+import { toArray } from "../../utils/miscUtil.mjs";
+import useLocale from "../../hooks/useLocale.mjs";
+import { fillShowTimeConfig, getTimeProps } from "../../hooks/useTimeConfig.mjs";
+import { fillClearIcon } from "../Selector/hooks/useClearIcon.mjs";
+import useDisabledBoundary from "./useDisabledBoundary.mjs";
+import { useFieldFormat } from "./useFieldFormat.mjs";
+import useInputReadOnly from "./useInputReadOnly.mjs";
+import useInvalidate from "./useInvalidate.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useFilledProps.ts
+function useList(value, fillMode = false) {
+	return React$1.useMemo(() => {
+		const list = value ? toArray(value) : value;
+		if (fillMode && list) list[1] = list[1] || list[0];
+		return list;
+	}, [value, fillMode]);
+}
+/**
+* Align the outer props with unique typed and fill undefined props.
+* This is shared with both RangePicker and Picker. This will do:
+* - Convert `value` & `defaultValue` to array
+* - handle the legacy props fill like `clearIcon` + `allowClear` = `clearIcon`
+*/
+function useFilledProps(props, updater) {
+	const { generateConfig, locale, picker = "date", prefixCls = "rc-picker", previewValue = "hover", styles = {}, classNames = {}, order = true, components = {}, inputRender, allowClear, clearIcon, needConfirm, multiple, format, inputReadOnly, disabledDate, minDate, maxDate, showTime, value, defaultValue, pickerValue, defaultPickerValue } = props;
+	const values = useList(value);
+	const defaultValues = useList(defaultValue);
+	const pickerValues = useList(pickerValue);
+	const defaultPickerValues = useList(defaultPickerValue);
+	/** Almost same as `picker`, but add `datetime` for `date` with `showTime` */
+	const internalPicker = picker === "date" && showTime ? "datetime" : picker;
+	/** The picker is `datetime` or `time` */
+	const multipleInteractivePicker = internalPicker === "time" || internalPicker === "datetime";
+	const complexPicker = multipleInteractivePicker || !!multiple;
+	const mergedNeedConfirm = needConfirm ?? multipleInteractivePicker;
+	const [timeProps, localeTimeProps, showTimeFormat, propFormat] = getTimeProps(props);
+	const mergedLocale = useLocale(locale, localeTimeProps);
+	const mergedShowTime = React$1.useMemo(() => fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale), [
+		internalPicker,
+		showTimeFormat,
+		propFormat,
+		timeProps,
+		mergedLocale
+	]);
+	if (process.env.NODE_ENV !== "production" && picker === "time" && [
+		"disabledHours",
+		"disabledMinutes",
+		"disabledSeconds"
+	].some((key) => props[key])) warning(false, `'disabledHours', 'disabledMinutes', 'disabledSeconds' will be removed in the next major version, please use 'disabledTime' instead.`);
+	const filledProps = React$1.useMemo(() => ({
+		...props,
+		previewValue,
+		prefixCls,
+		locale: mergedLocale,
+		picker,
+		styles,
+		classNames,
+		order,
+		components: {
+			input: inputRender,
+			...components
+		},
+		clearIcon: fillClearIcon(prefixCls, allowClear, clearIcon),
+		showTime: mergedShowTime,
+		value: values,
+		defaultValue: defaultValues,
+		pickerValue: pickerValues,
+		defaultPickerValue: defaultPickerValues,
+		...updater?.()
+	}), [props]);
+	const [formatList, maskFormat] = useFieldFormat(internalPicker, mergedLocale, format);
+	const mergedInputReadOnly = useInputReadOnly(formatList, inputReadOnly, multiple);
+	const disabledBoundaryDate = useDisabledBoundary(generateConfig, locale, disabledDate, minDate, maxDate);
+	const isInvalidateDate = useInvalidate(generateConfig, picker, disabledBoundaryDate, mergedShowTime);
+	return [
+		React$1.useMemo(() => ({
+			...filledProps,
+			needConfirm: mergedNeedConfirm,
+			inputReadOnly: mergedInputReadOnly,
+			disabledDate: disabledBoundaryDate
+		}), [
+			filledProps,
+			mergedNeedConfirm,
+			mergedInputReadOnly,
+			disabledBoundaryDate
+		]),
+		internalPicker,
+		complexPicker,
+		formatList,
+		maskFormat,
+		isInvalidateDate
+	];
+}
+//#endregion
+export { useFilledProps as default };
+
+//# sourceMappingURL=useFilledProps.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilledProps.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useFilledProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport useLocale from '../../hooks/useLocale';\nimport { fillShowTimeConfig, getTimeProps } from '../../hooks/useTimeConfig';\nimport type {\n  Components,\n  DisabledDate,\n  FormatType,\n  InternalMode,\n  PickerMode,\n} from '../../interface';\nimport { warning } from '../../utils/common';\nimport { toArray } from '../../utils/miscUtil';\nimport type { RangePickerProps } from '../RangePicker';\nimport { fillClearIcon } from '../Selector/hooks/useClearIcon';\nimport useDisabledBoundary from './useDisabledBoundary';\nimport { useFieldFormat } from './useFieldFormat';\nimport useInputReadOnly from './useInputReadOnly';\nimport useInvalidate from './useInvalidate';\n\ntype UseInvalidate<DateType extends object = any> = typeof useInvalidate<DateType>;\n\ntype PickedProps<DateType extends object = any> = Pick<\n  RangePickerProps<DateType>,\n  | 'generateConfig'\n  | 'locale'\n  | 'picker'\n  | 'prefixCls'\n  | 'styles'\n  | 'classNames'\n  | 'order'\n  | 'components'\n  | 'inputRender'\n  | 'clearIcon'\n  | 'allowClear'\n  | 'needConfirm'\n  | 'format'\n  | 'inputReadOnly'\n  | 'disabledDate'\n  | 'minDate'\n  | 'maxDate'\n  | 'defaultOpenValue'\n  | 'previewValue'\n> & {\n  multiple?: boolean;\n  // RangePicker showTime definition is different with Picker\n  showTime?: any;\n  value?: any;\n  defaultValue?: any;\n  pickerValue?: any;\n  defaultPickerValue?: any;\n};\n\ntype ExcludeBooleanType<T> = T extends boolean ? never : T;\n\ntype GetGeneric<T> = T extends PickedProps<infer U> ? U : never;\n\ntype ToArrayType<T, DateType> = T extends any[] ? T : DateType[];\n\ntype ToArrayValueType<T, DateType> = ToArrayType<NonNullable<T>, DateType>;\n\nfunction useList<T>(value: T | T[], fillMode = false) {\n  const values = React.useMemo(() => {\n    const list = value ? toArray(value) : (value as null | undefined);\n\n    if (fillMode && list) {\n      list[1] = list[1] || list[0];\n    }\n\n    return list;\n  }, [value, fillMode]);\n  return values;\n}\n\n/**\n * Align the outer props with unique typed and fill undefined props.\n * This is shared with both RangePicker and Picker. This will do:\n * - Convert `value` & `defaultValue` to array\n * - handle the legacy props fill like `clearIcon` + `allowClear` = `clearIcon`\n */\nexport default function useFilledProps<\n  InProps extends PickedProps,\n  DateType extends GetGeneric<InProps>,\n  UpdaterProps extends object,\n>(\n  props: InProps,\n  updater?: () => UpdaterProps,\n): [\n  filledProps: Omit<\n    InProps,\n    | keyof UpdaterProps\n    | 'showTime'\n    | 'value'\n    | 'defaultValue'\n    | 'pickerValue'\n    | 'defaultPickerValue'\n  > &\n    UpdaterProps & {\n      picker: PickerMode;\n      prefixCls: string;\n      order: boolean;\n      needConfirm: boolean;\n      disabledDate: DisabledDate<DateType>;\n      components: Components<DateType>;\n      showTime?: ExcludeBooleanType<InProps['showTime']>;\n      value?: ToArrayValueType<InProps['value'], DateType>;\n      defaultValue?: ToArrayValueType<InProps['value'], DateType>;\n      pickerValue?: ToArrayValueType<InProps['pickerValue'], DateType>;\n      defaultPickerValue?: ToArrayValueType<InProps['defaultPickerValue'], DateType>;\n    },\n  internalPicker: InternalMode,\n  complexPicker: boolean,\n  formatList: FormatType<DateType>[],\n  maskFormat: string | null | undefined,\n  isInvalidateDate: ReturnType<UseInvalidate<DateType>>,\n] {\n  const {\n    generateConfig,\n    locale,\n    picker = 'date',\n    prefixCls = 'rc-picker',\n    previewValue = 'hover',\n    styles = {},\n    classNames = {},\n    order = true,\n    components = {},\n    inputRender,\n    allowClear,\n    clearIcon,\n    needConfirm,\n    multiple,\n    format,\n    inputReadOnly,\n    disabledDate,\n    minDate,\n    maxDate,\n    showTime,\n\n    value,\n    defaultValue,\n    pickerValue,\n    defaultPickerValue,\n  } = props;\n\n  const values = useList(value);\n  const defaultValues = useList(defaultValue);\n  const pickerValues = useList(pickerValue);\n  const defaultPickerValues = useList(defaultPickerValue);\n\n  // ======================== Picker ========================\n  /** Almost same as `picker`, but add `datetime` for `date` with `showTime` */\n  const internalPicker: InternalMode = picker === 'date' && showTime ? 'datetime' : picker;\n\n  /** The picker is `datetime` or `time` */\n  const multipleInteractivePicker = internalPicker === 'time' || internalPicker === 'datetime';\n  const complexPicker = multipleInteractivePicker || !!multiple;\n  const mergedNeedConfirm = needConfirm ?? multipleInteractivePicker;\n\n  // ========================== Time ==========================\n  // Auto `format` need to check `showTime.showXXX` first.\n  // And then merge the `locale` into `mergedShowTime`.\n  const [timeProps, localeTimeProps, showTimeFormat, propFormat] = getTimeProps(props);\n\n  // ======================= Locales ========================\n  const mergedLocale = useLocale(locale, localeTimeProps);\n\n  const mergedShowTime = React.useMemo(\n    () => fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale),\n    [internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale],\n  );\n\n  // ======================= Warning ========================\n  if (\n    process.env.NODE_ENV !== 'production' &&\n    picker === 'time' &&\n    ['disabledHours', 'disabledMinutes', 'disabledSeconds'].some((key) => (props as any)[key])\n  ) {\n    warning(\n      false,\n      `'disabledHours', 'disabledMinutes', 'disabledSeconds' will be removed in the next major version, please use 'disabledTime' instead.`,\n    );\n  }\n\n  // ======================== Props =========================\n  const filledProps = React.useMemo(\n    () => ({\n      ...props,\n      previewValue,\n      prefixCls,\n      locale: mergedLocale,\n      picker,\n      styles,\n      classNames,\n      order,\n      components: { input: inputRender, ...components },\n      clearIcon: fillClearIcon(prefixCls, allowClear, clearIcon),\n      showTime: mergedShowTime,\n      value: values,\n      defaultValue: defaultValues,\n      pickerValue: pickerValues,\n      defaultPickerValue: defaultPickerValues,\n      ...(updater?.() as UpdaterProps),\n    }),\n    [props],\n  );\n\n  // ======================== Format ========================\n  const [formatList, maskFormat] = useFieldFormat<DateType>(internalPicker, mergedLocale, format);\n\n  // ======================= ReadOnly =======================\n  const mergedInputReadOnly = useInputReadOnly(formatList, inputReadOnly, multiple);\n\n  // ======================= Boundary =======================\n  const disabledBoundaryDate = useDisabledBoundary(\n    generateConfig,\n    locale,\n    disabledDate,\n    minDate,\n    maxDate,\n  );\n\n  // ====================== Invalidate ======================\n  const isInvalidateDate = useInvalidate(\n    generateConfig,\n    picker,\n    disabledBoundaryDate,\n    mergedShowTime,\n  );\n\n  // ======================== Merged ========================\n  const mergedProps = React.useMemo(\n    () => ({\n      ...filledProps,\n      needConfirm: mergedNeedConfirm,\n      inputReadOnly: mergedInputReadOnly,\n      disabledDate: disabledBoundaryDate,\n    }),\n    [filledProps, mergedNeedConfirm, mergedInputReadOnly, disabledBoundaryDate],\n  );\n\n  return [mergedProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate];\n}\n"],"mappings":";;;;;;;;;;;AA6DA,SAAS,QAAW,OAAgB,WAAW,OAAO;CAUpD,OATeA,QAAM,cAAc;EACjC,MAAM,OAAO,QAAQ,QAAQ,KAAK,IAAK;EAEvC,IAAI,YAAY,MACd,KAAK,KAAK,KAAK,MAAM,KAAK;EAG5B,OAAO;CACT,GAAG,CAAC,OAAO,QAAQ,CACP;AACd;;;;;;;AAQA,SAAwB,eAKtB,OACA,SA6BA;CACA,MAAM,EACJ,gBACA,QACA,SAAS,QACT,YAAY,aACZ,eAAe,SACf,SAAS,CAAC,GACV,aAAa,CAAC,GACd,QAAQ,MACR,aAAa,CAAC,GACd,aACA,YACA,WACA,aACA,UACA,QACA,eACA,cACA,SACA,SACA,UAEA,OACA,cACA,aACA,uBACE;CAEJ,MAAM,SAAS,QAAQ,KAAK;CAC5B,MAAM,gBAAgB,QAAQ,YAAY;CAC1C,MAAM,eAAe,QAAQ,WAAW;CACxC,MAAM,sBAAsB,QAAQ,kBAAkB;;CAItD,MAAM,iBAA+B,WAAW,UAAU,WAAW,aAAa;;CAGlF,MAAM,4BAA4B,mBAAmB,UAAU,mBAAmB;CAClF,MAAM,gBAAgB,6BAA6B,CAAC,CAAC;CACrD,MAAM,oBAAoB,eAAe;CAKzC,MAAM,CAAC,WAAW,iBAAiB,gBAAgB,cAAc,aAAa,KAAK;CAGnF,MAAM,eAAe,UAAU,QAAQ,eAAe;CAEtD,MAAM,iBAAiBA,QAAM,cACrB,mBAAmB,gBAAgB,gBAAgB,YAAY,WAAW,YAAY,GAC5F;EAAC;EAAgB;EAAgB;EAAY;EAAW;CAAY,CACtE;CAGA,IACE,QAAQ,IAAI,aAAa,gBACzB,WAAW,UACX;EAAC;EAAiB;EAAmB;CAAiB,CAAC,CAAC,MAAM,QAAS,MAAc,IAAI,GAEzF,QACE,OACA,qIACF;CAIF,MAAM,cAAcA,QAAM,eACjB;EACL,GAAG;EACH;EACA;EACA,QAAQ;EACR;EACA;EACA;EACA;EACA,YAAY;GAAE,OAAO;GAAa,GAAG;EAAW;EAChD,WAAW,cAAc,WAAW,YAAY,SAAS;EACzD,UAAU;EACV,OAAO;EACP,cAAc;EACd,aAAa;EACb,oBAAoB;EACpB,GAAI,UAAU;CAChB,IACA,CAAC,KAAK,CACR;CAGA,MAAM,CAAC,YAAY,cAAc,eAAyB,gBAAgB,cAAc,MAAM;CAG9F,MAAM,sBAAsB,iBAAiB,YAAY,eAAe,QAAQ;CAGhF,MAAM,uBAAuB,oBAC3B,gBACA,QACA,cACA,SACA,OACF;CAGA,MAAM,mBAAmB,cACvB,gBACA,QACA,sBACA,cACF;CAaA,OAAO;EAVaA,QAAM,eACjB;GACL,GAAG;GACH,aAAa;GACb,eAAe;GACf,cAAc;EAChB,IACA;GAAC;GAAa;GAAmB;GAAqB;EAAoB,CAG1D;EAAG;EAAgB;EAAe;EAAY;EAAY;CAAgB;AAC9F"}

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

@@ -0,0 +1,41 @@
+import { useEvent } from "../../hooks/react.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useFocusEvents.ts
+/** Check whether the target belongs to any container. / 判断目标是否属于任意一个容器。 */
+function isTargetInContainers(target, containers) {
+	return containers.some((container) => !!container && (container === target || container.contains(target)));
+}
+/**
+* Handle field focus and blur events.
+* 处理 field 的聚焦与失焦事件。
+*
+* Always forward the actual element focus events. Only the internal Picker
+* blur is skipped when `relatedTarget` still belongs to the Picker or the
+* focused panel control becomes disabled.
+* 始终转发元素实际发生的焦点事件。当 `relatedTarget` 仍属于 Picker，或面板中
+* 获得焦点的控件变为禁用时，跳过 Picker 的整体失焦逻辑。
+*/
+function useFocusEvents(isInternalElement, onFocus, onBlur, onConfirmedBlur) {
+	const [focusedIndex, setFocusedIndex] = React$1.useState(null);
+	const onFieldFocus = useEvent((index, _source, event) => {
+		setFocusedIndex(index);
+		onFocus?.(index, event);
+	});
+	const onFieldBlur = useEvent((index, source, event) => {
+		if (source === "panel" && event.target.hasAttribute("disabled")) event.currentTarget.focus({ preventScroll: true });
+		else if (!isInternalElement(event.relatedTarget)) {
+			setFocusedIndex(null);
+			onConfirmedBlur?.(index, event);
+		}
+		onBlur?.(index, event);
+	});
+	return [
+		focusedIndex !== null,
+		onFieldFocus,
+		onFieldBlur
+	];
+}
+//#endregion
+export { useFocusEvents as default, isTargetInContainers };
+
+//# sourceMappingURL=useFocusEvents.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusEvents.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useFocusEvents.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useEvent } from '../../hooks/react';\n\n// ============================= Types =============================\n/** Focus event source. / 焦点事件来源。 */\nexport type FocusSource = 'input' | 'panel';\n\n/** React focus event used by Picker elements. / Picker 元素使用的 React 焦点事件。 */\nexport type PickerFocusEvent = React.FocusEvent<HTMLElement>;\n\n/** Focus event handler. / 聚焦事件处理函数。 */\nexport type FieldFocusHandler = (\n  index: number,\n  source: FocusSource,\n  event: PickerFocusEvent,\n) => void;\n\n/** Blur event handler. / 失焦事件处理函数。 */\nexport type FieldBlurHandler = (\n  index: number,\n  source: FocusSource,\n  event: PickerFocusEvent,\n) => void;\n\n/** Check whether an element belongs to the current focus scope. / 检查元素是否属于当前焦点范围。 */\nexport type IsInternalElement = (element: EventTarget | null) => boolean;\n\n/** Notify a Picker focus or blur event. / 通知 Picker 的聚焦或失焦事件。 */\nexport type FocusEventHandler = (index: number, event: PickerFocusEvent) => void;\n\nexport type UseFocusEventsReturn = [\n  focused: boolean,\n  onFieldFocus: FieldFocusHandler,\n  onFieldBlur: FieldBlurHandler,\n];\n\n// ============================= Utils =============================\n/** Check whether the target belongs to any container. / 判断目标是否属于任意一个容器。 */\nexport function isTargetInContainers(\n  target: EventTarget | null,\n  containers: readonly (Element | null | undefined)[],\n) {\n  return containers.some(\n    (container) => !!container && (container === target || container.contains(target as Node)),\n  );\n}\n\n/**\n * Handle field focus and blur events.\n * 处理 field 的聚焦与失焦事件。\n *\n * Always forward the actual element focus events. Only the internal Picker\n * blur is skipped when `relatedTarget` still belongs to the Picker or the\n * focused panel control becomes disabled.\n * 始终转发元素实际发生的焦点事件。当 `relatedTarget` 仍属于 Picker，或面板中\n * 获得焦点的控件变为禁用时，跳过 Picker 的整体失焦逻辑。\n */\nexport default function useFocusEvents(\n  isInternalElement: IsInternalElement,\n  onFocus?: FocusEventHandler,\n  onBlur?: FocusEventHandler,\n  onConfirmedBlur?: FocusEventHandler,\n): UseFocusEventsReturn {\n  // Keep the actual focused field so every field focus causes a render. This\n  // gives `useFocusLock` a commit in which it can correct an invalid switch.\n  // 记录实际获得焦点的 field，使每次 field focus 都会触发渲染；\n  // `useFocusLock` 因此可以在 commit 后纠正不允许的切换。\n  const [focusedIndex, setFocusedIndex] = React.useState<number | null>(null);\n\n  const onFieldFocus = useEvent((index: number, _source: FocusSource, event: PickerFocusEvent) => {\n    setFocusedIndex(index);\n    onFocus?.(index, event);\n  });\n\n  const onFieldBlur = useEvent((index: number, source: FocusSource, event: PickerFocusEvent) => {\n    const isDisabledTarget = source === 'panel' && event.target.hasAttribute('disabled');\n\n    if (isDisabledTarget) {\n      event.currentTarget.focus({ preventScroll: true });\n    } else if (!isInternalElement(event.relatedTarget)) {\n      setFocusedIndex(null);\n      onConfirmedBlur?.(index, event);\n    }\n\n    onBlur?.(index, event);\n  });\n\n  return [focusedIndex !== null, onFieldFocus, onFieldBlur];\n}\n"],"mappings":";;;;AAuCA,SAAgB,qBACd,QACA,YACA;CACA,OAAO,WAAW,MACf,cAAc,CAAC,CAAC,cAAc,cAAc,UAAU,UAAU,SAAS,MAAc,EAC1F;AACF;;;;;;;;;;;AAYA,SAAwB,eACtB,mBACA,SACA,QACA,iBACsB;CAKtB,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAAwB,IAAI;CAE1E,MAAM,eAAe,UAAU,OAAe,SAAsB,UAA4B;EAC9F,gBAAgB,KAAK;EACrB,UAAU,OAAO,KAAK;CACxB,CAAC;CAED,MAAM,cAAc,UAAU,OAAe,QAAqB,UAA4B;EAG5F,IAFyB,WAAW,WAAW,MAAM,OAAO,aAAa,UAAU,GAGjF,MAAM,cAAc,MAAM,EAAE,eAAe,KAAK,CAAC;OAC5C,IAAI,CAAC,kBAAkB,MAAM,aAAa,GAAG;GAClD,gBAAgB,IAAI;GACpB,kBAAkB,OAAO,KAAK;EAChC;EAEA,SAAS,OAAO,KAAK;CACvB,CAAC;CAED,OAAO;EAAC,iBAAiB;EAAM;EAAc;CAAW;AAC1D"}

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

@@ -0,0 +1,34 @@
+import { useEvent, useLayoutEffect as useLayoutEffect$1 } from "../../hooks/react.mjs";
+import { isTargetInContainers } from "./useFocusEvents.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useFocusLock.ts
+/**
+* Keep focus on the specified input field while focus moves inside the Picker.
+* 当焦点在 Picker 内移动时，将其锁定在指定的输入框上。
+*/
+function useFocusLock(index, forceFocus, selectorRef, popupRef, triggerOpen) {
+	const openPicker = useEvent(() => {
+		triggerOpen(true);
+	});
+	React$1.useEffect(() => {
+		if (index !== null && forceFocus) {
+			openPicker();
+			selectorRef.current?.focus(index);
+		}
+	}, [
+		index,
+		forceFocus,
+		openPicker
+	]);
+	useLayoutEffect$1(() => {
+		if (index === null) return;
+		const inputFields = [selectorRef.current?.startInput, selectorRef.current?.endInput];
+		const activeElement = (inputFields[index]?.getRootNode())?.activeElement ?? document.activeElement;
+		if (isTargetInContainers(activeElement, [popupRef.current])) return;
+		if (inputFields.some((field, fieldIndex) => fieldIndex !== index && isTargetInContainers(activeElement, [field]))) inputFields[index]?.focus();
+	});
+}
+//#endregion
+export { useFocusLock as default };
+
+//# sourceMappingURL=useFocusLock.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusLock.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useFocusLock.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useEvent, useLayoutEffect } from '../../hooks/react';\nimport { isTargetInContainers } from './useFocusEvents';\n\ninterface FocusLockSelectorRef {\n  endInput: HTMLElement;\n  focus: (index?: number) => void;\n  startInput: HTMLElement;\n}\n\n/**\n * Keep focus on the specified input field while focus moves inside the Picker.\n * 当焦点在 Picker 内移动时，将其锁定在指定的输入框上。\n */\nexport default function useFocusLock(\n  index: number | null,\n  forceFocus: boolean,\n  selectorRef: React.RefObject<FocusLockSelectorRef | null>,\n  popupRef: React.RefObject<HTMLElement | null>,\n  triggerOpen: (open: boolean) => void,\n) {\n  const openPicker = useEvent(() => {\n    triggerOpen(true);\n  });\n\n  // Only a strong transition actively opens the Picker and moves DOM focus.\n  // Weak transitions keep the expected index without stealing external focus.\n  // 仅强切换会主动打开 Picker 并移动 DOM 焦点；弱切换只保留预期 index，\n  // 不抢占外部元素的焦点。\n  React.useEffect(() => {\n    if (index !== null && forceFocus) {\n      openPicker();\n      selectorRef.current?.focus(index);\n    }\n  }, [index, forceFocus, openPicker]);\n\n  // DOM focus may change while `index` stays the same, so check after every commit.\n  // DOM 焦点变化时 `index` 可能保持不变，因此每次 commit 后都需要检查。\n  useLayoutEffect(() => {\n    if (index === null) {\n      return;\n    }\n\n    const inputFields = [selectorRef.current?.startInput, selectorRef.current?.endInput];\n    const inputRoot = inputFields[index]?.getRootNode() as Document | ShadowRoot | undefined;\n\n    // `document.activeElement` stops at the shadow host. Read from the input's\n    // own root first so focus locking can identify the actual field.\n    // `document.activeElement` 在 Shadow DOM 中只会返回 host。优先读取 input\n    // 所属 root，才能识别实际聚焦的 field。\n    const activeElement = inputRoot?.activeElement ?? document.activeElement;\n\n    if (isTargetInContainers(activeElement, [popupRef.current])) {\n      return;\n    }\n\n    const focusInOtherField = inputFields.some(\n      (field, fieldIndex) => fieldIndex !== index && isTargetInContainers(activeElement, [field]),\n    );\n\n    if (focusInOtherField) {\n      inputFields[index]?.focus();\n    }\n  });\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,aACtB,OACA,YACA,aACA,UACA,aACA;CACA,MAAM,aAAa,eAAe;EAChC,YAAY,IAAI;CAClB,CAAC;CAMD,QAAM,gBAAgB;EACpB,IAAI,UAAU,QAAQ,YAAY;GAChC,WAAW;GACX,YAAY,SAAS,MAAM,KAAK;EAClC;CACF,GAAG;EAAC;EAAO;EAAY;CAAU,CAAC;CAIlC,wBAAsB;EACpB,IAAI,UAAU,MACZ;EAGF,MAAM,cAAc,CAAC,YAAY,SAAS,YAAY,YAAY,SAAS,QAAQ;EAOnF,MAAM,iBANY,YAAY,MAAM,EAAE,YAAY,EAAA,EAMjB,iBAAiB,SAAS;EAE3D,IAAI,qBAAqB,eAAe,CAAC,SAAS,OAAO,CAAC,GACxD;EAOF,IAJ0B,YAAY,MACnC,OAAO,eAAe,eAAe,SAAS,qBAAqB,eAAe,CAAC,KAAK,CAAC,CAGxE,GAClB,YAAY,MAAM,EAAE,MAAM;CAE9B,CAAC;AACH"}

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

@@ -0,0 +1,35 @@
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useHoverStore.ts
+const createHoverStore = () => {
+	let snapshot = {
+		source: null,
+		value: null
+	};
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		get: () => snapshot,
+		set: (value, source) => {
+			if (snapshot.value === value && snapshot.source === source) return;
+			snapshot = {
+				source,
+				value
+			};
+			for (const listener of listeners) listener();
+		},
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+	};
+};
+function useHoverStore() {
+	const [store] = React$1.useState(createHoverStore);
+	return store;
+}
+const useHoverSnapshot = (store) => React$1.useSyncExternalStore(store.subscribe, store.get, store.get);
+//#endregion
+export { useHoverStore as default, useHoverSnapshot };
+
+//# sourceMappingURL=useHoverStore.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverStore.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useHoverStore.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type HoverSource = 'cell' | 'preset';\n\nexport interface HoverSnapshot<DateType> {\n  source: HoverSource | null;\n  value: DateType | null;\n}\n\nexport interface HoverStore<DateType> {\n  get: () => HoverSnapshot<DateType>;\n  set: (value: DateType | null, source: HoverSource | null) => void;\n  subscribe: (listener: () => void) => () => void;\n}\n\nconst createHoverStore = <DateType>(): HoverStore<DateType> => {\n  let snapshot: HoverSnapshot<DateType> = { source: null, value: null };\n  const listeners = new Set<() => void>();\n  return {\n    get: () => snapshot,\n    set: (value, source) => {\n      if (snapshot.value === value && snapshot.source === source) return;\n      snapshot = { source, value };\n      for (const listener of listeners) listener();\n    },\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n};\n\nexport default function useHoverStore<DateType>() {\n  const [store] = React.useState(createHoverStore<DateType>);\n  return store;\n}\n\nexport const useHoverSnapshot = <DateType>(store: HoverStore<DateType>) =>\n  React.useSyncExternalStore(store.subscribe, store.get, store.get);\n"],"mappings":";;AAeA,MAAM,yBAAyD;CAC7D,IAAI,WAAoC;EAAE,QAAQ;EAAM,OAAO;CAAK;CACpE,MAAM,4BAAY,IAAI,IAAgB;CACtC,OAAO;EACL,WAAW;EACX,MAAM,OAAO,WAAW;GACtB,IAAI,SAAS,UAAU,SAAS,SAAS,WAAW,QAAQ;GAC5D,WAAW;IAAE;IAAQ;GAAM;GAC3B,KAAK,MAAM,YAAY,WAAW,SAAS;EAC7C;EACA,YAAY,aAAa;GACvB,UAAU,IAAI,QAAQ;GACtB,aAAa;IACX,UAAU,OAAO,QAAQ;GAC3B;EACF;CACF;AACF;AAEA,SAAwB,gBAA0B;CAChD,MAAM,CAAC,SAASA,QAAM,SAAS,gBAA0B;CACzD,OAAO;AACT;AAEA,MAAa,oBAA8B,UACzCA,QAAM,qBAAqB,MAAM,WAAW,MAAM,KAAK,MAAM,GAAG"}

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

@@ -0,0 +1,9 @@
+//#region src/DatePicker/core/PickerInput/hooks/useInputReadOnly.ts
+function useInputReadOnly(formatList, inputReadOnly, multiple) {
+	if (typeof formatList[0] === "function" || multiple) return true;
+	return inputReadOnly;
+}
+//#endregion
+export { useInputReadOnly as default };
+
+//# sourceMappingURL=useInputReadOnly.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInputReadOnly.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useInputReadOnly.ts"],"sourcesContent":["import type { FormatType } from '../../interface';\n\nexport default function useInputReadOnly<DateType = any>(\n  formatList: FormatType<DateType>[],\n  inputReadOnly?: boolean,\n  multiple?: boolean,\n) {\n  if (typeof formatList[0] === 'function' || multiple) {\n    return true;\n  }\n\n  return inputReadOnly;\n}\n"],"mappings":";AAEA,SAAwB,iBACtB,YACA,eACA,UACA;CACA,IAAI,OAAO,WAAW,OAAO,cAAc,UACzC,OAAO;CAGT,OAAO;AACT"}

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

@@ -0,0 +1,36 @@
+import { useEvent } from "../../hooks/react.mjs";
+//#region src/DatePicker/core/PickerInput/hooks/useInvalidate.ts
+/**
+* Check if provided date is valid for the `disabledDate` & `showTime.disabledTime`.
+*/
+function useInvalidate(generateConfig, picker, disabledDate, showTime) {
+	return useEvent((date, info) => {
+		const outsideInfo = {
+			type: picker,
+			...info
+		};
+		delete outsideInfo.activeIndex;
+		if (!generateConfig.isValidate(date) || disabledDate && disabledDate(date, outsideInfo)) return true;
+		if ((picker === "date" || picker === "time") && showTime) {
+			const range = info && info.activeIndex === 1 ? "end" : "start";
+			const { disabledHours, disabledMinutes, disabledSeconds, disabledMilliseconds } = showTime.disabledTime?.(date, range, { from: outsideInfo.from }) || {};
+			const { disabledHours: legacyDisabledHours, disabledMinutes: legacyDisabledMinutes, disabledSeconds: legacyDisabledSeconds } = showTime;
+			const mergedDisabledHours = disabledHours || legacyDisabledHours;
+			const mergedDisabledMinutes = disabledMinutes || legacyDisabledMinutes;
+			const mergedDisabledSeconds = disabledSeconds || legacyDisabledSeconds;
+			const hour = generateConfig.getHour(date);
+			const minute = generateConfig.getMinute(date);
+			const second = generateConfig.getSecond(date);
+			const millisecond = generateConfig.getMillisecond(date);
+			if (mergedDisabledHours && mergedDisabledHours().includes(hour)) return true;
+			if (mergedDisabledMinutes && mergedDisabledMinutes(hour).includes(minute)) return true;
+			if (mergedDisabledSeconds && mergedDisabledSeconds(hour, minute).includes(second)) return true;
+			if (disabledMilliseconds && disabledMilliseconds(hour, minute, second).includes(millisecond)) return true;
+		}
+		return false;
+	});
+}
+//#endregion
+export { useInvalidate as default };
+
+//# sourceMappingURL=useInvalidate.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInvalidate.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useInvalidate.ts"],"sourcesContent":["import type { GenerateConfig } from '../../generate';\nimport { useEvent } from '../../hooks/react';\nimport type {\n  PanelMode,\n  RangeTimeProps,\n  SharedPickerProps,\n  SharedTimeProps,\n} from '../../interface';\n\n/**\n * Check if provided date is valid for the `disabledDate` & `showTime.disabledTime`.\n */\nexport default function useInvalidate<DateType extends object = any>(\n  generateConfig: GenerateConfig<DateType>,\n  picker: PanelMode,\n  disabledDate?: SharedPickerProps<DateType>['disabledDate'],\n  showTime?: SharedTimeProps<DateType> | RangeTimeProps<DateType> | null,\n) {\n  // Check disabled date\n  const isInvalidate = useEvent(\n    (date: DateType, info?: { from?: DateType; activeIndex: number }) => {\n      const outsideInfo = { type: picker, ...info };\n      delete outsideInfo.activeIndex;\n\n      if (\n        // Date object is invalid\n        !generateConfig.isValidate(date) ||\n        // Date is disabled by `disabledDate`\n        (disabledDate && disabledDate(date, outsideInfo))\n      ) {\n        return true;\n      }\n\n      if ((picker === 'date' || picker === 'time') && showTime) {\n        const range = info && info.activeIndex === 1 ? 'end' : 'start';\n        const { disabledHours, disabledMinutes, disabledSeconds, disabledMilliseconds } =\n          showTime.disabledTime?.(date, range, { from: outsideInfo.from }) || {};\n\n        const {\n          disabledHours: legacyDisabledHours,\n          disabledMinutes: legacyDisabledMinutes,\n          disabledSeconds: legacyDisabledSeconds,\n        } = showTime;\n\n        const mergedDisabledHours = disabledHours || legacyDisabledHours;\n        const mergedDisabledMinutes = disabledMinutes || legacyDisabledMinutes;\n        const mergedDisabledSeconds = disabledSeconds || legacyDisabledSeconds;\n\n        const hour = generateConfig.getHour(date);\n        const minute = generateConfig.getMinute(date);\n        const second = generateConfig.getSecond(date);\n        const millisecond = generateConfig.getMillisecond(date);\n\n        if (mergedDisabledHours && mergedDisabledHours().includes(hour)) {\n          return true;\n        }\n\n        if (mergedDisabledMinutes && mergedDisabledMinutes(hour).includes(minute)) {\n          return true;\n        }\n\n        if (mergedDisabledSeconds && mergedDisabledSeconds(hour, minute).includes(second)) {\n          return true;\n        }\n\n        if (\n          disabledMilliseconds &&\n          disabledMilliseconds(hour, minute, second).includes(millisecond)\n        ) {\n          return true;\n        }\n      }\n      return false;\n    },\n  );\n\n  return isInvalidate;\n}\n"],"mappings":";;;;;AAYA,SAAwB,cACtB,gBACA,QACA,cACA,UACA;CA2DA,OAzDqB,UAClB,MAAgB,SAAoD;EACnE,MAAM,cAAc;GAAE,MAAM;GAAQ,GAAG;EAAK;EAC5C,OAAO,YAAY;EAEnB,IAEE,CAAC,eAAe,WAAW,IAAI,KAE9B,gBAAgB,aAAa,MAAM,WAAW,GAE/C,OAAO;EAGT,KAAK,WAAW,UAAU,WAAW,WAAW,UAAU;GACxD,MAAM,QAAQ,QAAQ,KAAK,gBAAgB,IAAI,QAAQ;GACvD,MAAM,EAAE,eAAe,iBAAiB,iBAAiB,yBACvD,SAAS,eAAe,MAAM,OAAO,EAAE,MAAM,YAAY,KAAK,CAAC,KAAK,CAAC;GAEvE,MAAM,EACJ,eAAe,qBACf,iBAAiB,uBACjB,iBAAiB,0BACf;GAEJ,MAAM,sBAAsB,iBAAiB;GAC7C,MAAM,wBAAwB,mBAAmB;GACjD,MAAM,wBAAwB,mBAAmB;GAEjD,MAAM,OAAO,eAAe,QAAQ,IAAI;GACxC,MAAM,SAAS,eAAe,UAAU,IAAI;GAC5C,MAAM,SAAS,eAAe,UAAU,IAAI;GAC5C,MAAM,cAAc,eAAe,eAAe,IAAI;GAEtD,IAAI,uBAAuB,oBAAoB,CAAC,CAAC,SAAS,IAAI,GAC5D,OAAO;GAGT,IAAI,yBAAyB,sBAAsB,IAAI,CAAC,CAAC,SAAS,MAAM,GACtE,OAAO;GAGT,IAAI,yBAAyB,sBAAsB,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,GAC9E,OAAO;GAGT,IACE,wBACA,qBAAqB,MAAM,QAAQ,MAAM,CAAC,CAAC,SAAS,WAAW,GAE/D,OAAO;EAEX;EACA,OAAO;CACT,CAGgB;AACpB"}

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

@@ -0,0 +1,27 @@
+import { useLayoutUpdateEffect } from "../../hooks/react.mjs";
+import { raf } from "../../utils/common.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useLockEffect.ts
+/**
+* Trigger `callback` immediately when `condition` is `true`.
+* But trigger `callback` in next frame when `condition` is `false`.
+*/
+function useLockEffect(condition, callback, delayFrames = 1) {
+	const callbackRef = React$1.useRef(callback);
+	callbackRef.current = callback;
+	useLayoutUpdateEffect(() => {
+		if (condition) callbackRef.current(condition);
+		else {
+			const id = raf(() => {
+				callbackRef.current(condition);
+			}, delayFrames);
+			return () => {
+				raf.cancel(id);
+			};
+		}
+	}, [condition]);
+}
+//#endregion
+export { useLockEffect as default };
+
+//# sourceMappingURL=useLockEffect.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLockEffect.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useLockEffect.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useLayoutUpdateEffect } from '../../hooks/react';\nimport { raf } from '../../utils/common';\n\n/**\n * Trigger `callback` immediately when `condition` is `true`.\n * But trigger `callback` in next frame when `condition` is `false`.\n */\nexport default function useLockEffect(\n  condition: boolean | undefined,\n  callback: (next: boolean | undefined) => void,\n  delayFrames = 1,\n) {\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n\n  useLayoutUpdateEffect(() => {\n    if (condition) {\n      callbackRef.current(condition);\n    } else {\n      const id = raf(() => {\n        callbackRef.current(condition);\n      }, delayFrames);\n\n      return () => {\n        raf.cancel(id);\n      };\n    }\n  }, [condition]);\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,cACtB,WACA,UACA,cAAc,GACd;CACA,MAAM,cAAcA,QAAM,OAAO,QAAQ;CACzC,YAAY,UAAU;CAEtB,4BAA4B;EAC1B,IAAI,WACF,YAAY,QAAQ,SAAS;OACxB;GACL,MAAM,KAAK,UAAU;IACnB,YAAY,QAAQ,SAAS;GAC/B,GAAG,WAAW;GAEd,aAAa;IACX,IAAI,OAAO,EAAE;GACf;EACF;CACF,GAAG,CAAC,SAAS,CAAC;AAChB"}

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

@@ -0,0 +1,18 @@
+import useDelayState from "./useDelayState.mjs";
+//#region src/DatePicker/core/PickerInput/hooks/useOpen.ts
+/**
+* Control the open state.
+* Will not close if activeElement is on the popup.
+*/
+function useOpen(open, defaultOpen, disabledList = [], onOpenChange) {
+	const mergedOpen = disabledList.every((disabled) => disabled) ? false : open;
+	const [rafOpen, setRafOpen] = useDelayState(mergedOpen, defaultOpen || false, onOpenChange);
+	function setOpen(next, config = {}) {
+		if (!config.inherit || rafOpen) setRafOpen(next, config.force);
+	}
+	return [rafOpen, setOpen];
+}
+//#endregion
+export { useOpen as default };
+
+//# sourceMappingURL=useOpen.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOpen.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useOpen.ts"],"sourcesContent":["import type { OpenConfig } from '../../interface';\nimport useDelayState from './useDelayState';\n\n/**\n * Control the open state.\n * Will not close if activeElement is on the popup.\n */\nexport default function useOpen(\n  open?: boolean,\n  defaultOpen?: boolean,\n  disabledList: (boolean | undefined)[] = [],\n  onOpenChange?: (open: boolean) => void,\n): [open: boolean, setOpen: (open: boolean, config?: OpenConfig) => void] {\n  const mergedOpen = disabledList.every((disabled) => disabled) ? false : open;\n\n  // Delay for handle the open state, in case fast shift from `open` -> `close` -> `open`\n  // const [rafOpen, setRafOpen] = useLockState(open, defaultOpen || false, onOpenChange);\n  const [rafOpen, setRafOpen] = useDelayState(mergedOpen, defaultOpen || false, onOpenChange);\n\n  function setOpen(next: boolean, config: OpenConfig = {}) {\n    if (!config.inherit || rafOpen) {\n      setRafOpen(next, config.force);\n    }\n  }\n\n  return [rafOpen, setOpen];\n}\n"],"mappings":";;;;;;AAOA,SAAwB,QACtB,MACA,aACA,eAAwC,CAAC,GACzC,cACwE;CACxE,MAAM,aAAa,aAAa,OAAO,aAAa,QAAQ,IAAI,QAAQ;CAIxE,MAAM,CAAC,SAAS,cAAc,cAAc,YAAY,eAAe,OAAO,YAAY;CAE1F,SAAS,QAAQ,MAAe,SAAqB,CAAC,GAAG;EACvD,IAAI,CAAC,OAAO,WAAW,SACrB,WAAW,MAAM,OAAO,KAAK;CAEjC;CAEA,OAAO,CAAC,SAAS,OAAO;AAC1B"}

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

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/usePickerRef.ts
+function usePickerRef(ref) {
+	const selectorRef = React$1.useRef(null);
+	React$1.useImperativeHandle(ref, () => ({
+		nativeElement: selectorRef.current?.nativeElement,
+		focus: (options) => {
+			selectorRef.current?.focus(options);
+		},
+		blur: () => {
+			selectorRef.current?.blur();
+		}
+	}));
+	return selectorRef;
+}
+//#endregion
+export { usePickerRef as default };
+
+//# sourceMappingURL=usePickerRef.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerRef.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/usePickerRef.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { PickerRef } from '../../interface';\n\ntype PickerRefType<OptionType> = Omit<PickerRef, 'focus'> & {\n  focus: (options?: OptionType) => void;\n};\n\nexport default function usePickerRef<\n  OptionType,\n  SelectorRefType extends PickerRefType<OptionType> = PickerRefType<OptionType>,\n>(ref: React.Ref<PickerRefType<OptionType>>) {\n  const selectorRef = React.useRef<SelectorRefType>(null);\n\n  React.useImperativeHandle(ref, () => ({\n    nativeElement: selectorRef.current?.nativeElement as HTMLDivElement,\n    focus: (options) => {\n      selectorRef.current?.focus(options);\n    },\n    blur: () => {\n      selectorRef.current?.blur();\n    },\n  }));\n\n  return selectorRef;\n}\n"],"mappings":";;AAQA,SAAwB,aAGtB,KAA2C;CAC3C,MAAM,cAAcA,QAAM,OAAwB,IAAI;CAEtD,QAAM,oBAAoB,YAAY;EACpC,eAAe,YAAY,SAAS;EACpC,QAAQ,YAAY;GAClB,YAAY,SAAS,MAAM,OAAO;EACpC;EACA,YAAY;GACV,YAAY,SAAS,KAAK;EAC5B;CACF,EAAE;CAEF,OAAO;AACT"}

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

@@ -0,0 +1,20 @@
+import { warning } from "../../utils/common.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/usePresets.ts
+function usePresets(presets, legacyRanges) {
+	return React$1.useMemo(() => {
+		if (presets) return presets;
+		if (legacyRanges) {
+			warning(false, "`ranges` is deprecated. Please use `presets` instead.");
+			return Object.entries(legacyRanges).map(([label, value]) => ({
+				label,
+				value
+			}));
+		}
+		return [];
+	}, [presets, legacyRanges]);
+}
+//#endregion
+export { usePresets as default };
+
+//# sourceMappingURL=usePresets.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePresets.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/usePresets.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { ValueDate } from '../../interface';\nimport { warning } from '../../utils/common';\n\nexport default function usePresets<DateType = any>(\n  presets?: ValueDate<DateType>[],\n  legacyRanges?: Record<string, DateType | (() => DateType)>,\n): ValueDate<DateType>[] {\n  return React.useMemo(() => {\n    if (presets) {\n      return presets;\n    }\n\n    if (legacyRanges) {\n      warning(false, '`ranges` is deprecated. Please use `presets` instead.');\n\n      return Object.entries(legacyRanges).map(([label, value]) => ({ label, value }));\n    }\n\n    return [];\n  }, [presets, legacyRanges]);\n}\n"],"mappings":";;;AAKA,SAAwB,WACtB,SACA,cACuB;CACvB,OAAOA,QAAM,cAAc;EACzB,IAAI,SACF,OAAO;EAGT,IAAI,cAAc;GAChB,QAAQ,OAAO,uDAAuD;GAEtE,OAAO,OAAO,QAAQ,YAAY,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY;IAAE;IAAO;GAAM,EAAE;EAChF;EAEA,OAAO,CAAC;CACV,GAAG,CAAC,SAAS,YAAY,CAAC;AAC5B"}

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

@@ -0,0 +1,24 @@
+import { isSame } from "../../utils/dateUtil.mjs";
+import { getFromDate } from "../../utils/miscUtil.mjs";
+//#region src/DatePicker/core/PickerInput/hooks/useRangeDisabledDate.ts
+/**
+* RangePicker need additional logic to handle the `disabled` case. e.g.
+* [disabled, enabled] should end date not before start date
+*/
+function useRangeDisabledDate(values, disabled, activeIndex, triggeredFields, generateConfig, locale, disabledDate) {
+	const rangeDisabledDate = (date, info) => {
+		const [start, end] = values;
+		const mergedInfo = {
+			...info,
+			from: getFromDate(values, triggeredFields, activeIndex)
+		};
+		if (activeIndex === 1 && disabled[0] && start && !isSame(generateConfig, locale, start, date, mergedInfo.type) && generateConfig.isAfter(start, date)) return true;
+		if (activeIndex === 0 && disabled[1] && end && !isSame(generateConfig, locale, end, date, mergedInfo.type) && generateConfig.isAfter(date, end)) return true;
+		return !!disabledDate?.(date, mergedInfo);
+	};
+	return rangeDisabledDate;
+}
+//#endregion
+export { useRangeDisabledDate as default };
+
+//# sourceMappingURL=useRangeDisabledDate.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDisabledDate.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useRangeDisabledDate.ts"],"sourcesContent":["import type { GenerateConfig } from '../../generate';\nimport type { DisabledDate, Locale } from '../../interface';\nimport { isSame } from '../../utils/dateUtil';\nimport { getFromDate } from '../../utils/miscUtil';\nimport type { RangeValueType } from '../RangePicker';\n\n/**\n * RangePicker need additional logic to handle the `disabled` case. e.g.\n * [disabled, enabled] should end date not before start date\n */\nexport default function useRangeDisabledDate<DateType extends object = any>(\n  values: RangeValueType<DateType>,\n  disabled: [boolean, boolean],\n  activeIndex: number,\n  triggeredFields: number[],\n  generateConfig: GenerateConfig<DateType>,\n  locale: Locale,\n  disabledDate?: DisabledDate<DateType>,\n) {\n  const rangeDisabledDate: DisabledDate<DateType> = (date, info) => {\n    const [start, end] = values;\n\n    const mergedInfo = {\n      ...info,\n      from: getFromDate(values, triggeredFields, activeIndex),\n    };\n\n    // ============================ Disabled ============================\n    // Should not select days before the start date\n    if (\n      activeIndex === 1 &&\n      disabled[0] &&\n      start &&\n      // Same date isOK\n      !isSame(generateConfig, locale, start, date, mergedInfo.type) &&\n      // Before start date\n      generateConfig.isAfter(start, date)\n    ) {\n      return true;\n    }\n\n    // Should not select days after the end date\n    if (\n      activeIndex === 0 &&\n      disabled[1] &&\n      end &&\n      // Same date isOK\n      !isSame(generateConfig, locale, end, date, mergedInfo.type) &&\n      // After end date\n      generateConfig.isAfter(date, end)\n    ) {\n      return true;\n    }\n\n    // ============================= Origin =============================\n    return !!disabledDate?.(date, mergedInfo);\n  };\n\n  return rangeDisabledDate;\n}\n"],"mappings":";;;;;;;AAUA,SAAwB,qBACtB,QACA,UACA,aACA,iBACA,gBACA,QACA,cACA;CACA,MAAM,qBAA6C,MAAM,SAAS;EAChE,MAAM,CAAC,OAAO,OAAO;EAErB,MAAM,aAAa;GACjB,GAAG;GACH,MAAM,YAAY,QAAQ,iBAAiB,WAAW;EACxD;EAIA,IACE,gBAAgB,KAChB,SAAS,MACT,SAEA,CAAC,OAAO,gBAAgB,QAAQ,OAAO,MAAM,WAAW,IAAI,KAE5D,eAAe,QAAQ,OAAO,IAAI,GAElC,OAAO;EAIT,IACE,gBAAgB,KAChB,SAAS,MACT,OAEA,CAAC,OAAO,gBAAgB,QAAQ,KAAK,MAAM,WAAW,IAAI,KAE1D,eAAe,QAAQ,MAAM,GAAG,GAEhC,OAAO;EAIT,OAAO,CAAC,CAAC,eAAe,MAAM,UAAU;CAC1C;CAEA,OAAO;AACT"}

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

@@ -0,0 +1,107 @@
+import { useControlledState, useLayoutEffect as useLayoutEffect$1 } from "../../hooks/react.mjs";
+import { fillTime, isSame } from "../../utils/dateUtil.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useRangePickerValue.ts
+function offsetPanelDate(generateConfig, picker, date, offset) {
+	switch (picker) {
+		case "date":
+		case "week": return generateConfig.addMonth(date, offset);
+		case "month":
+		case "quarter": return generateConfig.addYear(date, offset);
+		case "year": return generateConfig.addYear(date, offset * 10);
+		case "decade": return generateConfig.addYear(date, offset * 100);
+		default: return date;
+	}
+}
+const EMPTY_LIST = [];
+function useRangePickerValue(generateConfig, locale, calendarValue, modes, open, preserveOnFieldChange, activeIndex, pickerMode, multiplePanel, defaultPickerValue = EMPTY_LIST, pickerValue = EMPTY_LIST, timeDefaultValue = EMPTY_LIST, onPickerValueChange, minDate, maxDate) {
+	const isTimePicker = pickerMode === "time";
+	const mergedActiveIndex = activeIndex || 0;
+	const [startCalendarValue, endCalendarValue] = calendarValue;
+	const activeCalendarValue = mergedActiveIndex === 0 ? startCalendarValue : endCalendarValue;
+	const inactiveCalendarValue = mergedActiveIndex === 0 ? endCalendarValue : startCalendarValue;
+	const getDefaultPickerValue = (index) => {
+		let now = generateConfig.getNow();
+		if (isTimePicker) now = fillTime(generateConfig, now);
+		const calendarDate = index === 0 ? startCalendarValue : endCalendarValue;
+		return defaultPickerValue[index] || calendarDate || now;
+	};
+	const [startPickerValue, endPickerValue] = pickerValue;
+	const [mergedStartPickerValue, setStartPickerValue] = useControlledState(() => getDefaultPickerValue(0), startPickerValue);
+	const [mergedEndPickerValue, setEndPickerValue] = useControlledState(() => getDefaultPickerValue(1), endPickerValue);
+	const currentPickerValue = React$1.useMemo(() => {
+		const current = [mergedStartPickerValue, mergedEndPickerValue][mergedActiveIndex];
+		return isTimePicker ? current : fillTime(generateConfig, current, timeDefaultValue[mergedActiveIndex]);
+	}, [
+		isTimePicker,
+		mergedStartPickerValue,
+		mergedEndPickerValue,
+		mergedActiveIndex,
+		generateConfig,
+		timeDefaultValue
+	]);
+	const setCurrentPickerValue = (nextPickerValue, source = "panel") => {
+		const updater = [setStartPickerValue, setEndPickerValue][mergedActiveIndex];
+		updater(nextPickerValue);
+		const clone = [mergedStartPickerValue, mergedEndPickerValue];
+		clone[mergedActiveIndex] = nextPickerValue;
+		if (onPickerValueChange && (!isSame(generateConfig, locale, mergedStartPickerValue, clone[0], pickerMode) || !isSame(generateConfig, locale, mergedEndPickerValue, clone[1], pickerMode))) onPickerValueChange(clone, {
+			source,
+			range: mergedActiveIndex === 1 ? "end" : "start",
+			mode: modes
+		});
+	};
+	const isSamePanel = (date1, date2) => {
+		if (pickerMode === "year") return Math.floor(generateConfig.getYear(date1) / 10) === Math.floor(generateConfig.getYear(date2) / 10);
+		return isSame(generateConfig, locale, date1, date2, pickerMode === "month" || pickerMode === "quarter" ? "year" : "month");
+	};
+	const getEndDatePickerValue = (startDate, endDate) => {
+		if (!multiplePanel || !startDate) return endDate;
+		const nextPanelDate = offsetPanelDate(generateConfig, pickerMode, startDate, 1);
+		return isSamePanel(startDate, endDate) || isSamePanel(nextPanelDate, endDate) ? startDate : offsetPanelDate(generateConfig, pickerMode, endDate, -1);
+	};
+	const prevActiveIndexRef = React$1.useRef(null);
+	useLayoutEffect$1(() => {
+		if (open && !defaultPickerValue[mergedActiveIndex]) {
+			let nextPickerValue = isTimePicker ? null : generateConfig.getNow();
+			/**
+			* 1. If focus switches inside the open Picker, keep the current panels
+			* 2. If current field has value, sync it to the panels
+			*    - Start: use the start value
+			*    - End: keep start when both values fit, otherwise put end on the second panel
+			* 3. If current field has no value but another field has value, use another field value
+			* 4. Else use now (not any `calendarValue` can ref)
+			*/
+			if (preserveOnFieldChange && prevActiveIndexRef.current !== null && prevActiveIndexRef.current !== mergedActiveIndex) nextPickerValue = [mergedStartPickerValue, mergedEndPickerValue][mergedActiveIndex ^ 1];
+			else if (activeCalendarValue) nextPickerValue = mergedActiveIndex === 0 ? startCalendarValue : getEndDatePickerValue(startCalendarValue, endCalendarValue);
+			else if (inactiveCalendarValue) nextPickerValue = inactiveCalendarValue;
+			if (nextPickerValue) {
+				if (minDate && generateConfig.isAfter(minDate, nextPickerValue)) nextPickerValue = minDate;
+				const offsetPickerValue = multiplePanel ? offsetPanelDate(generateConfig, pickerMode, nextPickerValue, 1) : nextPickerValue;
+				if (maxDate && generateConfig.isAfter(offsetPickerValue, maxDate)) nextPickerValue = multiplePanel ? offsetPanelDate(generateConfig, pickerMode, maxDate, -1) : maxDate;
+				setCurrentPickerValue(nextPickerValue, "reset");
+			}
+		}
+	}, [
+		open,
+		preserveOnFieldChange,
+		mergedActiveIndex,
+		calendarValue[mergedActiveIndex]
+	]);
+	React$1.useEffect(() => {
+		if (open && preserveOnFieldChange) prevActiveIndexRef.current = mergedActiveIndex;
+		else prevActiveIndexRef.current = null;
+	}, [
+		open,
+		preserveOnFieldChange,
+		mergedActiveIndex
+	]);
+	useLayoutEffect$1(() => {
+		if (open && defaultPickerValue && defaultPickerValue[mergedActiveIndex]) setCurrentPickerValue(defaultPickerValue[mergedActiveIndex], "reset");
+	}, [open, mergedActiveIndex]);
+	return [currentPickerValue, setCurrentPickerValue];
+}
+//#endregion
+export { useRangePickerValue as default, offsetPanelDate };
+
+//# sourceMappingURL=useRangePickerValue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRangePickerValue.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useRangePickerValue.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { GenerateConfig } from '../../generate';\nimport { useControlledState, useLayoutEffect } from '../../hooks/react';\nimport type { InternalMode, Locale, NullableDateType, PanelMode } from '../../interface';\nimport { fillTime, isSame } from '../../utils/dateUtil';\nimport type { RangePickerProps } from '../RangePicker';\n\nexport function offsetPanelDate<DateType = any>(\n  generateConfig: GenerateConfig<DateType>,\n  picker: InternalMode,\n  date: DateType,\n  offset: number,\n) {\n  switch (picker) {\n    case 'date':\n    case 'week': {\n      return generateConfig.addMonth(date, offset);\n    }\n\n    case 'month':\n    case 'quarter': {\n      return generateConfig.addYear(date, offset);\n    }\n\n    case 'year': {\n      return generateConfig.addYear(date, offset * 10);\n    }\n\n    case 'decade': {\n      return generateConfig.addYear(date, offset * 100);\n    }\n\n    default: {\n      return date;\n    }\n  }\n}\n\nconst EMPTY_LIST: unknown[] = [];\n\nexport default function useRangePickerValue<DateType extends object>(\n  generateConfig: GenerateConfig<DateType>,\n  locale: Locale,\n  calendarValue: NullableDateType<DateType>[],\n  modes: PanelMode[],\n  open: boolean,\n  preserveOnFieldChange: boolean,\n  activeIndex: number,\n  pickerMode: InternalMode,\n  multiplePanel: boolean,\n  defaultPickerValue: DateType[] = EMPTY_LIST as DateType[],\n  pickerValue: DateType[] = EMPTY_LIST as DateType[],\n  // This is legacy from origin logic.\n  // We will take `showTime.defaultValue` as the part of `pickerValue`\n  timeDefaultValue: DateType[] = EMPTY_LIST as DateType[],\n  onPickerValueChange?: RangePickerProps<DateType>['onPickerValueChange'],\n  minDate?: DateType,\n  maxDate?: DateType,\n): [currentIndexPickerValue: DateType, setCurrentIndexPickerValue: (value: DateType) => void] {\n  const isTimePicker = pickerMode === 'time';\n\n  // ======================== Active ========================\n  // `activeIndex` must be valid to avoid getting empty `pickerValue`\n  const mergedActiveIndex = activeIndex || 0;\n  const [startCalendarValue, endCalendarValue] = calendarValue;\n  const activeCalendarValue = mergedActiveIndex === 0 ? startCalendarValue : endCalendarValue;\n  const inactiveCalendarValue = mergedActiveIndex === 0 ? endCalendarValue : startCalendarValue;\n\n  // ===================== Picker Value =====================\n  const getDefaultPickerValue = (index: number) => {\n    let now = generateConfig.getNow();\n    if (isTimePicker) {\n      now = fillTime(generateConfig, now);\n    }\n\n    const calendarDate = index === 0 ? startCalendarValue : endCalendarValue;\n    return defaultPickerValue[index] || calendarDate || now;\n  };\n\n  // Align `pickerValue` with `showTime.defaultValue`\n  const [startPickerValue, endPickerValue] = pickerValue;\n\n  // PickerValue state\n  const [mergedStartPickerValue, setStartPickerValue] = useControlledState(\n    () => getDefaultPickerValue(0),\n    startPickerValue,\n  );\n\n  const [mergedEndPickerValue, setEndPickerValue] = useControlledState(\n    () => getDefaultPickerValue(1),\n    endPickerValue,\n  );\n\n  // Current PickerValue\n  const currentPickerValue = React.useMemo(() => {\n    const current = [mergedStartPickerValue, mergedEndPickerValue][mergedActiveIndex];\n\n    // Merge the `showTime.defaultValue` into `pickerValue`\n    return isTimePicker\n      ? current\n      : fillTime(generateConfig, current, timeDefaultValue[mergedActiveIndex]);\n  }, [\n    isTimePicker,\n    mergedStartPickerValue,\n    mergedEndPickerValue,\n    mergedActiveIndex,\n    generateConfig,\n    timeDefaultValue,\n  ]);\n\n  const setCurrentPickerValue = (\n    nextPickerValue: DateType,\n    source: 'reset' | 'panel' = 'panel',\n  ) => {\n    const updater = [setStartPickerValue, setEndPickerValue][mergedActiveIndex];\n    updater(nextPickerValue);\n\n    const clone: [DateType, DateType] = [mergedStartPickerValue, mergedEndPickerValue];\n    clone[mergedActiveIndex] = nextPickerValue;\n\n    if (\n      onPickerValueChange &&\n      (!isSame(generateConfig, locale, mergedStartPickerValue, clone[0], pickerMode) ||\n        !isSame(generateConfig, locale, mergedEndPickerValue, clone[1], pickerMode))\n    ) {\n      onPickerValueChange(clone, {\n        source,\n        range: mergedActiveIndex === 1 ? 'end' : 'start',\n        mode: modes as any,\n      });\n    }\n  };\n\n  // ======================== Effect ========================\n  // Check whether two dates belong to the same panel.\n  // 判断两个日期是否属于同一个面板。\n  const isSamePanel = (date1: DateType, date2: DateType) => {\n    if (pickerMode === 'year') {\n      return (\n        Math.floor(generateConfig.getYear(date1) / 10) ===\n        Math.floor(generateConfig.getYear(date2) / 10)\n      );\n    }\n\n    const panelMode: PanelMode =\n      pickerMode === 'month' || pickerMode === 'quarter' ? 'year' : 'month';\n    return isSame(generateConfig, locale, date1, date2, panelMode);\n  };\n\n  // Keep both values in the two visible panels when possible. Otherwise put\n  // the end value in the second panel.\n  // 尽量在双面板内同时展示两个值；无法容纳时，将 end 值放在右侧面板。\n  const getEndDatePickerValue = (startDate: NullableDateType<DateType>, endDate: DateType) => {\n    if (!multiplePanel || !startDate) {\n      return endDate;\n    }\n\n    const nextPanelDate = offsetPanelDate(generateConfig, pickerMode, startDate, 1);\n    const endInPanels = isSamePanel(startDate, endDate) || isSamePanel(nextPanelDate, endDate);\n\n    return endInPanels ? startDate : offsetPanelDate(generateConfig, pickerMode, endDate, -1);\n  };\n\n  // >>> When switch field, reset the picker value as prev field picker value\n  const prevActiveIndexRef = React.useRef<number>(null);\n  useLayoutEffect(() => {\n    if (open && !defaultPickerValue[mergedActiveIndex]) {\n      let nextPickerValue: NullableDateType<DateType> = isTimePicker\n        ? null\n        : generateConfig.getNow();\n\n      /**\n       * 1. If focus switches inside the open Picker, keep the current panels\n       * 2. If current field has value, sync it to the panels\n       *    - Start: use the start value\n       *    - End: keep start when both values fit, otherwise put end on the second panel\n       * 3. If current field has no value but another field has value, use another field value\n       * 4. Else use now (not any `calendarValue` can ref)\n       */\n\n      if (\n        preserveOnFieldChange &&\n        prevActiveIndexRef.current !== null &&\n        prevActiveIndexRef.current !== mergedActiveIndex\n      ) {\n        // If from another field, not jump picker value\n        nextPickerValue = [mergedStartPickerValue, mergedEndPickerValue][mergedActiveIndex ^ 1];\n      } else if (activeCalendarValue) {\n        // Current field has value\n        nextPickerValue =\n          mergedActiveIndex === 0\n            ? startCalendarValue\n            : getEndDatePickerValue(startCalendarValue, endCalendarValue!);\n      } else if (inactiveCalendarValue) {\n        // Current field has no value but another field has value\n        nextPickerValue = inactiveCalendarValue;\n      }\n\n      // Only sync when has value, this will sync in the `min-max` logic\n      if (nextPickerValue) {\n        // nextPickerValue < minDate\n        if (minDate && generateConfig.isAfter(minDate, nextPickerValue)) {\n          nextPickerValue = minDate;\n        }\n\n        // maxDate < nextPickerValue\n        const offsetPickerValue = multiplePanel\n          ? offsetPanelDate(generateConfig, pickerMode, nextPickerValue, 1)\n          : nextPickerValue;\n        if (maxDate && generateConfig.isAfter(offsetPickerValue, maxDate)) {\n          nextPickerValue = multiplePanel\n            ? offsetPanelDate(generateConfig, pickerMode, maxDate, -1)\n            : maxDate;\n        }\n\n        setCurrentPickerValue(nextPickerValue, 'reset');\n      }\n    }\n  }, [open, preserveOnFieldChange, mergedActiveIndex, calendarValue[mergedActiveIndex]]);\n\n  // >>> Track previous field only during one continuous Picker focus session\n  React.useEffect(() => {\n    if (open && preserveOnFieldChange) {\n      prevActiveIndexRef.current = mergedActiveIndex;\n    } else {\n      prevActiveIndexRef.current = null;\n    }\n  }, [open, preserveOnFieldChange, mergedActiveIndex]);\n\n  // >>> defaultPickerValue: Resync to `defaultPickerValue` for each panel focused\n  useLayoutEffect(() => {\n    if (open && defaultPickerValue && defaultPickerValue[mergedActiveIndex]) {\n      setCurrentPickerValue(defaultPickerValue[mergedActiveIndex], 'reset');\n    }\n  }, [open, mergedActiveIndex]);\n\n  return [currentPickerValue, setCurrentPickerValue];\n}\n"],"mappings":"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"}