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

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

@@ -0,0 +1,144 @@
+import { useControlledState, useEvent } from "../../hooks/react.mjs";
+import { formatValue, isSame, isSameTimestamp } from "../../utils/dateUtil.mjs";
+import { fillIndex } from "../../utils/miscUtil.mjs";
+import useSyncState from "../../hooks/useSyncState.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useRangeValue.ts
+const EMPTY_VALUE = [];
+function useUtil(generateConfig, locale, formatList) {
+	const getDateTexts = (dates) => {
+		return dates.map((date) => formatValue(date, {
+			generateConfig,
+			locale,
+			format: formatList[0]
+		}));
+	};
+	const isSameDates = (source, target) => {
+		const maxLen = Math.max(source.length, target.length);
+		let diffIndex = -1;
+		for (let i = 0; i < maxLen; i += 1) {
+			const prev = source[i] || null;
+			const next = target[i] || null;
+			if (prev !== next && !isSameTimestamp(generateConfig, prev, next)) {
+				diffIndex = i;
+				break;
+			}
+		}
+		return [diffIndex < 0, diffIndex !== 0];
+	};
+	return [getDateTexts, isSameDates];
+}
+function orderDates(dates, generateConfig) {
+	return [...dates].sort((a, b) => generateConfig.isAfter(a, b) ? 1 : -1);
+}
+/**
+* Used for internal value management.
+* It should always use `mergedValue` in render logic
+*/
+function useCalendarValue(mergedValue) {
+	const [calendarValue, setCalendarValue] = useSyncState(mergedValue);
+	/** Sync calendarValue & submitValue back with value */
+	const syncWithValue = useEvent(() => {
+		setCalendarValue(mergedValue);
+	});
+	React$1.useEffect(() => {
+		syncWithValue();
+	}, [mergedValue]);
+	return [calendarValue, setCalendarValue];
+}
+/**
+* Control the internal `value` align with prop `value` and provide a temp `calendarValue` for ui.
+* The caller controls the temporary `calendarValue` lifecycle through event handlers.
+*/
+function useInnerValue(generateConfig, locale, formatList, rangeValue, order, defaultValue, value, onCalendarChange, onOk) {
+	const [innerValue, setInnerValue] = useControlledState(defaultValue, value);
+	const mergedValue = innerValue || EMPTY_VALUE;
+	const [calendarValue, setCalendarValue] = useCalendarValue(mergedValue);
+	const [getDateTexts, isSameDates] = useUtil(generateConfig, locale, formatList);
+	const triggerCalendarChange = useEvent((nextCalendarValues) => {
+		let clone = [...nextCalendarValues];
+		if (rangeValue) for (let i = 0; i < 2; i += 1) clone[i] = clone[i] || null;
+		else if (order) clone = orderDates(clone.filter((date) => date), generateConfig);
+		const [isSameMergedDates, isSameStart] = isSameDates(calendarValue(), clone);
+		if (!isSameMergedDates) {
+			setCalendarValue(clone);
+			if (onCalendarChange) {
+				const cellTexts = getDateTexts(clone);
+				onCalendarChange(clone, cellTexts, { range: isSameStart ? "end" : "start" });
+			}
+		}
+	});
+	const triggerOk = () => {
+		if (onOk) onOk(calendarValue());
+	};
+	return [
+		mergedValue,
+		setInnerValue,
+		calendarValue,
+		triggerCalendarChange,
+		triggerOk
+	];
+}
+function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, disabled, formatList, isInvalidateDate) {
+	const { generateConfig, locale, picker, onChange, allowEmpty, order } = info;
+	const orderOnChange = disabled.some((d) => d) ? false : order;
+	const [getDateTexts, isSameDates] = useUtil(generateConfig, locale, formatList);
+	const [submitValue, setSubmitValue] = useSyncState(mergedValue);
+	/** Sync calendarValue & submitValue back with value */
+	const syncWithValue = useEvent(() => {
+		setSubmitValue(mergedValue);
+	});
+	React$1.useEffect(() => {
+		syncWithValue();
+	}, [mergedValue]);
+	const triggerSubmit = useEvent((nextValue) => {
+		const isNullValue = nextValue === null;
+		let clone = [...nextValue || submitValue()];
+		if (isNullValue) {
+			const maxLen = Math.max(disabled.length, clone.length);
+			for (let i = 0; i < maxLen; i += 1) if (!disabled[i]) clone[i] = null;
+		}
+		if (orderOnChange && clone[0] && clone[1]) clone = orderDates(clone, generateConfig);
+		triggerCalendarChange(clone);
+		const [start, end] = clone;
+		const startEmpty = !start;
+		const endEmpty = !end;
+		const validateEmptyDateRange = allowEmpty ? (!startEmpty || allowEmpty[0]) && (!endEmpty || allowEmpty[1]) : true;
+		const validateOrder = !order || startEmpty || endEmpty || isSame(generateConfig, locale, start, end, picker) || generateConfig.isAfter(end, start);
+		const validateDates = (disabled[0] || !start || !isInvalidateDate(start, { activeIndex: 0 })) && (disabled[1] || !end || !isInvalidateDate(end, {
+			from: start,
+			activeIndex: 1
+		}));
+		const allPassed = isNullValue || validateEmptyDateRange && validateOrder && validateDates;
+		if (allPassed) {
+			setInnerValue(clone);
+			const [isSameMergedDates] = isSameDates(clone, mergedValue);
+			if (onChange && !isSameMergedDates) {
+				const everyEmpty = clone.every((val) => !val);
+				onChange(isNullValue && everyEmpty ? null : clone, everyEmpty ? null : getDateTexts(clone));
+			}
+		}
+		return allPassed;
+	});
+	return [
+		useEvent((index, needTriggerChange) => {
+			const nextSubmitValue = fillIndex(submitValue(), index, getCalendarValue()[index]);
+			setSubmitValue(nextSubmitValue);
+			if (needTriggerChange) triggerSubmit();
+		}),
+		triggerSubmit,
+		useEvent((index) => {
+			if (index === void 0) {
+				triggerCalendarChange(mergedValue);
+				syncWithValue();
+				return;
+			}
+			triggerCalendarChange(fillIndex(getCalendarValue(), index, mergedValue[index]));
+			setSubmitValue(fillIndex(submitValue(), index, mergedValue[index]));
+		})
+	];
+}
+//#endregion
+export { useRangeValue as default, useInnerValue };
+
+//# sourceMappingURL=useRangeValue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeValue.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useRangeValue.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { GenerateConfig } from '../../generate';\nimport { useControlledState, useEvent } from '../../hooks/react';\nimport useSyncState from '../../hooks/useSyncState';\nimport type {\n  BaseInfo,\n  FormatType,\n  Locale,\n  NullableDateType,\n  PickerMode,\n  ReplaceListType,\n} from '../../interface';\nimport { formatValue, isSame, isSameTimestamp } from '../../utils/dateUtil';\nimport { fillIndex } from '../../utils/miscUtil';\nimport type { RangePickerProps } from '../RangePicker';\n\nconst EMPTY_VALUE: any[] = [];\n\n// Submit Logic:\n// * ✅ Value:\n//    * merged value using controlled value, if not, use stateValue\n//    * When merged value change, [1] resync calendar value and submit value\n// * ✅ Calender Value:\n//    * 💻 When user typing is validate, change the calendar value\n//    * 🌅 When user click on the panel, change the calendar value\n// * Submit Value:\n//    * 💻 When user blur the input, flush calendar value to submit value\n//    * 🌅 When user click on the panel is no needConfirm, flush calendar value to submit value\n//    * 🌅 When user click on the panel is needConfirm and click OK, flush calendar value to submit value\n// * Blur logic & close logic:\n//    * ✅ For value, always try flush submit\n//    * ✅ If `needConfirm`, reset as [1]\n//    * Else (`!needConfirm`)\n//      * If has another index field, active another index\n// * ✅ Flush submit:\n//    * If all the start & end field is confirmed or all blur or panel closed\n//    * Update `needSubmit` mark to true\n//    * trigger onChange by `needSubmit` and update stateValue\n\ntype TriggerCalendarChange<ValueType extends NullableDateType<object>[]> = (\n  calendarValues: ValueType,\n) => void;\n\ntype NoUndefinedList<ValueType> = { [K in keyof ValueType]: Exclude<ValueType[K], undefined> };\n\nfunction useUtil<\n  MergedValueType extends NullableDateType<DateType>[],\n  DateType extends object = any,\n>(generateConfig: GenerateConfig<DateType>, locale: Locale, formatList: FormatType[]) {\n  const getDateTexts = (dates: MergedValueType) => {\n    return dates.map((date) =>\n      formatValue(date, { generateConfig, locale, format: formatList[0] }),\n    ) as any as ReplaceListType<Required<MergedValueType>, string>;\n  };\n\n  const isSameDates = (source: MergedValueType, target: MergedValueType) => {\n    const maxLen = Math.max(source.length, target.length);\n    let diffIndex = -1;\n\n    for (let i = 0; i < maxLen; i += 1) {\n      const prev = source[i] || null;\n      const next = target[i] || null;\n\n      if (prev !== next && !isSameTimestamp(generateConfig, prev, next)) {\n        diffIndex = i;\n        break;\n      }\n    }\n\n    return [diffIndex < 0, diffIndex !== 0];\n  };\n\n  return [getDateTexts, isSameDates] as const;\n}\n\nfunction orderDates<DateType extends object, DatesType extends NullableDateType<DateType>[]>(\n  dates: DatesType,\n  generateConfig: GenerateConfig<DateType>,\n) {\n  return [...dates].sort((a, b) => (generateConfig.isAfter(a!, b!) ? 1 : -1)) as DatesType;\n}\n\n/**\n * Used for internal value management.\n * It should always use `mergedValue` in render logic\n */\nfunction useCalendarValue<MergedValueType extends NullableDateType<object>[]>(\n  mergedValue: MergedValueType,\n) {\n  const [calendarValue, setCalendarValue] = useSyncState(mergedValue);\n\n  /** Sync calendarValue & submitValue back with value */\n  const syncWithValue = useEvent(() => {\n    setCalendarValue(mergedValue);\n  });\n\n  React.useEffect(() => {\n    syncWithValue();\n  }, [mergedValue]);\n\n  return [calendarValue, setCalendarValue] as const;\n}\n\n/**\n * Control the internal `value` align with prop `value` and provide a temp `calendarValue` for ui.\n * The caller controls the temporary `calendarValue` lifecycle through event handlers.\n */\nexport function useInnerValue<\n  ValueType extends NullableDateType<DateType>[],\n  DateType extends object = any,\n>(\n  generateConfig: GenerateConfig<DateType>,\n  locale: Locale,\n  formatList: FormatType[],\n  /** Used for RangePicker. `true` means [DateType, DateType] or will be DateType[] */\n  rangeValue: boolean,\n  /**\n   * Trigger order when trigger calendar value change.\n   * This should only used in SinglePicker with `multiple` mode.\n   * So when `rangeValue` is `true`, order will be ignored.\n   */\n  order: boolean,\n  defaultValue?: ValueType | null,\n  value?: ValueType | null,\n  onCalendarChange?: (\n    dates: NoUndefinedList<ValueType>,\n    dateStrings: ReplaceListType<Required<ValueType>, string>,\n    info: BaseInfo,\n  ) => void,\n  onOk?: (dates: NoUndefinedList<ValueType>) => void,\n) {\n  // This is the root value which will sync with controlled or uncontrolled value\n  const [innerValue, setInnerValue] = useControlledState(defaultValue, value);\n  const mergedValue = innerValue || (EMPTY_VALUE as ValueType);\n\n  // ========================= Inner Values =========================\n  const [calendarValue, setCalendarValue] = useCalendarValue(mergedValue);\n\n  // ============================ Change ============================\n  const [getDateTexts, isSameDates] = useUtil<ValueType, DateType>(\n    generateConfig,\n    locale,\n    formatList,\n  );\n\n  const triggerCalendarChange: TriggerCalendarChange<ValueType> = useEvent(\n    (nextCalendarValues: ValueType) => {\n      let clone = [...nextCalendarValues] as ValueType;\n\n      if (rangeValue) {\n        for (let i = 0; i < 2; i += 1) {\n          clone[i] = clone[i] || null;\n        }\n      } else if (order) {\n        clone = orderDates(clone.filter((date) => date) as ValueType, generateConfig);\n      }\n\n      // Update merged value\n      const [isSameMergedDates, isSameStart] = isSameDates(calendarValue(), clone);\n      if (!isSameMergedDates) {\n        setCalendarValue(clone);\n\n        // Trigger calendar change event\n        if (onCalendarChange) {\n          const cellTexts = getDateTexts(clone);\n          onCalendarChange(clone as NoUndefinedList<ValueType>, cellTexts, {\n            range: isSameStart ? 'end' : 'start',\n          });\n        }\n      }\n    },\n  );\n\n  const triggerOk = () => {\n    if (onOk) {\n      onOk(calendarValue() as NoUndefinedList<ValueType>);\n    }\n  };\n\n  return [mergedValue, setInnerValue, calendarValue, triggerCalendarChange, triggerOk] as const;\n}\n\nexport default function useRangeValue<\n  ValueType extends NullableDateType<DateType>[],\n  DateType extends object = any,\n>(\n  info: Pick<RangePickerProps<DateType>, 'generateConfig' | 'locale' | 'order'> & {\n    picker: PickerMode;\n    allowEmpty?: [boolean, boolean];\n    // Method syntax keeps the parameter check bivariant: the public onChange takes no undefined\n    // entries, while ValueType still allows them.\n    // eslint-disable-next-line @typescript-eslint/method-signature-style\n    onChange?(\n      dates: ValueType | null,\n      dateStrings: ReplaceListType<Required<ValueType>, string> | null,\n    ): void;\n  },\n  mergedValue: ValueType,\n  setInnerValue: (nextValue: ValueType) => void,\n  getCalendarValue: () => ValueType,\n  triggerCalendarChange: TriggerCalendarChange<ValueType>,\n  disabled: ReplaceListType<Required<ValueType>, boolean>,\n  formatList: FormatType[],\n  isInvalidateDate: (date: DateType, info?: { from?: DateType; activeIndex: number }) => boolean,\n): [\n  /** Trigger `onChange` by check `disabledDate` */\n  flushSubmit: (index: number, needTriggerChange: boolean) => void,\n  /** Trigger `onChange` directly without check `disabledDate` */\n  triggerSubmitChange: (value?: ValueType | null) => boolean,\n  /** Reset calendar and submit values back to the committed value */\n  resetValue: (index?: number) => void,\n] {\n  const {\n    // MISC\n    generateConfig,\n    locale,\n\n    picker,\n\n    onChange,\n\n    // Checker\n    allowEmpty,\n    order,\n  } = info;\n\n  const orderOnChange = disabled.some((d) => d) ? false : order;\n\n  // ============================= Util =============================\n  const [getDateTexts, isSameDates] = useUtil<ValueType, DateType>(\n    generateConfig,\n    locale,\n    formatList,\n  );\n\n  // ============================ Values ============================\n  // Used for trigger `onChange` event.\n  // Record current value which is wait for submit.\n  const [submitValue, setSubmitValue] = useSyncState(mergedValue);\n\n  /** Sync calendarValue & submitValue back with value */\n  const syncWithValue = useEvent(() => {\n    setSubmitValue(mergedValue);\n  });\n\n  React.useEffect(() => {\n    syncWithValue();\n  }, [mergedValue]);\n\n  // ============================ Submit ============================\n  const triggerSubmit = useEvent((nextValue?: ValueType | null) => {\n    const isNullValue = nextValue === null;\n\n    let clone = [...(nextValue || submitValue())] as ValueType;\n\n    // Fill null value\n    if (isNullValue) {\n      const maxLen = Math.max(disabled.length, clone.length);\n\n      for (let i = 0; i < maxLen; i += 1) {\n        if (!disabled[i]) {\n          clone[i] = null;\n        }\n      }\n    }\n\n    // Only when exist value to sort\n    if (orderOnChange && clone[0] && clone[1]) {\n      clone = orderDates(clone, generateConfig);\n    }\n\n    // Sync `calendarValue`\n    triggerCalendarChange(clone);\n\n    // ========= Validate check =========\n    const [start, end] = clone;\n\n    // >>> Empty\n    const startEmpty = !start;\n    const endEmpty = !end;\n\n    const validateEmptyDateRange = allowEmpty\n      ? // Validate empty start\n        (!startEmpty || allowEmpty[0]) &&\n        // Validate empty end\n        (!endEmpty || allowEmpty[1])\n      : true;\n\n    // >>> Order\n    const validateOrder =\n      !order ||\n      startEmpty ||\n      endEmpty ||\n      isSame(generateConfig, locale, start, end, picker) ||\n      generateConfig.isAfter(end, start);\n\n    // >>> Invalid\n    const validateDates =\n      // Validate start\n      (disabled[0] || !start || !isInvalidateDate(start, { activeIndex: 0 })) &&\n      // Validate end\n      (disabled[1] || !end || !isInvalidateDate(end, { from: start!, activeIndex: 1 }));\n    // >>> Result\n    const allPassed =\n      // Null value is from clear button\n      isNullValue ||\n      // Normal check\n      (validateEmptyDateRange && validateOrder && validateDates);\n\n    if (allPassed) {\n      // Sync value with submit value\n      setInnerValue(clone);\n\n      const [isSameMergedDates] = isSameDates(clone, mergedValue);\n\n      // Trigger `onChange` if needed\n      if (onChange && !isSameMergedDates) {\n        const everyEmpty = clone.every((val) => !val);\n        onChange(\n          // Return null directly if all date are empty\n          isNullValue && everyEmpty ? null : clone,\n          everyEmpty ? null : getDateTexts(clone),\n        );\n      }\n    }\n\n    return allPassed;\n  });\n\n  // ========================= Flush Submit =========================\n  const flushSubmit = useEvent((index: number, needTriggerChange: boolean) => {\n    const nextSubmitValue = fillIndex(submitValue(), index, getCalendarValue()[index]);\n    setSubmitValue(nextSubmitValue);\n\n    if (needTriggerChange) {\n      triggerSubmit();\n    }\n  });\n\n  const resetValue = useEvent((index?: number) => {\n    if (index === undefined) {\n      triggerCalendarChange(mergedValue);\n      syncWithValue();\n      return;\n    }\n\n    triggerCalendarChange(fillIndex(getCalendarValue(), index, mergedValue[index]));\n    setSubmitValue(fillIndex(submitValue(), index, mergedValue[index]));\n  });\n\n  // ============================ Return ============================\n  return [flushSubmit, triggerSubmit, resetValue];\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,219 @@
+import { useEvent, useLatestState } from "../../hooks/react.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/hooks/useRangeValueChange.ts
+/**
+* Coordinate CalendarValue updates, part submits and final submits for any
+* number of fields.
+* 统一管理任意数量 field 的 CalendarValue 更新、局部提交与最终提交。
+*
+* Flow / 流程：
+* Every event is first resolved from `source`, `needConfirm`, `allowEmpty` and
+* the field indexes to one action. State changes only happen while executing
+* that action, so event sources never submit or reset values on their own.
+* 每个事件先根据 `source`、`needConfirm`、`allowEmpty` 与 field index 得到唯一
+* action。状态只在执行 action 时改变，事件来源本身不直接提交或重置值。
+*
+* Index transitions also expose whether focus must follow the next field.
+* Confirm-like operations and a popup close following a panel operation
+* switch focus strongly. A popup close following input, Tab and an actual
+* field focus switch only update the expected index.
+* index 切换还会同步给出是否必须跟随聚焦下一个 field。确认类操作，以及面板
+* 操作后的 popup 关闭使用强切换；input 后的 popup 关闭、Tab 与真实 field
+* 聚焦切换只更新预期 index。
+*
+* Source resolution / 事件解析：
+*
+* - `esc` always resolves to `resetAll`.
+*   `esc` 始终解析为 `resetAll`。
+* - With no current field, `popupClose` resolves to `resetAll`; any other
+*   non-cancel event starts a new interaction from its field.
+*   没有当前 field 时，`popupClose` 解析为 `resetAll`；其余非撤销事件从
+*   对应 field 开始新一轮交互。
+* - `field-switch` advances exactly one field in circular order. `needConfirm`
+*   locks an unconfirmed non-empty field unless it allows empty; an allow-empty
+*   field is reset before advancing.
+*   `field-switch` 只允许按循环顺序推进一个 field。`needConfirm` 会锁定未确认
+*   且非空的 field；允许空值时先重置再推进。
+* - Other sources must target the current field. `input` and
+*   `panel-intermediate` modify it; `remove` explicitly submits the removed
+*   value even when the field does not allow empty. `panel-final` advances only
+*   without confirmation; `keyboard-submit-weak` part-submits without
+*   advancing; `keyboard-submit` and `confirm` advance only when the field has
+*   a value or allows empty.
+*   其余来源必须指向当前 field。`input` 与 `panel-intermediate` 只修改；
+*   `remove` 会明确提交删除后的值，即使 field 不允许为空；`panel-final`
+*   仅在无需确认时推进；`keyboard-submit-weak` 只做局部提交而不推进；
+*   `keyboard-submit` 与 `confirm` 仅在有值或允许空值时推进。
+* - `popupClose` finishes an untouched interaction. Without confirmation it
+*   submits a valid field; with confirmation it submits only after every field
+*   has participated, otherwise it resets all temporary values. A modified
+*   allow-empty field is reset before the final submit.
+*   `popupClose` 会直接结束未修改的交互。无需确认时提交有效 field；需要确认时
+*   仅在所有 field 都参与过后提交，否则重置全部临时值。当前 field 已修改且
+*   允许为空时，会先重置当前值再完成提交。
+*
+* Action execution / Action 执行：
+*
+* - `modify`: update or record the current CalendarValue.
+*   更新或记录当前 CalendarValue。
+* - `submitCurrent`: part-submit the current field without advancing.
+*   局部提交当前 field，但不推进。
+* - `switchNext`: submit the current field and advance to the next field.
+*   提交当前 field 并推进到下一个 field。
+* - `finish`: end an interaction in which no field was modified without
+*   resetting values. / 结束所有 field 均未修改的交互，不重置任何值。
+* - `abort`: stop without changing any state.
+*   直接短路，不改变任何状态。
+* - `resetCurrent`: discard only the current field.
+*   仅撤销当前 field。
+* - `resetCurrentAndSwitchNext`: discard the current temporary value and
+*   advance without submitting. Revisiting a field starts a new round.
+*   撤销当前临时值并直接推进，不触发提交；再次进入已访问 field 时开启新一轮。
+* - `resetAll`: discard all temporary values and end the interaction.
+*   撤销全部临时值并结束本轮交互。
+*/
+function useRangeValueChange(fieldCount, needConfirm, allowEmpty, getCalendarValue, triggerCalendarChange, flushSubmit, resetValue) {
+	const triggeredFieldsRef = React$1.useRef([]);
+	const confirmedIndexRef = React$1.useRef(null);
+	const isLastInputRef = React$1.useRef(false);
+	const [getCurrentIndex, setCurrentIndex] = useLatestState(null);
+	const [getForceFocus, setForceFocus] = useLatestState(false);
+	const lastValidIndexRef = React$1.useRef(void 0);
+	const reset = useEvent(() => {
+		triggeredFieldsRef.current = [];
+		confirmedIndexRef.current = null;
+		isLastInputRef.current = false;
+		setCurrentIndex(null);
+		setForceFocus(false);
+	});
+	const recordTriggeredField = (index, modified) => {
+		const field = triggeredFieldsRef.current.find((item) => item.index === index);
+		if (field) {
+			if (modified !== void 0) field.modified = modified;
+		} else triggeredFieldsRef.current = [...triggeredFieldsRef.current, {
+			index,
+			modified: modified ?? false
+		}];
+	};
+	const submitField = (index) => {
+		recordTriggeredField(index);
+		const allFieldsTriggered = triggeredFieldsRef.current.length >= fieldCount;
+		flushSubmit(index, allFieldsTriggered);
+		if (allFieldsTriggered) reset();
+		return allFieldsTriggered;
+	};
+	const resolveAction = (currentIndex, index, source, value) => {
+		if (source === "esc") return "resetAll";
+		if (currentIndex === null) return source === "popupClose" ? "resetAll" : "abort";
+		const currentValue = value === void 0 ? getCalendarValue()[currentIndex] : value;
+		const canSwitch = !(currentValue === null || currentValue === void 0) || allowEmpty[currentIndex];
+		const canSubmit = source === "remove" || canSwitch;
+		if (source === "field-switch") {
+			if (index === currentIndex) return "abort";
+			const nextIndex = (currentIndex + 1) % fieldCount;
+			if (index !== nextIndex) return "abort";
+			const nextFieldTriggered = triggeredFieldsRef.current.some((field) => field.index === nextIndex);
+			if (needConfirm) {
+				if (confirmedIndexRef.current === currentIndex) return "switchNext";
+				return allowEmpty[currentIndex] ? "resetCurrentAndSwitchNext" : "abort";
+			}
+			if (canSwitch) return "switchNext";
+			return nextFieldTriggered ? "resetCurrentAndSwitchNext" : "resetCurrent";
+		}
+		if (index !== currentIndex) return "abort";
+		if (source === "popupClose") {
+			if (!triggeredFieldsRef.current.some((field) => field.modified)) return "finish";
+			if (needConfirm) {
+				const currentModified = triggeredFieldsRef.current.some((field) => field.index === currentIndex && field.modified);
+				if (!(triggeredFieldsRef.current.length >= fieldCount) || !canSwitch) return "resetAll";
+				if (currentModified) return allowEmpty[currentIndex] ? "resetCurrentAndSwitchNext" : "resetAll";
+				return "switchNext";
+			}
+			if (!canSubmit) return "resetAll";
+			return "switchNext";
+		}
+		if (source === "input" || source === "panel-intermediate") return "modify";
+		if (source === "panel-final") return needConfirm ? "modify" : "switchNext";
+		if (source === "keyboard-submit-weak") return canSubmit ? "submitCurrent" : "abort";
+		if (source === "keyboard-submit" || source === "confirm" || source === "remove") return canSubmit ? "switchNext" : "abort";
+		return "abort";
+	};
+	const triggerChange = useEvent((index, source, value) => {
+		let currentIndex = getCurrentIndex();
+		if (source !== "popupClose") isLastInputRef.current = source === "input";
+		if (currentIndex === null && source !== "popupClose" && source !== "esc") {
+			currentIndex = index;
+			setCurrentIndex(index);
+			setForceFocus(false);
+			recordTriggeredField(index, false);
+		}
+		const action = resolveAction(currentIndex, index, source, value);
+		const actionIndex = currentIndex ?? index;
+		switch (action) {
+			case "modify":
+				recordTriggeredField(actionIndex, true);
+				if (confirmedIndexRef.current === actionIndex) confirmedIndexRef.current = null;
+				if (value !== void 0) triggerCalendarChange(actionIndex, value);
+				break;
+			case "submitCurrent":
+				if (needConfirm) confirmedIndexRef.current = actionIndex;
+				submitField(actionIndex);
+				break;
+			case "switchNext": {
+				if (source === "panel-final" || value !== void 0) recordTriggeredField(actionIndex, true);
+				if (value !== void 0) triggerCalendarChange(actionIndex, value);
+				if (needConfirm && (source === "keyboard-submit" || source === "confirm")) confirmedIndexRef.current = actionIndex;
+				const forceFocus = source === "confirm" || source === "keyboard-submit" || source === "panel-final" || source === "popupClose" && !isLastInputRef.current;
+				const allFieldsTriggered = submitField(actionIndex);
+				if (allFieldsTriggered && source === "field-switch") {
+					setCurrentIndex(index);
+					setForceFocus(false);
+				} else if (!allFieldsTriggered) {
+					const nextIndex = (actionIndex + 1) % fieldCount;
+					setCurrentIndex(nextIndex);
+					setForceFocus(forceFocus);
+				}
+				if (source === "field-switch") recordTriggeredField(index, false);
+				break;
+			}
+			case "finish":
+				reset();
+				break;
+			case "resetCurrent":
+				resetValue(actionIndex);
+				if (confirmedIndexRef.current === actionIndex) confirmedIndexRef.current = null;
+				triggeredFieldsRef.current = triggeredFieldsRef.current.filter((field) => field.index !== actionIndex);
+				break;
+			case "resetCurrentAndSwitchNext":
+				resetValue(actionIndex);
+				if (confirmedIndexRef.current === actionIndex) confirmedIndexRef.current = null;
+				if (source === "field-switch") {
+					if (triggeredFieldsRef.current.some((field) => field.index === index)) triggeredFieldsRef.current = [];
+					setCurrentIndex(index);
+					setForceFocus(false);
+					recordTriggeredField(index, false);
+				} else reset();
+				break;
+			case "resetAll":
+				resetValue();
+				reset();
+				break;
+			case "abort": if (source === "field-switch" && index === actionIndex) recordTriggeredField(index);
+		}
+	});
+	const currentIndex = getCurrentIndex();
+	lastValidIndexRef.current = currentIndex ?? lastValidIndexRef.current ?? 0;
+	const triggeredFields = triggeredFieldsRef.current.map((field) => field.index);
+	return [
+		currentIndex,
+		lastValidIndexRef.current,
+		getForceFocus(),
+		triggeredFields,
+		triggerChange,
+		reset
+	];
+}
+//#endregion
+export { useRangeValueChange as default };
+
+//# sourceMappingURL=useRangeValueChange.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeValueChange.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useRangeValueChange.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useEvent, useLatestState } from '../../hooks/react';\n\n// ============================= Types =============================\n\n/** Change source of a field. / Field 的变更来源。 */\nexport type RangeValueChangeSource =\n  | 'input'\n  | 'remove'\n  | 'keyboard-submit'\n  | 'keyboard-submit-weak'\n  | 'esc'\n  | 'panel-intermediate'\n  | 'panel-final'\n  | 'popupClose'\n  | 'field-switch'\n  | 'confirm';\n\n/** Resolved operation for one field interaction. / 一次 field 交互最终执行的操作。 */\nexport type RangeValueChangeAction =\n  | 'modify'\n  | 'submitCurrent'\n  | 'switchNext'\n  | 'finish'\n  | 'abort'\n  | 'resetCurrent'\n  | 'resetCurrentAndSwitchNext'\n  | 'resetAll';\n\n/** Receive a field interaction and its optional value. / 接收 field 交互及可选变更值。 */\nexport type TriggerChange<FieldValue> = (\n  index: number,\n  source: RangeValueChangeSource,\n  value?: FieldValue,\n) => void;\n\n/** Read the latest temporary CalendarValue. / 读取最新的临时 CalendarValue。 */\nexport type GetCalendarValue<FieldValue> = () => readonly (FieldValue | null | undefined)[];\n\n/** Update one field in CalendarValue. / 更新 CalendarValue 中的一个 field。 */\nexport type TriggerCalendarChange<FieldValue> = (index: number, value: FieldValue) => void;\n\n/**\n * Flush one field and optionally emit the final change.\n * 提交一个 field，并按需触发最终 change。\n */\nexport type FlushSubmit = (index: number, needTriggerChange: boolean) => void;\n\n/**\n * Reset one field, or all fields when index is omitted.\n * 重置指定 field；未传 index 时重置全部 field。\n */\nexport type ResetValue = (index?: number) => void;\n\nexport type UseRangeValueChangeReturn<FieldValue> = [\n  currentIndex: number | null,\n  activeIndex: number,\n  forceFocus: boolean,\n  triggeredFields: number[],\n  triggerChange: TriggerChange<FieldValue>,\n  reset: VoidFunction,\n];\n\ninterface TriggeredField {\n  index: number;\n  modified: boolean;\n}\n\n// ============================== Hook ==============================\n\n/**\n * Coordinate CalendarValue updates, part submits and final submits for any\n * number of fields.\n * 统一管理任意数量 field 的 CalendarValue 更新、局部提交与最终提交。\n *\n * Flow / 流程：\n * Every event is first resolved from `source`, `needConfirm`, `allowEmpty` and\n * the field indexes to one action. State changes only happen while executing\n * that action, so event sources never submit or reset values on their own.\n * 每个事件先根据 `source`、`needConfirm`、`allowEmpty` 与 field index 得到唯一\n * action。状态只在执行 action 时改变，事件来源本身不直接提交或重置值。\n *\n * Index transitions also expose whether focus must follow the next field.\n * Confirm-like operations and a popup close following a panel operation\n * switch focus strongly. A popup close following input, Tab and an actual\n * field focus switch only update the expected index.\n * index 切换还会同步给出是否必须跟随聚焦下一个 field。确认类操作，以及面板\n * 操作后的 popup 关闭使用强切换；input 后的 popup 关闭、Tab 与真实 field\n * 聚焦切换只更新预期 index。\n *\n * Source resolution / 事件解析：\n *\n * - `esc` always resolves to `resetAll`.\n *   `esc` 始终解析为 `resetAll`。\n * - With no current field, `popupClose` resolves to `resetAll`; any other\n *   non-cancel event starts a new interaction from its field.\n *   没有当前 field 时，`popupClose` 解析为 `resetAll`；其余非撤销事件从\n *   对应 field 开始新一轮交互。\n * - `field-switch` advances exactly one field in circular order. `needConfirm`\n *   locks an unconfirmed non-empty field unless it allows empty; an allow-empty\n *   field is reset before advancing.\n *   `field-switch` 只允许按循环顺序推进一个 field。`needConfirm` 会锁定未确认\n *   且非空的 field；允许空值时先重置再推进。\n * - Other sources must target the current field. `input` and\n *   `panel-intermediate` modify it; `remove` explicitly submits the removed\n *   value even when the field does not allow empty. `panel-final` advances only\n *   without confirmation; `keyboard-submit-weak` part-submits without\n *   advancing; `keyboard-submit` and `confirm` advance only when the field has\n *   a value or allows empty.\n *   其余来源必须指向当前 field。`input` 与 `panel-intermediate` 只修改；\n *   `remove` 会明确提交删除后的值，即使 field 不允许为空；`panel-final`\n *   仅在无需确认时推进；`keyboard-submit-weak` 只做局部提交而不推进；\n *   `keyboard-submit` 与 `confirm` 仅在有值或允许空值时推进。\n * - `popupClose` finishes an untouched interaction. Without confirmation it\n *   submits a valid field; with confirmation it submits only after every field\n *   has participated, otherwise it resets all temporary values. A modified\n *   allow-empty field is reset before the final submit.\n *   `popupClose` 会直接结束未修改的交互。无需确认时提交有效 field；需要确认时\n *   仅在所有 field 都参与过后提交，否则重置全部临时值。当前 field 已修改且\n *   允许为空时，会先重置当前值再完成提交。\n *\n * Action execution / Action 执行：\n *\n * - `modify`: update or record the current CalendarValue.\n *   更新或记录当前 CalendarValue。\n * - `submitCurrent`: part-submit the current field without advancing.\n *   局部提交当前 field，但不推进。\n * - `switchNext`: submit the current field and advance to the next field.\n *   提交当前 field 并推进到下一个 field。\n * - `finish`: end an interaction in which no field was modified without\n *   resetting values. / 结束所有 field 均未修改的交互，不重置任何值。\n * - `abort`: stop without changing any state.\n *   直接短路，不改变任何状态。\n * - `resetCurrent`: discard only the current field.\n *   仅撤销当前 field。\n * - `resetCurrentAndSwitchNext`: discard the current temporary value and\n *   advance without submitting. Revisiting a field starts a new round.\n *   撤销当前临时值并直接推进，不触发提交；再次进入已访问 field 时开启新一轮。\n * - `resetAll`: discard all temporary values and end the interaction.\n *   撤销全部临时值并结束本轮交互。\n */\nexport default function useRangeValueChange<FieldValue = unknown>(\n  fieldCount: number,\n  needConfirm: boolean,\n  allowEmpty: readonly boolean[],\n  getCalendarValue: GetCalendarValue<FieldValue>,\n  triggerCalendarChange: TriggerCalendarChange<FieldValue>,\n  flushSubmit: FlushSubmit,\n  resetValue: ResetValue,\n): UseRangeValueChangeReturn<FieldValue> {\n  // ============================= State =============================\n\n  // Record fields involved in the current interaction and whether each field\n  // has been modified since it became active.\n  // 记录当前一轮交互中触发过的 field，以及它从本次激活后是否发生过修改。\n  const triggeredFieldsRef = React.useRef<TriggeredField[]>([]);\n\n  // Track the last explicitly confirmed field. `triggeredFields` also records\n  // focus, so it cannot tell confirmed and unconfirmed values apart.\n  // 记录最后一个明确确认过的 field。`triggeredFields` 同时记录 focus，\n  // 因此无法单独区分已确认值与未确认值。\n  const confirmedIndexRef = React.useRef<number | null>(null);\n\n  // Mark whether the latest value update came from the input.\n  // 标记最近一次值更新是否来自 input。\n  const isLastInputRef = React.useRef(false);\n\n  // Keep a render value and a synchronous getter for event handlers.\n  // 同时保存渲染值，以及供事件处理函数同步读取的 getter。\n  const [getCurrentIndex, setCurrentIndex] = useLatestState<number | null>(null);\n\n  // Record whether the latest index transition must actively move DOM focus.\n  // 记录最近一次 index 切换是否需要主动移动 DOM 焦点。\n  const [getForceFocus, setForceFocus] = useLatestState(false);\n\n  // Keep the latest accepted field for panel and selector rendering.\n  // 保留最后一个被业务接受的 field，供 panel 和 selector 渲染使用；\n  const lastValidIndexRef = React.useRef<number | undefined>(undefined);\n\n  // ============================= Reset =============================\n\n  // End the current interaction without changing CalendarValue or the\n  // committed value. External events such as Clear can reset bookkeeping and\n  // handle their own value update separately.\n  // 结束当前交互，但不修改 CalendarValue 或已提交值。Clear 等外部事件可先\n  // 重置交互记录，再独立处理自身的值变更。\n  const reset = useEvent(() => {\n    triggeredFieldsRef.current = [];\n    confirmedIndexRef.current = null;\n    isLastInputRef.current = false;\n    setCurrentIndex(null);\n    setForceFocus(false);\n  });\n\n  // ============================= Record ============================\n\n  // Keep fields unique while preserving their first-triggered order. Omit\n  // `modified` to keep the existing state, or pass it to start a new field\n  // visit and record a modification.\n  // field 保持唯一并保留首次触发顺序。省略 `modified` 时保留原状态；传入时\n  // 用于开始一次新的 field 访问，或记录本次修改。\n  const recordTriggeredField = (index: number, modified?: boolean) => {\n    const field = triggeredFieldsRef.current.find((item) => item.index === index);\n\n    if (field) {\n      if (modified !== undefined) {\n        field.modified = modified;\n      }\n    } else {\n      triggeredFieldsRef.current = [\n        ...triggeredFieldsRef.current,\n        { index, modified: modified ?? false },\n      ];\n    }\n  };\n\n  // ============================= Submit ============================\n\n  // Flush the current field and report whether the whole round is complete.\n  // Index and focus transitions are handled by the resolved action.\n  // 提交当前 field，并返回本轮是否已经完成。index 与焦点切换由解析后的\n  // action 负责。\n  const submitField = (index: number) => {\n    recordTriggeredField(index);\n\n    // Trigger final change after every field has participated once.\n    // 所有 field 都参与过一次后，触发最终 change。\n    const allFieldsTriggered = triggeredFieldsRef.current.length >= fieldCount;\n    flushSubmit(index, allFieldsTriggered);\n\n    if (allFieldsTriggered) {\n      reset();\n    }\n\n    return allFieldsTriggered;\n  };\n\n  // ============================= Resolve ===========================\n\n  // Resolve an interaction to one action without changing any state.\n  // 仅根据当前状态解析 action，不在判断过程中修改任何状态。\n  const resolveAction = (\n    currentIndex: number | null,\n    index: number,\n    source: RangeValueChangeSource,\n    value?: FieldValue,\n  ): RangeValueChangeAction => {\n    if (source === 'esc') {\n      return 'resetAll';\n    }\n\n    if (currentIndex === null) {\n      // Closing the popup after the interaction has completed still needs to\n      // discard any temporary CalendarValue left by a controlled value.\n      // 一轮交互结束后关闭 popup，仍需清理受控值留下的临时 CalendarValue。\n      return source === 'popupClose' ? 'resetAll' : 'abort';\n    }\n\n    const currentValue = value === undefined ? getCalendarValue()[currentIndex] : value;\n    const currentEmpty = currentValue === null || currentValue === undefined;\n    const canSwitch = !currentEmpty || allowEmpty[currentIndex];\n    const canSubmit = source === 'remove' || canSwitch;\n\n    if (source === 'field-switch') {\n      if (index === currentIndex) {\n        return 'abort';\n      }\n\n      const nextIndex = (currentIndex + 1) % fieldCount;\n      if (index !== nextIndex) {\n        return 'abort';\n      }\n\n      const nextFieldTriggered = triggeredFieldsRef.current.some(\n        (field) => field.index === nextIndex,\n      );\n\n      if (needConfirm) {\n        if (confirmedIndexRef.current === currentIndex) {\n          return 'switchNext';\n        }\n\n        // An allowEmpty field may be left without confirmation. Discard any\n        // unconfirmed CalendarValue before moving to the next field.\n        // allowEmpty field 可以在未确认时离开；切换前需要丢弃未确认的\n        // CalendarValue，再进入下一个 field。\n        return allowEmpty[currentIndex] ? 'resetCurrentAndSwitchNext' : 'abort';\n      }\n\n      if (canSwitch) {\n        return 'switchNext';\n      }\n\n      // Revisiting the next field starts another circular round. Discard the\n      // invalid current field and finish the old round before entering it.\n      // 再次进入已触发的 next field 表示开始新一轮循环。进入前先丢弃当前\n      // 无效 field，并结束旧的一轮。\n      return nextFieldTriggered ? 'resetCurrentAndSwitchNext' : 'resetCurrent';\n    }\n\n    if (index !== currentIndex) {\n      return 'abort';\n    }\n\n    if (source === 'popupClose') {\n      const interactionModified = triggeredFieldsRef.current.some((field) => field.modified);\n\n      if (!interactionModified) {\n        return 'finish';\n      }\n\n      if (needConfirm) {\n        const currentModified = triggeredFieldsRef.current.some(\n          (field) => field.index === currentIndex && field.modified,\n        );\n        const allFieldsTriggered = triggeredFieldsRef.current.length >= fieldCount;\n\n        // Closing the popup ends the interaction instead of advancing to an\n        // unvisited field. When the current field allows empty, discard its\n        // unconfirmed value before finishing the round.\n        // 关闭 popup 用于结束交互，不应继续推进到尚未访问的 field。当前\n        // field 允许为空时，先丢弃未确认值，再结束本轮。\n        if (!allFieldsTriggered || !canSwitch) {\n          return 'resetAll';\n        }\n\n        if (currentModified) {\n          return allowEmpty[currentIndex] ? 'resetCurrentAndSwitchNext' : 'resetAll';\n        }\n\n        return 'switchNext';\n      }\n\n      if (!canSubmit) {\n        return 'resetAll';\n      }\n\n      return 'switchNext';\n    }\n\n    if (source === 'input' || source === 'panel-intermediate') {\n      return 'modify';\n    }\n\n    if (source === 'panel-final') {\n      return needConfirm ? 'modify' : 'switchNext';\n    }\n\n    if (source === 'keyboard-submit-weak') {\n      return canSubmit ? 'submitCurrent' : 'abort';\n    }\n\n    if (source === 'keyboard-submit' || source === 'confirm' || source === 'remove') {\n      return canSubmit ? 'switchNext' : 'abort';\n    }\n\n    return 'abort';\n  };\n\n  // ============================= Trigger ===========================\n\n  // Route every interaction through action resolution, then execute the\n  // resolved action in one place.\n  // 所有交互先统一解析 action，再在一个位置执行对应操作。\n  const triggerChange = useEvent(\n    (index: number, source: RangeValueChangeSource, value?: FieldValue) => {\n      let currentIndex = getCurrentIndex();\n\n      // Popup close consumes the previous update type instead of replacing it.\n      // popup 关闭消费上一次更新类型，自身不覆盖该标记。\n      if (source !== 'popupClose') {\n        isLastInputRef.current = source === 'input';\n      }\n\n      // Start a new interaction from the first non-close event. Closing the\n      // popup may clean temporary values but must not create an active field.\n      // 第一条非关闭事件用于建立新一轮交互；关闭 popup 可以清理临时值，\n      // 但不应因此创建 currentIndex。\n      if (currentIndex === null && source !== 'popupClose' && source !== 'esc') {\n        currentIndex = index;\n        setCurrentIndex(index);\n        setForceFocus(false);\n        recordTriggeredField(index, false);\n      }\n\n      const action = resolveAction(currentIndex, index, source, value);\n      const actionIndex = currentIndex ?? index;\n\n      switch (action) {\n        case 'modify': {\n          recordTriggeredField(actionIndex, true);\n          if (confirmedIndexRef.current === actionIndex) {\n            confirmedIndexRef.current = null;\n          }\n          if (value !== undefined) {\n            triggerCalendarChange(actionIndex, value);\n          }\n          break;\n        }\n\n        case 'submitCurrent': {\n          if (needConfirm) {\n            confirmedIndexRef.current = actionIndex;\n          }\n          submitField(actionIndex);\n          break;\n        }\n\n        case 'switchNext': {\n          if (source === 'panel-final' || value !== undefined) {\n            recordTriggeredField(actionIndex, true);\n          }\n          if (value !== undefined) {\n            triggerCalendarChange(actionIndex, value);\n          }\n          if (needConfirm && (source === 'keyboard-submit' || source === 'confirm')) {\n            confirmedIndexRef.current = actionIndex;\n          }\n\n          // Confirm-like operations and panel-originated popup closes must\n          // move focus to the next field. Input-originated closes remain weak.\n          // 确认类操作和面板操作后的 popup 关闭必须主动聚焦下一个 field；\n          // input 操作后的关闭仍保持弱切换。\n          const forceFocus =\n            source === 'confirm' ||\n            source === 'keyboard-submit' ||\n            source === 'panel-final' ||\n            (source === 'popupClose' && !isLastInputRef.current);\n\n          const allFieldsTriggered = submitField(actionIndex);\n\n          if (allFieldsTriggered && source === 'field-switch') {\n            // The focus switch finishes the previous round and also starts a\n            // new round from its target field.\n            // 本次 focus 切换既结束上一轮，也以目标 field 开始新一轮。\n            setCurrentIndex(index);\n            setForceFocus(false);\n          } else if (!allFieldsTriggered) {\n            const nextIndex = (actionIndex + 1) % fieldCount;\n            setCurrentIndex(nextIndex);\n            setForceFocus(forceFocus);\n          }\n\n          if (source === 'field-switch') {\n            recordTriggeredField(index, false);\n          }\n          break;\n        }\n\n        case 'finish': {\n          reset();\n          break;\n        }\n\n        case 'resetCurrent': {\n          resetValue(actionIndex);\n          if (confirmedIndexRef.current === actionIndex) {\n            confirmedIndexRef.current = null;\n          }\n          triggeredFieldsRef.current = triggeredFieldsRef.current.filter(\n            (field) => field.index !== actionIndex,\n          );\n          break;\n        }\n\n        case 'resetCurrentAndSwitchNext': {\n          resetValue(actionIndex);\n          if (confirmedIndexRef.current === actionIndex) {\n            confirmedIndexRef.current = null;\n          }\n\n          if (source === 'field-switch') {\n            const nextFieldTriggered = triggeredFieldsRef.current.some(\n              (field) => field.index === index,\n            );\n\n            // A reset never submits or checks whether all fields were handled.\n            // Revisiting the target discards the old round before starting the\n            // next one from that target.\n            // reset 不触发提交，也不判断所有 field 是否已处理。再次进入目标\n            // field 时丢弃旧一轮记录，并从该 field 开启新一轮。\n            if (nextFieldTriggered) {\n              triggeredFieldsRef.current = [];\n            }\n\n            setCurrentIndex(index);\n            setForceFocus(false);\n            recordTriggeredField(index, false);\n          } else {\n            // Closing the popup ends the whole Picker interaction instead of\n            // focusing the next field.\n            // 关闭 popup 表示结束整个 Picker 交互，因此不再聚焦下一个 field。\n            reset();\n          }\n          break;\n        }\n\n        case 'resetAll': {\n          resetValue();\n          reset();\n          break;\n        }\n\n        case 'abort': {\n          if (source === 'field-switch' && index === actionIndex) {\n            recordTriggeredField(index);\n          }\n          break;\n        }\n      }\n    },\n  );\n\n  const currentIndex = getCurrentIndex();\n  lastValidIndexRef.current = currentIndex ?? lastValidIndexRef.current ?? 0;\n\n  const triggeredFields = triggeredFieldsRef.current.map((field) => field.index);\n\n  return [\n    currentIndex,\n    lastValidIndexRef.current,\n    getForceFocus(),\n    triggeredFields,\n    triggerChange,\n    reset,\n  ];\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+//#region src/DatePicker/core/PickerInput/hooks/useShowNow.ts
+function useShowNow(picker, mode, showNow, showToday, rangePicker) {
+	if (mode !== "date" && mode !== "time") return false;
+	if (showNow !== void 0) return showNow;
+	if (showToday !== void 0) return showToday;
+	return !rangePicker && (picker === "date" || picker === "time");
+}
+//#endregion
+export { useShowNow as default };
+
+//# sourceMappingURL=useShowNow.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useShowNow.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/hooks/useShowNow.ts"],"sourcesContent":["import type { InternalMode, PanelMode } from '../../interface';\n\nexport default function useShowNow(\n  picker: InternalMode,\n  mode: PanelMode,\n  showNow?: boolean,\n  showToday?: boolean,\n  rangePicker?: boolean,\n) {\n  if (mode !== 'date' && mode !== 'time') {\n    return false;\n  }\n\n  if (showNow !== undefined) {\n    return showNow;\n  }\n\n  // Compatible with old version `showToday`\n  if (showToday !== undefined) {\n    return showToday;\n  }\n\n  return !rangePicker && (picker === 'date' || picker === 'time');\n}\n"],"mappings":";AAEA,SAAwB,WACtB,QACA,MACA,SACA,WACA,aACA;CACA,IAAI,SAAS,UAAU,SAAS,QAC9B,OAAO;CAGT,IAAI,YAAY,KAAA,GACd,OAAO;CAIT,IAAI,cAAc,KAAA,GAChB,OAAO;CAGT,OAAO,CAAC,gBAAgB,WAAW,UAAU,WAAW;AAC1D"}

package/es/DatePicker/core/PickerPanel/DatePanel/index.mjs

@@ -0,0 +1,131 @@
+import { formatValue, getWeekStartDate, isSameDate, isSameMonth } from "../../utils/dateUtil.mjs";
+import { PanelContext, useInfo } from "../context.mjs";
+import PanelBody from "../PanelBody.mjs";
+import PanelHeader from "../PanelHeader.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerPanel/DatePanel/index.tsx
+function DatePanel(props) {
+	const { prefixCls, panelName = "date", locale, generateConfig, pickerValue, onPickerValueChange, onModeChange, mode = "date", disabledDate, onSelect, onHover, showWeek } = props;
+	const panelPrefixCls = `${prefixCls}-${panelName}-panel`;
+	const cellPrefixCls = `${prefixCls}-cell`;
+	const isWeek = mode === "week";
+	const [info, now] = useInfo(props, mode);
+	const weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale);
+	const monthStartDate = generateConfig.setDate(pickerValue, 1);
+	const baseDate = getWeekStartDate(locale.locale, generateConfig, monthStartDate);
+	const month = generateConfig.getMonth(pickerValue);
+	const prefixColumn = (showWeek === void 0 ? isWeek : showWeek) ? (date) => {
+		const disabled = disabledDate?.(date, { type: "week" });
+		return /* @__PURE__ */ jsx("td", {
+			className: clsx(cellPrefixCls, `${cellPrefixCls}-week`, { [`${cellPrefixCls}-disabled`]: disabled }),
+			onClick: () => {
+				if (!disabled) onSelect(date);
+			},
+			onMouseEnter: () => {
+				if (!disabled) onHover?.(date);
+			},
+			onMouseLeave: () => {
+				if (!disabled) onHover?.(null);
+			},
+			children: /* @__PURE__ */ jsx("div", {
+				className: `${cellPrefixCls}-inner`,
+				children: generateConfig.locale.getWeek(locale.locale, date)
+			})
+		}, "week");
+	} : null;
+	const headerCells = [];
+	const weekDaysLocale = locale.shortWeekDays || (generateConfig.locale.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []);
+	if (prefixColumn) headerCells.push(/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+		style: {
+			width: 0,
+			height: 0,
+			position: "absolute",
+			overflow: "hidden",
+			opacity: 0
+		},
+		children: locale.week
+	}) }, "empty"));
+	for (let i = 0; i < 7; i += 1) headerCells.push(/* @__PURE__ */ jsx("th", { children: weekDaysLocale[(i + weekFirstDay) % 7] }, i));
+	const getCellDate = (date, offset) => {
+		return generateConfig.addDate(date, offset);
+	};
+	const getCellText = (date) => {
+		return formatValue(date, {
+			locale,
+			format: locale.cellDateFormat,
+			generateConfig
+		});
+	};
+	const getCellClassName = (date) => {
+		return {
+			[`${prefixCls}-cell-in-view`]: isSameMonth(generateConfig, date, pickerValue),
+			[`${prefixCls}-cell-today`]: isSameDate(generateConfig, date, now)
+		};
+	};
+	const monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
+	const yearNode = /* @__PURE__ */ jsx("button", {
+		"aria-label": locale.yearSelect,
+		className: `${prefixCls}-year-btn`,
+		tabIndex: -1,
+		type: "button",
+		onClick: () => {
+			onModeChange("year", pickerValue);
+		},
+		children: formatValue(pickerValue, {
+			locale,
+			format: locale.yearFormat,
+			generateConfig
+		})
+	}, "year");
+	const monthNode = /* @__PURE__ */ jsx("button", {
+		"aria-label": locale.monthSelect,
+		className: `${prefixCls}-month-btn`,
+		tabIndex: -1,
+		type: "button",
+		onClick: () => {
+			onModeChange("month", pickerValue);
+		},
+		children: locale.monthFormat ? formatValue(pickerValue, {
+			locale,
+			format: locale.monthFormat,
+			generateConfig
+		}) : monthsLocale[month]
+	}, "month");
+	const monthYearNodes = locale.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];
+	return /* @__PURE__ */ jsx(PanelContext, {
+		value: info,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx(panelPrefixCls, showWeek && `${panelPrefixCls}-show-week`),
+			children: [/* @__PURE__ */ jsx(PanelHeader, {
+				offset: (distance) => generateConfig.addMonth(pickerValue, distance),
+				superOffset: (distance) => generateConfig.addYear(pickerValue, distance),
+				getEnd: (date) => {
+					let clone = generateConfig.setDate(date, 1);
+					clone = generateConfig.addMonth(clone, 1);
+					return generateConfig.addDate(clone, -1);
+				},
+				onChange: onPickerValueChange,
+				getStart: (date) => generateConfig.setDate(date, 1),
+				children: monthYearNodes
+			}), /* @__PURE__ */ jsx(PanelBody, {
+				titleFormat: locale.fieldDateFormat,
+				...props,
+				cellSelection: !isWeek,
+				colNum: 7,
+				getCellText,
+				prefixColumn,
+				rowNum: 6,
+				baseDate,
+				headerCells,
+				getCellClassName,
+				getCellDate
+			})]
+		})
+	});
+}
+//#endregion
+export { DatePanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/DatePanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/DatePanel/index.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport type { PanelMode, SharedPanelProps } from '../../interface';\nimport {\n  formatValue,\n  getWeekStartDate,\n  isSameDate,\n  isSameMonth,\n  WEEK_DAY_COUNT,\n} from '../../utils/dateUtil';\nimport { PanelContext, useInfo } from '../context';\nimport PanelBody from '../PanelBody';\nimport PanelHeader from '../PanelHeader';\n\nexport interface DatePanelProps<DateType extends object> extends SharedPanelProps<DateType> {\n  cellSelection?: boolean;\n  /** Used for `WeekPanel` */\n  mode?: PanelMode;\n\n  panelName?: PanelMode;\n  rowClassName?: (date: DateType) => string;\n}\n\nexport default function DatePanel<DateType extends object = any>(props: DatePanelProps<DateType>) {\n  const {\n    prefixCls,\n    panelName = 'date',\n    locale,\n    generateConfig,\n    pickerValue,\n    onPickerValueChange,\n    onModeChange,\n    mode = 'date',\n    disabledDate,\n    onSelect,\n    onHover,\n    showWeek,\n  } = props;\n\n  const panelPrefixCls = `${prefixCls}-${panelName}-panel`;\n\n  const cellPrefixCls = `${prefixCls}-cell`;\n\n  const isWeek = mode === 'week';\n\n  // ========================== Base ==========================\n  const [info, now] = useInfo(props, mode);\n  const weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale);\n  const monthStartDate = generateConfig.setDate(pickerValue, 1);\n  const baseDate = getWeekStartDate(locale.locale, generateConfig, monthStartDate);\n  const month = generateConfig.getMonth(pickerValue);\n\n  // =========================== PrefixColumn ===========================\n  const showPrefixColumn = showWeek === undefined ? isWeek : showWeek;\n  const prefixColumn = showPrefixColumn\n    ? (date: DateType) => {\n        // >>> Additional check for disabled\n        const disabled = disabledDate?.(date, { type: 'week' });\n\n        return (\n          <td\n            key=\"week\"\n            className={clsx(cellPrefixCls, `${cellPrefixCls}-week`, {\n              [`${cellPrefixCls}-disabled`]: disabled,\n            })}\n            // Operation: Same as code in PanelBody\n            onClick={() => {\n              if (!disabled) {\n                onSelect(date);\n              }\n            }}\n            onMouseEnter={() => {\n              if (!disabled) {\n                onHover?.(date);\n              }\n            }}\n            onMouseLeave={() => {\n              if (!disabled) {\n                onHover?.(null);\n              }\n            }}\n          >\n            <div className={`${cellPrefixCls}-inner`}>\n              {generateConfig.locale.getWeek(locale.locale, date)}\n            </div>\n          </td>\n        );\n      }\n    : null;\n\n  // ========================= Cells ==========================\n  // >>> Header Cells\n  const headerCells: React.ReactNode[] = [];\n  const weekDaysLocale: string[] =\n    locale.shortWeekDays ||\n    (generateConfig.locale.getShortWeekDays\n      ? generateConfig.locale.getShortWeekDays(locale.locale)\n      : []);\n\n  if (prefixColumn) {\n    headerCells.push(\n      <th key=\"empty\">\n        <span style={{ width: 0, height: 0, position: 'absolute', overflow: 'hidden', opacity: 0 }}>\n          {locale.week}\n        </span>\n      </th>,\n    );\n  }\n  for (let i = 0; i < WEEK_DAY_COUNT; i += 1) {\n    headerCells.push(<th key={i}>{weekDaysLocale[(i + weekFirstDay) % WEEK_DAY_COUNT]}</th>);\n  }\n\n  // >>> Body Cells\n  const getCellDate = (date: DateType, offset: number) => {\n    return generateConfig.addDate(date, offset);\n  };\n\n  const getCellText = (date: DateType) => {\n    return formatValue(date, {\n      locale,\n      format: locale.cellDateFormat!,\n      generateConfig,\n    });\n  };\n\n  const getCellClassName = (date: DateType) => {\n    const classObj = {\n      [`${prefixCls}-cell-in-view`]: isSameMonth(generateConfig, date, pickerValue),\n      [`${prefixCls}-cell-today`]: isSameDate(generateConfig, date, now),\n    };\n\n    return classObj;\n  };\n\n  // ========================= Header =========================\n  const monthsLocale: string[] =\n    locale.shortMonths ||\n    (generateConfig.locale.getShortMonths\n      ? generateConfig.locale.getShortMonths(locale.locale)\n      : []);\n\n  const yearNode: React.ReactNode = (\n    <button\n      aria-label={locale.yearSelect}\n      className={`${prefixCls}-year-btn`}\n      key=\"year\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={() => {\n        onModeChange('year', pickerValue);\n      }}\n    >\n      {formatValue(pickerValue, {\n        locale,\n        format: locale.yearFormat!,\n        generateConfig,\n      })}\n    </button>\n  );\n  const monthNode: React.ReactNode = (\n    <button\n      aria-label={locale.monthSelect}\n      className={`${prefixCls}-month-btn`}\n      key=\"month\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={() => {\n        onModeChange('month', pickerValue);\n      }}\n    >\n      {locale.monthFormat\n        ? formatValue(pickerValue, {\n            locale,\n            format: locale.monthFormat,\n            generateConfig,\n          })\n        : monthsLocale[month]}\n    </button>\n  );\n\n  const monthYearNodes = locale.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];\n\n  // ========================= Render =========================\n  return (\n    <PanelContext value={info}>\n      <div className={clsx(panelPrefixCls, showWeek && `${panelPrefixCls}-show-week`)}>\n        {/* Header */}\n        <PanelHeader<DateType>\n          offset={(distance) => generateConfig.addMonth(pickerValue, distance)}\n          superOffset={(distance) => generateConfig.addYear(pickerValue, distance)}\n          getEnd={(date) => {\n            let clone = generateConfig.setDate(date, 1);\n            clone = generateConfig.addMonth(clone, 1);\n            return generateConfig.addDate(clone, -1);\n          }}\n          onChange={onPickerValueChange}\n          // Limitation\n          getStart={(date) => generateConfig.setDate(date, 1)}\n        >\n          {monthYearNodes}\n        </PanelHeader>\n\n        {/* Body */}\n        <PanelBody\n          titleFormat={locale.fieldDateFormat}\n          {...props}\n          cellSelection={!isWeek}\n          colNum={WEEK_DAY_COUNT}\n          getCellText={getCellText}\n          prefixColumn={prefixColumn}\n          rowNum={6}\n          baseDate={baseDate}\n          // Header\n          headerCells={headerCells}\n          getCellClassName={getCellClassName}\n          // Body\n          getCellDate={getCellDate}\n        />\n      </div>\n    </PanelContext>\n  );\n}\n"],"mappings":"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"}