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

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

@@ -0,0 +1,175 @@
+import { useControlledState, useEvent } from "../hooks/react.mjs";
+import PickerContext from "../PickerInput/context.mjs";
+import { warning } from "../utils/common.mjs";
+import { isSame } from "../utils/dateUtil.mjs";
+import { pickProps, toArray } from "../utils/miscUtil.mjs";
+import useCellRender from "../PickerInput/hooks/useCellRender.mjs";
+import useLocale from "../hooks/useLocale.mjs";
+import { fillShowTimeConfig, getTimeProps } from "../hooks/useTimeConfig.mjs";
+import useToggleDates from "../hooks/useToggleDates.mjs";
+import { PickerHackContext, SharedPanelContext } from "./context.mjs";
+import DatePanel from "./DatePanel/index.mjs";
+import TimePanel from "./TimePanel/index.mjs";
+import DateTimePanel from "./DateTimePanel/index.mjs";
+import DecadePanel from "./DecadePanel/index.mjs";
+import MonthPanel from "./MonthPanel/index.mjs";
+import QuarterPanel from "./QuarterPanel/index.mjs";
+import WeekPanel from "./WeekPanel/index.mjs";
+import YearPanel from "./YearPanel/index.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerPanel/index.tsx
+const DefaultComponents = {
+	date: DatePanel,
+	datetime: DateTimePanel,
+	week: WeekPanel,
+	month: MonthPanel,
+	quarter: QuarterPanel,
+	year: YearPanel,
+	decade: DecadePanel,
+	time: TimePanel
+};
+function PickerPanel(props, ref) {
+	const { classNames: panelClassNames, styles: panelStyles, locale, generateConfig, direction, prefixCls, tabIndex = 0, multiple, defaultValue, value, onChange, onSelect, defaultPickerValue, pickerValue, onPickerValueChange, mode, onPanelChange, picker = "date", showTime, hoverValue, hoverRangeValue, cellRender, dateRender, monthCellRender, components = {}, hideHeader } = props;
+	const { prefixCls: contextPrefixCls, classNames: pickerClassNames, styles: pickerStyles } = React$1.use(PickerContext) || {};
+	const mergedPrefixCls = contextPrefixCls || prefixCls || "rc-picker";
+	const rootRef = React$1.useRef(null);
+	React$1.useImperativeHandle(ref, () => ({ nativeElement: rootRef.current }));
+	const [timeProps, localeTimeProps, showTimeFormat, propFormat] = getTimeProps(props);
+	const filledLocale = useLocale(locale, localeTimeProps);
+	const internalPicker = picker === "date" && showTime ? "datetime" : picker;
+	const mergedShowTime = React$1.useMemo(() => fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, filledLocale), [
+		internalPicker,
+		showTimeFormat,
+		propFormat,
+		timeProps,
+		filledLocale
+	]);
+	const now = generateConfig.getNow();
+	const [mergedMode, setMergedMode] = useControlledState(picker || "date", mode);
+	const internalMode = mergedMode === "date" && mergedShowTime ? "datetime" : mergedMode;
+	const toggleDates = useToggleDates(generateConfig, locale, internalPicker);
+	const [innerValue, setMergedValue] = useControlledState(defaultValue, value);
+	const mergedValue = React$1.useMemo(() => {
+		const values = toArray(innerValue).filter((val) => !!val);
+		return multiple ? values : values.slice(0, 1);
+	}, [innerValue, multiple]);
+	const triggerChange = useEvent((nextValue) => {
+		setMergedValue(nextValue);
+		if (onChange && (nextValue === null || mergedValue.length !== nextValue.length || mergedValue.some((ori, index) => !isSame(generateConfig, locale, ori, nextValue[index], internalPicker)))) onChange?.(multiple ? nextValue : nextValue[0]);
+	});
+	const onInternalSelect = useEvent((newDate) => {
+		onSelect?.(newDate);
+		if (mergedMode === picker) {
+			const nextValues = multiple ? toggleDates(mergedValue, newDate) : [newDate];
+			triggerChange(nextValues);
+		}
+	});
+	const [mergedPickerValue, setInternalPickerValue] = useControlledState(defaultPickerValue || mergedValue[0] || now, pickerValue);
+	React$1.useEffect(() => {
+		if (mergedValue[0] && !pickerValue) setInternalPickerValue(mergedValue[0]);
+	}, [mergedValue[0]]);
+	const triggerPanelChange = (viewDate, nextMode) => {
+		onPanelChange?.(viewDate || pickerValue, nextMode || mergedMode);
+	};
+	const setPickerValue = (nextPickerValue, triggerPanelEvent = false) => {
+		setInternalPickerValue(nextPickerValue);
+		onPickerValueChange?.(nextPickerValue);
+		if (triggerPanelEvent) triggerPanelChange(nextPickerValue);
+	};
+	const triggerModeChange = (nextMode, viewDate) => {
+		setMergedMode(nextMode);
+		if (viewDate) setPickerValue(viewDate);
+		triggerPanelChange(viewDate, nextMode);
+	};
+	const onPanelValueSelect = (nextValue) => {
+		onInternalSelect(nextValue);
+		setPickerValue(nextValue);
+		if (mergedMode !== picker) {
+			const decadeYearQueue = ["decade", "year"];
+			const decadeYearMonthQueue = [...decadeYearQueue, "month"];
+			const queue = {
+				quarter: [...decadeYearQueue, "quarter"],
+				week: [...decadeYearMonthQueue, "week"],
+				date: [...decadeYearMonthQueue, "date"]
+			}[picker] || decadeYearMonthQueue;
+			const nextMode = queue[queue.indexOf(mergedMode) + 1];
+			if (nextMode) triggerModeChange(nextMode, nextValue);
+		}
+	};
+	const hoverRangeDate = React$1.useMemo(() => {
+		let start;
+		let end;
+		if (Array.isArray(hoverRangeValue)) [start, end] = hoverRangeValue;
+		else start = hoverRangeValue;
+		if (!start && !end) return null;
+		start = start || end;
+		end = end || start;
+		return generateConfig.isAfter(start, end) ? [end, start] : [start, end];
+	}, [hoverRangeValue, generateConfig]);
+	const onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender);
+	const PanelComponent = components[internalMode] || DefaultComponents[internalMode] || DatePanel;
+	const sharedPanelContext = React$1.useMemo(() => ({
+		classNames: pickerClassNames?.popup ?? panelClassNames ?? {},
+		styles: pickerStyles?.popup ?? panelStyles ?? {}
+	}), [
+		pickerClassNames,
+		panelClassNames,
+		pickerStyles,
+		panelStyles
+	]);
+	const parentHackContext = React$1.use(PickerHackContext);
+	const pickerPanelContext = React$1.useMemo(() => ({
+		...parentHackContext,
+		hideHeader
+	}), [parentHackContext, hideHeader]);
+	if (process.env.NODE_ENV !== "production") warning(!mergedValue || mergedValue.every((val) => generateConfig.isValidate(val)), "Invalidate date pass to `value` or `defaultValue`.");
+	const panelCls = `${mergedPrefixCls}-panel`;
+	const panelProps = pickProps(props, [
+		"showWeek",
+		"prevIcon",
+		"nextIcon",
+		"superPrevIcon",
+		"superNextIcon",
+		"disabledDate",
+		"minDate",
+		"maxDate",
+		"onHover"
+	]);
+	return /* @__PURE__ */ jsx(SharedPanelContext, {
+		value: sharedPanelContext,
+		children: /* @__PURE__ */ jsx(PickerHackContext, {
+			value: pickerPanelContext,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx(panelCls, { [`${panelCls}-rtl`]: direction === "rtl" }),
+				ref: rootRef,
+				tabIndex,
+				children: /* @__PURE__ */ jsx(PanelComponent, {
+					...panelProps,
+					hoverRangeValue: hoverRangeDate,
+					hoverValue,
+					value: mergedValue[0],
+					onSelect: onPanelValueSelect,
+					onPickerValueChange: (nextPickerValue) => {
+						setPickerValue(nextPickerValue, true);
+					},
+					generateConfig,
+					onModeChange: triggerModeChange,
+					locale: filledLocale,
+					pickerValue: mergedPickerValue,
+					showTime: mergedShowTime,
+					prefixCls: mergedPrefixCls,
+					values: mergedValue,
+					cellRender: onInternalCellRender
+				})
+			})
+		})
+	});
+}
+const RefPanelPicker = React$1.memo(React$1.forwardRef(PickerPanel));
+if (process.env.NODE_ENV !== "production") RefPanelPicker.displayName = "PanelPicker";
+//#endregion
+export { RefPanelPicker as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["React"],"sources":["../../../../src/DatePicker/core/PickerPanel/index.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { useControlledState, useEvent } from '../hooks/react';\nimport useLocale from '../hooks/useLocale';\nimport { fillShowTimeConfig, getTimeProps } from '../hooks/useTimeConfig';\nimport useToggleDates from '../hooks/useToggleDates';\nimport type {\n  CellRender,\n  Components,\n  InternalMode,\n  Locale,\n  OnPanelChange,\n  PanelMode,\n  PanelSemanticName,\n  PickerMode,\n  SharedPanelProps,\n  SharedTimeProps,\n} from '../interface';\nimport PickerContext from '../PickerInput/context';\nimport useCellRender from '../PickerInput/hooks/useCellRender';\nimport { warning } from '../utils/common';\nimport { isSame } from '../utils/dateUtil';\nimport { pickProps, toArray } from '../utils/miscUtil';\nimport { PickerHackContext, SharedPanelContext } from './context';\nimport DatePanel from './DatePanel';\nimport DateTimePanel from './DateTimePanel';\nimport DecadePanel from './DecadePanel';\nimport MonthPanel from './MonthPanel';\nimport QuarterPanel from './QuarterPanel';\nimport TimePanel from './TimePanel';\nimport WeekPanel from './WeekPanel';\nimport YearPanel from './YearPanel';\n\nconst DefaultComponents: Components = {\n  date: DatePanel,\n  datetime: DateTimePanel,\n  week: WeekPanel,\n  month: MonthPanel,\n  quarter: QuarterPanel,\n  year: YearPanel,\n  decade: DecadePanel,\n  time: TimePanel,\n};\n\nexport interface PickerPanelRef {\n  nativeElement: HTMLDivElement;\n}\n\nexport interface BasePickerPanelProps<DateType extends object = any>\n  extends\n    Pick<\n      SharedPanelProps<DateType>,\n      // MISC\n      | 'locale'\n      | 'generateConfig'\n\n      // Disabled\n      | 'disabledDate'\n      | 'minDate'\n      | 'maxDate'\n\n      // Icon\n      | 'prevIcon'\n      | 'nextIcon'\n      | 'superPrevIcon'\n      | 'superNextIcon'\n    >,\n    Omit<SharedTimeProps<DateType>, 'format'>,\n    Pick<React.HTMLAttributes<HTMLDivElement>, 'tabIndex'> {\n  // Cell\n  cellRender?: CellRender<DateType>;\n\n  // Components\n  components?: Components;\n\n  /** @deprecated use cellRender instead of dateRender */\n  dateRender?: (currentDate: DateType, today: DateType) => React.ReactNode;\n\n  // Panel control\n  defaultPickerValue?: DateType | null;\n\n  direction?: 'ltr' | 'rtl';\n  format?: string | null;\n  /** @private This is internal usage. Do not use in your production env */\n  hideHeader?: boolean;\n\n  /** @private Used for Picker passing */\n  hoverRangeValue?: [start: DateType, end: DateType] | null;\n  // Hover\n  /** @private Used for Picker passing */\n  hoverValue?: DateType[] | null;\n  // Mode\n  mode?: PanelMode;\n\n  /** @deprecated use cellRender instead of monthCellRender */\n  monthCellRender?: (currentDate: DateType, locale: Locale) => React.ReactNode;\n\n  /** @private Used for Picker passing */\n  onHover?: (date: DateType | null) => void;\n\n  /**\n   * Compatible with origin API.\n   * Not mean the PickerPanel `onChange` event.\n   */\n  onPanelChange?: OnPanelChange<DateType>;\n\n  onPickerValueChange?: (date: DateType) => void;\n  // Value\n  onSelect?: (date: DateType) => void;\n\n  picker?: PickerMode;\n  pickerValue?: DateType | null;\n  // Style\n  prefixCls?: string;\n\n  // Time\n  showTime?: true | SharedTimeProps<DateType> | null;\n\n  // Week\n  /**\n   * Only worked in `date` mode. Show the current week\n   */\n  showWeek?: boolean;\n}\n\nexport interface SinglePickerPanelProps<DateType extends object = any> extends Omit<\n  BasePickerPanelProps<DateType>,\n  'defaultValue'\n> {\n  defaultValue?: DateType | null;\n\n  multiple?: false;\n  onChange?: (date: DateType) => void;\n  value?: DateType | null;\n}\n\nexport type PickerPanelProps<DateType extends object = any> = BasePickerPanelProps<DateType> & {\n  /** multiple selection. Not support time or datetime picker */\n  multiple?: boolean;\n\n  defaultValue?: DateType | DateType[] | null;\n  value?: DateType | DateType[] | null;\n  onChange?: ((date: DateType | DateType[]) => void) | null;\n  styles?: Partial<Record<PanelSemanticName, React.CSSProperties>>;\n  classNames?: Partial<Record<PanelSemanticName, string>>;\n};\n\nfunction PickerPanel<DateType extends object = any>(\n  props: PickerPanelProps<DateType>,\n  ref: React.Ref<PickerPanelRef>,\n) {\n  const {\n    classNames: panelClassNames,\n    styles: panelStyles,\n\n    locale,\n    generateConfig,\n\n    direction,\n\n    // Style\n    prefixCls,\n    tabIndex = 0,\n\n    // Value\n    multiple,\n    defaultValue,\n    value,\n    onChange,\n    onSelect,\n\n    // Picker control\n    defaultPickerValue,\n    pickerValue,\n    onPickerValueChange,\n\n    // Mode\n    mode,\n    onPanelChange,\n    picker = 'date',\n    showTime,\n\n    // Hover\n    hoverValue,\n    hoverRangeValue,\n\n    // Cell\n    cellRender,\n    dateRender,\n    monthCellRender,\n\n    // Components\n    components = {},\n\n    hideHeader,\n  } = props;\n\n  // ======================== Context ========================\n  const {\n    prefixCls: contextPrefixCls,\n    classNames: pickerClassNames,\n    styles: pickerStyles,\n  } = React.use(PickerContext) || {};\n\n  // ======================== prefixCls ========================\n  const mergedPrefixCls = contextPrefixCls || prefixCls || 'rc-picker';\n\n  // ========================== Refs ==========================\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  React.useImperativeHandle(ref, () => ({\n    nativeElement: rootRef.current!,\n  }));\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  // ========================= Locale =========================\n  const filledLocale = useLocale(locale, localeTimeProps);\n\n  // ========================= Picker =========================\n  const internalPicker: InternalMode = picker === 'date' && showTime ? 'datetime' : picker;\n\n  // ======================== ShowTime ========================\n  const mergedShowTime = React.useMemo(\n    () => fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, filledLocale),\n    [internalPicker, showTimeFormat, propFormat, timeProps, filledLocale],\n  );\n\n  // ========================== Now ===========================\n  const now = generateConfig.getNow();\n\n  // ========================== Mode ==========================\n  const [mergedMode, setMergedMode] = useControlledState<PanelMode>(picker || 'date', mode);\n\n  const internalMode: InternalMode =\n    mergedMode === 'date' && mergedShowTime ? 'datetime' : mergedMode;\n\n  // ========================= Toggle =========================\n  const toggleDates = useToggleDates(generateConfig, locale, internalPicker);\n\n  // ========================= Value ==========================\n  // >>> Real value\n  // Interactive with `onChange` event which only trigger when the `mode` is `picker`\n  const [innerValue, setMergedValue] = useControlledState(defaultValue, value);\n\n  const mergedValue = React.useMemo(() => {\n    // Clean up `[null]`\n    const values = toArray(innerValue).filter((val): val is DateType => !!val);\n    return multiple ? values : values.slice(0, 1);\n  }, [innerValue, multiple]);\n\n  // Sync value and only trigger onChange event when changed\n  const triggerChange = useEvent((nextValue: DateType[]) => {\n    setMergedValue(nextValue);\n\n    if (\n      onChange &&\n      (nextValue === null ||\n        mergedValue.length !== nextValue.length ||\n        mergedValue.some(\n          (ori, index) => !isSame(generateConfig, locale, ori, nextValue[index], internalPicker),\n        ))\n    ) {\n      onChange?.(multiple ? nextValue : nextValue[0]);\n    }\n  });\n\n  // >>> CalendarValue\n  // CalendarValue is a temp value for user operation\n  // which will only trigger `onCalendarChange` but not `onChange`\n  const onInternalSelect = useEvent((newDate: DateType) => {\n    onSelect?.(newDate);\n\n    if (mergedMode === picker) {\n      const nextValues = multiple ? toggleDates(mergedValue, newDate) : [newDate];\n\n      triggerChange(nextValues);\n    }\n  });\n\n  // >>> PickerValue\n  // PickerValue is used to control the current displaying panel\n  const [mergedPickerValue, setInternalPickerValue] = useControlledState(\n    defaultPickerValue || mergedValue[0] || now,\n    pickerValue,\n  );\n\n  React.useEffect(() => {\n    if (mergedValue[0] && !pickerValue) {\n      setInternalPickerValue(mergedValue[0]);\n    }\n  }, [mergedValue[0]]);\n\n  // Both trigger when manually pickerValue or mode change\n  const triggerPanelChange = (viewDate?: DateType, nextMode?: PanelMode) => {\n    onPanelChange?.((viewDate || pickerValue)!, nextMode || mergedMode);\n  };\n\n  const setPickerValue = (nextPickerValue: DateType, triggerPanelEvent = false) => {\n    setInternalPickerValue(nextPickerValue);\n\n    onPickerValueChange?.(nextPickerValue);\n\n    if (triggerPanelEvent) {\n      triggerPanelChange(nextPickerValue);\n    }\n  };\n\n  const triggerModeChange = (nextMode: PanelMode, viewDate?: DateType) => {\n    setMergedMode(nextMode);\n\n    if (viewDate) {\n      setPickerValue(viewDate);\n    }\n\n    triggerPanelChange(viewDate, nextMode);\n  };\n\n  const onPanelValueSelect = (nextValue: DateType) => {\n    onInternalSelect(nextValue);\n    setPickerValue(nextValue);\n\n    // Update mode if needed\n    if (mergedMode !== picker) {\n      const decadeYearQueue: PanelMode[] = ['decade', 'year'];\n      const decadeYearMonthQueue: PanelMode[] = [...decadeYearQueue, 'month'];\n\n      const pickerQueue: Partial<Record<PickerMode, PanelMode[]>> = {\n        quarter: [...decadeYearQueue, 'quarter'],\n        week: [...decadeYearMonthQueue, 'week'],\n        date: [...decadeYearMonthQueue, 'date'],\n      };\n\n      const queue = pickerQueue[picker] || decadeYearMonthQueue;\n      const index = queue.indexOf(mergedMode);\n      const nextMode = queue[index + 1];\n\n      if (nextMode) {\n        triggerModeChange(nextMode, nextValue);\n      }\n    }\n  };\n\n  // ======================= Hover Date =======================\n  const hoverRangeDate = React.useMemo<[DateType, DateType] | null>(() => {\n    let start: DateType | null | undefined;\n    let end: DateType | null | undefined;\n\n    if (Array.isArray(hoverRangeValue)) {\n      [start, end] = hoverRangeValue;\n    } else {\n      start = hoverRangeValue;\n    }\n\n    // Return for not exist\n    if (!start && !end) {\n      return null;\n    }\n\n    // Fill if has empty\n    start = start || end;\n    end = end || start;\n\n    return generateConfig.isAfter(start!, end!) ? [end!, start!] : [start!, end!];\n  }, [hoverRangeValue, generateConfig]);\n\n  // ======================= Components =======================\n  // >>> cellRender\n  const onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender);\n\n  // ======================= Components =======================\n  const PanelComponent = (components[internalMode] ||\n    DefaultComponents[internalMode] ||\n    DatePanel) as typeof DatePanel;\n\n  // ======================== Context =========================\n  const sharedPanelContext = React.useMemo(\n    () => ({\n      classNames: pickerClassNames?.popup ?? panelClassNames ?? {},\n      styles: pickerStyles?.popup ?? panelStyles ?? {},\n    }),\n    [pickerClassNames, panelClassNames, pickerStyles, panelStyles],\n  );\n\n  const parentHackContext = React.use(PickerHackContext);\n  const pickerPanelContext = React.useMemo(\n    () => ({\n      ...parentHackContext,\n      hideHeader,\n    }),\n    [parentHackContext, hideHeader],\n  );\n\n  // ======================== Warnings ========================\n  if (process.env.NODE_ENV !== 'production') {\n    warning(\n      !mergedValue || mergedValue.every((val) => generateConfig.isValidate(val)),\n      'Invalidate date pass to `value` or `defaultValue`.',\n    );\n  }\n\n  // ========================= Render =========================\n  const panelCls = `${mergedPrefixCls}-panel`;\n\n  const panelProps = pickProps(props, [\n    // Week\n    'showWeek',\n\n    // Icons\n    'prevIcon',\n    'nextIcon',\n    'superPrevIcon',\n    'superNextIcon',\n\n    // Disabled\n    'disabledDate',\n    'minDate',\n    'maxDate',\n\n    // Hover\n    'onHover',\n  ]);\n\n  return (\n    <SharedPanelContext value={sharedPanelContext}>\n      <PickerHackContext value={pickerPanelContext}>\n        <div\n          className={clsx(panelCls, { [`${panelCls}-rtl`]: direction === 'rtl' })}\n          ref={rootRef}\n          tabIndex={tabIndex}\n        >\n          <PanelComponent\n            {...panelProps}\n            // Time\n            hoverRangeValue={hoverRangeDate}\n            hoverValue={hoverValue}\n            value={mergedValue[0]}\n            onSelect={onPanelValueSelect}\n            onPickerValueChange={(nextPickerValue) => {\n              setPickerValue(nextPickerValue, true);\n            }}\n            generateConfig={generateConfig}\n            // Mode\n            onModeChange={triggerModeChange}\n            locale={filledLocale}\n            // Value\n            pickerValue={mergedPickerValue!}\n            // Hover\n            showTime={mergedShowTime}\n            // MISC\n            prefixCls={mergedPrefixCls}\n            values={mergedValue}\n            // Render\n            cellRender={onInternalCellRender}\n          />\n        </div>\n      </PickerHackContext>\n    </SharedPanelContext>\n  );\n}\n\nconst RefPanelPicker = React.memo(React.forwardRef(PickerPanel));\n\nif (process.env.NODE_ENV !== 'production') {\n  RefPanelPicker.displayName = 'PanelPicker';\n}\n\n// Make support generic\nexport default RefPanelPicker as <DateType extends object = any>(\n  props: PickerPanelProps<DateType> & React.RefAttributes<PickerPanelRef>,\n) => React.ReactElement;\n"],"mappings":"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"}

package/es/DatePicker/core/PickerPopup.mjs

@@ -0,0 +1,118 @@
+"use client";
+import { useMotionComponent } from "../../MotionProvider/index.mjs";
+import { placementMap } from "../../utils/placement.mjs";
+import { PopoverPortal, PopoverPositioner } from "../../Popover/atoms.mjs";
+import PickerContext from "./PickerInput/context.mjs";
+import { getRealPlacement } from "./utils/uiUtil.mjs";
+import { use, useLayoutEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { AnimatePresence } from "motion/react";
+import { Popover } from "@base-ui/react/popover";
+//#region src/DatePicker/core/PickerPopup.tsx
+const ease = [
+	.22,
+	1,
+	.36,
+	1
+];
+const motionProps = (side) => {
+	const hidden = {
+		opacity: 0,
+		scale: .98,
+		y: side === "top" ? 4 : -4
+	};
+	return {
+		animate: {
+			opacity: 1,
+			scale: 1,
+			y: 0
+		},
+		exit: {
+			...hidden,
+			transition: {
+				duration: .1,
+				ease
+			}
+		},
+		initial: hidden,
+		transition: {
+			duration: .15,
+			ease
+		}
+	};
+};
+const PickerPopup = ({ children, direction, getAnchor, getPopupContainer, inline, onClose, placement, popupClassName, popupElement, popupStyle, range, visible }) => {
+	const { prefixCls } = use(PickerContext);
+	const Motion = useMotionComponent();
+	const dropdownPrefixCls = `${prefixCls}-dropdown`;
+	const [mounted, setMounted] = useState(visible);
+	if (visible && !mounted) setMounted(true);
+	if (inline && !visible && mounted) setMounted(false);
+	const rtl = direction === "rtl";
+	const { align, side } = placementMap[getRealPlacement(placement, rtl)];
+	const anchor = () => getAnchor() ?? null;
+	const [container, setContainer] = useState(null);
+	useLayoutEffect(() => {
+		if (!mounted) return;
+		const element = getAnchor();
+		setContainer(element instanceof HTMLElement && getPopupContainer ? getPopupContainer(element) : element?.ownerDocument.body ?? null);
+	}, [
+		mounted,
+		getAnchor,
+		getPopupContainer
+	]);
+	return /* @__PURE__ */ jsxs(Popover.Root, {
+		modal: false,
+		open: mounted,
+		onOpenChange: (open, details) => {
+			if (open) return;
+			const target = details.event?.target;
+			if (details.reason === "outside-press" && target instanceof Node && getAnchor()?.contains(target)) {
+				details.cancel();
+				return;
+			}
+			onClose();
+		},
+		children: [children, mounted && container && /* @__PURE__ */ jsx(PopoverPortal, {
+			container,
+			children: /* @__PURE__ */ jsx(PopoverPositioner, {
+				align,
+				anchor,
+				side,
+				sideOffset: 4,
+				collisionAvoidance: inline ? {
+					align: "none",
+					fallbackAxisSide: "none",
+					side: "none"
+				} : {
+					align: "shift",
+					fallbackAxisSide: "none",
+					side: "flip"
+				},
+				...inline && { style: { zIndex: "auto" } },
+				children: /* @__PURE__ */ jsx(Popover.Popup, {
+					finalFocus: false,
+					initialFocus: false,
+					style: {
+						minWidth: "var(--anchor-width)",
+						...popupStyle
+					},
+					className: clsx$1(dropdownPrefixCls, range && `${dropdownPrefixCls}-range`, rtl && `${dropdownPrefixCls}-rtl`, popupClassName),
+					children: inline ? visible && popupElement : /* @__PURE__ */ jsx(AnimatePresence, {
+						onExitComplete: () => setMounted(false),
+						children: visible ? /* @__PURE__ */ jsx(Motion.div, {
+							style: { transformOrigin: "var(--transform-origin)" },
+							...motionProps(side === "top" ? "top" : "bottom"),
+							children: popupElement
+						}, "picker-popup") : null
+					})
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { PickerPopup as default };
+
+//# sourceMappingURL=PickerPopup.mjs.map

package/es/DatePicker/core/PickerPopup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPopup.mjs","names":["BasePopover","clsx"],"sources":["../../../src/DatePicker/core/PickerPopup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport clsx from 'clsx';\nimport { AnimatePresence, type MotionProps } from 'motion/react';\nimport {\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  use,\n  useLayoutEffect,\n  useState,\n} from 'react';\n\nimport { useMotionComponent } from '@/MotionProvider';\nimport { PopoverPortal, PopoverPositioner } from '@/Popover/atoms';\nimport { placementMap } from '@/utils/placement';\n\nimport PickerContext from './PickerInput/context';\nimport { getRealPlacement } from './utils/uiUtil';\n\nconst ease = [0.22, 1, 0.36, 1] as const;\n\nconst motionProps = (side: 'top' | 'bottom'): MotionProps => {\n  const hidden = { opacity: 0, scale: 0.98, y: side === 'top' ? 4 : -4 };\n  return {\n    animate: { opacity: 1, scale: 1, y: 0 },\n    exit: { ...hidden, transition: { duration: 0.1, ease } },\n    initial: hidden,\n    transition: { duration: 0.15, ease },\n  };\n};\n\nexport interface PickerPopupProps {\n  children: ReactElement;\n  direction?: 'ltr' | 'rtl';\n  getAnchor: () => Element | null | undefined;\n  getPopupContainer?: (node: HTMLElement) => HTMLElement;\n  inline?: boolean;\n  onClose: () => void;\n  placement?: string;\n  popupClassName?: string;\n  popupElement: ReactNode;\n  popupStyle?: CSSProperties;\n  range?: boolean;\n  visible: boolean;\n}\n\n// The input keeps focus while the popup is open: the popup never takes it, and a press on the\n// input is not an outside press.\nconst PickerPopup = ({\n  children,\n  direction,\n  getAnchor,\n  getPopupContainer,\n  inline,\n  onClose,\n  placement,\n  popupClassName,\n  popupElement,\n  popupStyle,\n  range,\n  visible,\n}: PickerPopupProps) => {\n  const { prefixCls } = use(PickerContext);\n  const Motion = useMotionComponent();\n  const dropdownPrefixCls = `${prefixCls}-dropdown`;\n\n  // Stays true through the exit animation, so Base UI keeps the popup mounted until Motion is done.\n  const [mounted, setMounted] = useState(visible);\n  if (visible && !mounted) setMounted(true);\n  if (inline && !visible && mounted) setMounted(false);\n\n  const rtl = direction === 'rtl';\n  const { align, side } =\n    placementMap[getRealPlacement(placement, rtl) as keyof typeof placementMap];\n  const anchor = () => getAnchor() ?? null;\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n\n  useLayoutEffect(() => {\n    if (!mounted) return;\n    const element = getAnchor();\n    setContainer(\n      element instanceof HTMLElement && getPopupContainer\n        ? getPopupContainer(element)\n        : (element?.ownerDocument.body ?? null),\n    );\n  }, [mounted, getAnchor, getPopupContainer]);\n\n  return (\n    <BasePopover.Root\n      modal={false}\n      open={mounted}\n      onOpenChange={(open, details) => {\n        if (open) return;\n        const target = details.event?.target;\n        if (\n          details.reason === 'outside-press' &&\n          target instanceof Node &&\n          getAnchor()?.contains(target)\n        ) {\n          details.cancel();\n          return;\n        }\n        onClose();\n      }}\n    >\n      {children}\n      {mounted && container && (\n        <PopoverPortal container={container}>\n          <PopoverPositioner\n            align={align}\n            anchor={anchor}\n            side={side}\n            sideOffset={4}\n            collisionAvoidance={\n              inline\n                ? { align: 'none', fallbackAxisSide: 'none', side: 'none' }\n                : { align: 'shift', fallbackAxisSide: 'none', side: 'flip' }\n            }\n            {...(inline && { style: { zIndex: 'auto' } })}\n          >\n            <BasePopover.Popup\n              finalFocus={false}\n              initialFocus={false}\n              style={{ minWidth: 'var(--anchor-width)', ...popupStyle }}\n              className={clsx(\n                dropdownPrefixCls,\n                range && `${dropdownPrefixCls}-range`,\n                rtl && `${dropdownPrefixCls}-rtl`,\n                popupClassName,\n              )}\n            >\n              {inline ? (\n                visible && popupElement\n              ) : (\n                <AnimatePresence onExitComplete={() => setMounted(false)}>\n                  {visible ? (\n                    <Motion.div\n                      key=\"picker-popup\"\n                      style={{ transformOrigin: 'var(--transform-origin)' }}\n                      {...motionProps(side === 'top' ? 'top' : 'bottom')}\n                    >\n                      {popupElement}\n                    </Motion.div>\n                  ) : null}\n                </AnimatePresence>\n              )}\n            </BasePopover.Popup>\n          </PopoverPositioner>\n        </PopoverPortal>\n      )}\n    </BasePopover.Root>\n  );\n};\n\nexport default PickerPopup;\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,OAAO;CAAC;CAAM;CAAG;CAAM;AAAC;AAE9B,MAAM,eAAe,SAAwC;CAC3D,MAAM,SAAS;EAAE,SAAS;EAAG,OAAO;EAAM,GAAG,SAAS,QAAQ,IAAI;CAAG;CACrE,OAAO;EACL,SAAS;GAAE,SAAS;GAAG,OAAO;GAAG,GAAG;EAAE;EACtC,MAAM;GAAE,GAAG;GAAQ,YAAY;IAAE,UAAU;IAAK;GAAK;EAAE;EACvD,SAAS;EACT,YAAY;GAAE,UAAU;GAAM;EAAK;CACrC;AACF;AAmBA,MAAM,eAAe,EACnB,UACA,WACA,WACA,mBACA,QACA,SACA,WACA,gBACA,cACA,YACA,OACA,cACsB;CACtB,MAAM,EAAE,cAAc,IAAI,aAAa;CACvC,MAAM,SAAS,mBAAmB;CAClC,MAAM,oBAAoB,GAAG,UAAU;CAGvC,MAAM,CAAC,SAAS,cAAc,SAAS,OAAO;CAC9C,IAAI,WAAW,CAAC,SAAS,WAAW,IAAI;CACxC,IAAI,UAAU,CAAC,WAAW,SAAS,WAAW,KAAK;CAEnD,MAAM,MAAM,cAAc;CAC1B,MAAM,EAAE,OAAO,SACb,aAAa,iBAAiB,WAAW,GAAG;CAC9C,MAAM,eAAe,UAAU,KAAK;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAA6B,IAAI;CAEnE,sBAAsB;EACpB,IAAI,CAAC,SAAS;EACd,MAAM,UAAU,UAAU;EAC1B,aACE,mBAAmB,eAAe,oBAC9B,kBAAkB,OAAO,IACxB,SAAS,cAAc,QAAQ,IACtC;CACF,GAAG;EAAC;EAAS;EAAW;CAAiB,CAAC;CAE1C,OACE,qBAACA,QAAY,MAAb;EACE,OAAO;EACP,MAAM;EACN,eAAe,MAAM,YAAY;GAC/B,IAAI,MAAM;GACV,MAAM,SAAS,QAAQ,OAAO;GAC9B,IACE,QAAQ,WAAW,mBACnB,kBAAkB,QAClB,UAAU,CAAC,EAAE,SAAS,MAAM,GAC5B;IACA,QAAQ,OAAO;IACf;GACF;GACA,QAAQ;EACV;EAfF,UAAA,CAiBG,UACA,WAAW,aACV,oBAAC,eAAD;GAA0B;GACxB,UAAA,oBAAC,mBAAD;IACS;IACC;IACF;IACN,YAAY;IACZ,oBACE,SACI;KAAE,OAAO;KAAQ,kBAAkB;KAAQ,MAAM;IAAO,IACxD;KAAE,OAAO;KAAS,kBAAkB;KAAQ,MAAM;IAAO;IAE/D,GAAK,UAAU,EAAE,OAAO,EAAE,QAAQ,OAAO,EAAE;IAE3C,UAAA,oBAACA,QAAY,OAAb;KACE,YAAY;KACZ,cAAc;KACd,OAAO;MAAE,UAAU;MAAuB,GAAG;KAAW;KACxD,WAAWC,OACT,mBACA,SAAS,GAAG,kBAAkB,SAC9B,OAAO,GAAG,kBAAkB,OAC5B,cACF;KAEC,UAAA,SACC,WAAW,eAEX,oBAAC,iBAAD;MAAiB,sBAAsB,WAAW,KAAK;MACpD,UAAA,UACC,oBAAC,OAAO,KAAR;OAEE,OAAO,EAAE,iBAAiB,0BAA0B;OACpD,GAAI,YAAY,SAAS,QAAQ,QAAQ,QAAQ;OAEhD,UAAA;MACS,GALN,cAKM,IACV;KACW,CAAA;IAEF,CAAA;GACF,CAAA;EACN,CAAA,CAED;;AAEtB"}

package/es/DatePicker/core/generate/dayjs.mjs

@@ -0,0 +1,109 @@
+import dayjs from "dayjs";
+import advancedFormat from "dayjs/plugin/advancedFormat.js";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import localeData from "dayjs/plugin/localeData.js";
+import weekday from "dayjs/plugin/weekday.js";
+import weekOfYear from "dayjs/plugin/weekOfYear.js";
+import weekYear from "dayjs/plugin/weekYear.js";
+//#region src/DatePicker/core/generate/dayjs.ts
+dayjs.extend(customParseFormat);
+dayjs.extend(advancedFormat);
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekYear);
+dayjs.extend((o, c) => {
+	const proto = c.prototype;
+	const oldFormat = proto.format;
+	proto.format = function f(formatStr) {
+		const str = (formatStr || "").replace("Wo", "wo");
+		return oldFormat.bind(this)(str);
+	};
+});
+const localeMap = {
+	bn_BD: "bn-bd",
+	by_BY: "be",
+	en_GB: "en-gb",
+	en_US: "en",
+	fr_BE: "fr",
+	fr_CA: "fr-ca",
+	hy_AM: "hy-am",
+	kmr_IQ: "ku",
+	nl_BE: "nl-be",
+	pt_BR: "pt-br",
+	zh_CN: "zh-cn",
+	zh_HK: "zh-hk",
+	zh_TW: "zh-tw"
+};
+const parseLocale = (locale) => {
+	return localeMap[locale] || locale.split("_")[0];
+};
+const getUDayjs = (value) => {
+	if (!dayjs.isDayjs(value) || value instanceof dayjs) return value;
+	return dayjs(value.valueOf());
+};
+const generateConfig = {
+	getNow: () => {
+		const now = dayjs();
+		if (typeof now.tz === "function") return now.tz();
+		return now;
+	},
+	getFixedDate: (string) => dayjs(string, ["YYYY-M-DD", "YYYY-MM-DD"]),
+	getEndDate: (date) => getUDayjs(date).endOf("month"),
+	getWeekDay: (date) => {
+		const clone = getUDayjs(date).locale("en");
+		return clone.weekday() + clone.localeData().firstDayOfWeek();
+	},
+	getYear: (date) => getUDayjs(date).year(),
+	getMonth: (date) => getUDayjs(date).month(),
+	getDate: (date) => getUDayjs(date).date(),
+	getHour: (date) => getUDayjs(date).hour(),
+	getMinute: (date) => getUDayjs(date).minute(),
+	getSecond: (date) => getUDayjs(date).second(),
+	getMillisecond: (date) => getUDayjs(date).millisecond(),
+	addYear: (date, diff) => getUDayjs(date).add(diff, "year"),
+	addMonth: (date, diff) => getUDayjs(date).add(diff, "month"),
+	addDate: (date, diff) => getUDayjs(date).add(diff, "day"),
+	setYear: (date, year) => getUDayjs(date).year(year),
+	setMonth: (date, month) => getUDayjs(date).month(month),
+	setDate: (date, num) => getUDayjs(date).date(num),
+	setHour: (date, hour) => getUDayjs(date).hour(hour),
+	setMinute: (date, minute) => getUDayjs(date).minute(minute),
+	setSecond: (date, second) => getUDayjs(date).second(second),
+	setMillisecond: (date, milliseconds) => getUDayjs(date).millisecond(milliseconds),
+	isAfter: (date1, date2) => getUDayjs(date1).isAfter(getUDayjs(date2)),
+	isValidate: (date) => getUDayjs(date).isValid(),
+	locale: {
+		getWeekFirstDay: (locale) => dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek(),
+		getWeekFirstDate: (locale, date) => getUDayjs(date).locale(parseLocale(locale)).weekday(0),
+		getWeek: (locale, date) => getUDayjs(date).locale(parseLocale(locale)).week(),
+		getShortWeekDays: (locale) => dayjs().locale(parseLocale(locale)).localeData().weekdaysMin(),
+		getShortMonths: (locale) => dayjs().locale(parseLocale(locale)).localeData().monthsShort(),
+		format: (locale, date, format) => getUDayjs(date).locale(parseLocale(locale)).format(format),
+		parse: (locale, text, formats) => {
+			const localeStr = parseLocale(locale);
+			for (let i = 0; i < formats.length; i += 1) {
+				const format = formats[i];
+				const formatText = text;
+				if (format.includes("wo") || format.includes("Wo")) {
+					const year = formatText.split("-")[0];
+					const weekStr = formatText.split("-")[1];
+					const firstWeek = dayjs(year, "YYYY").startOf("year").locale(localeStr);
+					for (let j = 0; j <= 52; j += 1) {
+						const nextWeek = firstWeek.add(j, "week");
+						if (nextWeek.format("Wo") === weekStr) return nextWeek;
+					}
+					return null;
+				}
+				const date = dayjs(formatText, format, true).locale(localeStr);
+				if (date.isValid()) return date;
+			}
+			if (text) {}
+			return null;
+		}
+	}
+};
+//#endregion
+export { generateConfig as default };
+
+//# sourceMappingURL=dayjs.mjs.map

package/es/DatePicker/core/generate/dayjs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayjs.mjs","names":[],"sources":["../../../../src/DatePicker/core/generate/dayjs.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport advancedFormat from 'dayjs/plugin/advancedFormat.js';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport localeData from 'dayjs/plugin/localeData.js';\nimport weekday from 'dayjs/plugin/weekday.js';\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js';\nimport weekYear from 'dayjs/plugin/weekYear.js';\n\nimport type { GenerateConfig } from '.';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(advancedFormat);\ndayjs.extend(weekday);\ndayjs.extend(localeData);\ndayjs.extend(weekOfYear);\ndayjs.extend(weekYear);\n\ndayjs.extend((o, c) => {\n  // todo support Wo (ISO week)\n  const proto = c.prototype;\n  const oldFormat = proto.format;\n  proto.format = function f(formatStr: string) {\n    const str = (formatStr || '').replace('Wo', 'wo');\n    return oldFormat.bind(this)(str);\n  };\n});\n\ntype IlocaleMapObject = Record<string, string>;\nconst localeMap: IlocaleMapObject = {\n  // ar_EG:\n  // az_AZ:\n  // bg_BG:\n  bn_BD: 'bn-bd',\n  by_BY: 'be',\n  // ca_ES:\n  // cs_CZ:\n  // da_DK:\n  // de_DE:\n  // el_GR:\n  en_GB: 'en-gb',\n  en_US: 'en',\n  // es_ES:\n  // et_EE:\n  // fa_IR:\n  // fi_FI:\n  fr_BE: 'fr', // todo: dayjs has no fr_BE locale, use fr at present\n  fr_CA: 'fr-ca',\n  // fr_FR:\n  // ga_IE:\n  // gl_ES:\n  // he_IL:\n  // hi_IN:\n  // hr_HR:\n  // hu_HU:\n  hy_AM: 'hy-am',\n  // id_ID:\n  // is_IS:\n  // it_IT:\n  // ja_JP:\n  // ka_GE:\n  // kk_KZ:\n  // km_KH:\n  kmr_IQ: 'ku',\n  // kn_IN:\n  // ko_KR:\n  // ku_IQ: // previous ku in antd\n  // lt_LT:\n  // lv_LV:\n  // mk_MK:\n  // ml_IN:\n  // mn_MN:\n  // ms_MY:\n  // nb_NO:\n  // ne_NP:\n  nl_BE: 'nl-be',\n  // nl_NL:\n  // pl_PL:\n  pt_BR: 'pt-br',\n  // pt_PT:\n  // ro_RO:\n  // ru_RU:\n  // sk_SK:\n  // sl_SI:\n  // sr_RS:\n  // sv_SE:\n  // ta_IN:\n  // th_TH:\n  // tr_TR:\n  // uk_UA:\n  // ur_PK:\n  // vi_VN:\n  zh_CN: 'zh-cn',\n  zh_HK: 'zh-hk',\n  zh_TW: 'zh-tw',\n};\n\nconst parseLocale = (locale: string) => {\n  const mapLocale = localeMap[locale];\n  return mapLocale || locale.split('_')[0];\n};\n\n/* istanbul ignore next */\nconst parseNoMatchNotice = () => {\n  // zombieJ:\n  // When user typing, its always miss match format.\n  // This check is meaningless.\n  // https://github.com/ant-design/ant-design/issues/51839\n  // noteOnce(false, 'Not match any format. Please help to fire a issue about this.');\n};\n\n// Use internal dayjs instance to avoid implicit dependency on plugins extended by external dayjs versions\nconst getUDayjs = (value: Dayjs): Dayjs => {\n  if (!dayjs.isDayjs(value) || value instanceof dayjs) {\n    return value;\n  }\n\n  return dayjs(value.valueOf());\n};\n\nconst generateConfig: GenerateConfig<Dayjs> = {\n  // get\n  getNow: () => {\n    const now: Dayjs & { tz?: () => Dayjs } = dayjs();\n    // https://github.com/ant-design/ant-design/discussions/50934\n    if (typeof now.tz === 'function') {\n      return now.tz(); // use default timezone\n    }\n    return now;\n  },\n  getFixedDate: (string) => dayjs(string, ['YYYY-M-DD', 'YYYY-MM-DD']),\n  getEndDate: (date) => getUDayjs(date).endOf('month'),\n  getWeekDay: (date) => {\n    const clone = getUDayjs(date).locale('en');\n    return clone.weekday() + clone.localeData().firstDayOfWeek();\n  },\n  getYear: (date) => getUDayjs(date).year(),\n  getMonth: (date) => getUDayjs(date).month(),\n  getDate: (date) => getUDayjs(date).date(),\n  getHour: (date) => getUDayjs(date).hour(),\n  getMinute: (date) => getUDayjs(date).minute(),\n  getSecond: (date) => getUDayjs(date).second(),\n  getMillisecond: (date) => getUDayjs(date).millisecond(),\n\n  // set\n  addYear: (date, diff) => getUDayjs(date).add(diff, 'year'),\n  addMonth: (date, diff) => getUDayjs(date).add(diff, 'month'),\n  addDate: (date, diff) => getUDayjs(date).add(diff, 'day'),\n  setYear: (date, year) => getUDayjs(date).year(year),\n  setMonth: (date, month) => getUDayjs(date).month(month),\n  setDate: (date, num) => getUDayjs(date).date(num),\n  setHour: (date, hour) => getUDayjs(date).hour(hour),\n  setMinute: (date, minute) => getUDayjs(date).minute(minute),\n  setSecond: (date, second) => getUDayjs(date).second(second),\n  setMillisecond: (date, milliseconds) => getUDayjs(date).millisecond(milliseconds),\n\n  // Compare\n  isAfter: (date1, date2) => getUDayjs(date1).isAfter(getUDayjs(date2)),\n  isValidate: (date) => getUDayjs(date).isValid(),\n\n  locale: {\n    getWeekFirstDay: (locale) => dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek(),\n    getWeekFirstDate: (locale, date) => getUDayjs(date).locale(parseLocale(locale)).weekday(0),\n    getWeek: (locale, date) => getUDayjs(date).locale(parseLocale(locale)).week(),\n    getShortWeekDays: (locale) => dayjs().locale(parseLocale(locale)).localeData().weekdaysMin(),\n    getShortMonths: (locale) => dayjs().locale(parseLocale(locale)).localeData().monthsShort(),\n    format: (locale, date, format) => getUDayjs(date).locale(parseLocale(locale)).format(format),\n    parse: (locale, text, formats) => {\n      const localeStr = parseLocale(locale);\n      for (let i = 0; i < formats.length; i += 1) {\n        const format = formats[i];\n        const formatText = text;\n        if (format.includes('wo') || format.includes('Wo')) {\n          // parse Wo\n          const year = formatText.split('-')[0];\n          const weekStr = formatText.split('-')[1];\n          const firstWeek = dayjs(year, 'YYYY').startOf('year').locale(localeStr);\n          for (let j = 0; j <= 52; j += 1) {\n            const nextWeek = firstWeek.add(j, 'week');\n            if (nextWeek.format('Wo') === weekStr) {\n              return nextWeek;\n            }\n          }\n          parseNoMatchNotice();\n          return null;\n        }\n        const date = dayjs(formatText, format, true).locale(localeStr);\n        if (date.isValid()) {\n          return date;\n        }\n      }\n\n      if (text) {\n        parseNoMatchNotice();\n      }\n      return null;\n    },\n  },\n};\n\nexport default generateConfig;\n"],"mappings":"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"}

package/es/DatePicker/core/generate/index.d.mts

@@ -0,0 +1,40 @@
+//#region src/DatePicker/core/generate/index.d.ts
+export type GenerateConfig<DateType> = {
+  getWeekDay: (value: DateType) => number;
+  getMillisecond: (value: DateType) => number;
+  getSecond: (value: DateType) => number;
+  getMinute: (value: DateType) => number;
+  getHour: (value: DateType) => number;
+  getDate: (value: DateType) => number;
+  getMonth: (value: DateType) => number;
+  getYear: (value: DateType) => number;
+  getNow: () => DateType;
+  getFixedDate: (fixed: string) => DateType;
+  getEndDate: (value: DateType) => DateType;
+  addYear: (value: DateType, diff: number) => DateType;
+  addMonth: (value: DateType, diff: number) => DateType;
+  addDate: (value: DateType, diff: number) => DateType;
+  setYear: (value: DateType, year: number) => DateType;
+  setMonth: (value: DateType, month: number) => DateType;
+  setDate: (value: DateType, date: number) => DateType;
+  setHour: (value: DateType, hour: number) => DateType;
+  setMinute: (value: DateType, minute: number) => DateType;
+  setSecond: (value: DateType, second: number) => DateType;
+  setMillisecond: (value: DateType, millisecond: number) => DateType;
+  isAfter: (date1: DateType, date2: DateType) => boolean;
+  isValidate: (date: DateType) => boolean;
+  locale: {
+    getWeekFirstDay: (locale: string) => number;
+    getWeekFirstDate: (locale: string, value: DateType) => DateType;
+    getWeek: (locale: string, value: DateType) => number;
+    format: (locale: string, date: DateType, format: string) => string;
+    /** Should only return validate date instance */
+    parse: (locale: string, text: string, formats: string[]) => DateType | null;
+    /** A proxy for getting locale with moment or other locale library */
+    getShortWeekDays?: (locale: string) => string[];
+    /** A proxy for getting locale with moment or other locale library */
+    getShortMonths?: (locale: string) => string[];
+  };
+};
+//#endregion
+//# sourceMappingURL=index.d.mts.map

package/es/DatePicker/core/hooks/react.mjs

@@ -0,0 +1,58 @@
+import { useCallback, useInsertionEffect, useLayoutEffect, useReducer, useRef, useState } from "react";
+//#region src/DatePicker/core/hooks/react.ts
+const useEvent = (callback) => {
+	const callbackRef = useRef(callback);
+	useInsertionEffect(() => {
+		callbackRef.current = callback;
+	});
+	return useCallback((...args) => callbackRef.current?.(...args), []);
+};
+const useLayoutEffect$1 = (callback, deps) => {
+	const firstMountRef = useRef(true);
+	useLayoutEffect(() => callback(firstMountRef.current), deps);
+	useLayoutEffect(() => {
+		firstMountRef.current = false;
+		return () => {
+			firstMountRef.current = true;
+		};
+	}, []);
+};
+const useLayoutUpdateEffect = (callback, deps) => {
+	useLayoutEffect$1((firstMount) => {
+		if (!firstMount) return callback();
+	}, deps);
+};
+const useControlledState = (defaultStateValue, value) => {
+	const [innerValue, setInnerValue] = useState(defaultStateValue);
+	const mergedValue = value === void 0 ? innerValue : value;
+	useLayoutEffect$1((firstMount) => {
+		if (!firstMount) setInnerValue(value);
+	}, [value]);
+	return [mergedValue, setInnerValue];
+};
+const useLatestState = (defaultValue) => {
+	const [, forceUpdate] = useReducer((count) => count + 1, 0);
+	const valueRef = useRef(defaultValue);
+	return [useEvent(() => valueRef.current), useEvent((next) => {
+		valueRef.current = typeof next === "function" ? next(valueRef.current) : next;
+		forceUpdate();
+	})];
+};
+const useResizeObserver = (ref, onResize, enabled = true) => {
+	const handleResize = useEvent(onResize);
+	useLayoutEffect(() => {
+		const element = ref.current;
+		if (!enabled || !element || typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(() => handleResize(element));
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, [
+		enabled,
+		handleResize,
+		ref
+	]);
+};
+//#endregion
+export { useControlledState, useEvent, useLatestState, useLayoutEffect$1 as useLayoutEffect, useLayoutUpdateEffect, useResizeObserver };
+
+//# sourceMappingURL=react.mjs.map

package/es/DatePicker/core/hooks/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.mjs","names":["useLayoutEffect"],"sources":["../../../../src/DatePicker/core/hooks/react.ts"],"sourcesContent":["import {\n  type DependencyList,\n  type RefObject,\n  type SetStateAction,\n  useCallback,\n  useInsertionEffect,\n  useLayoutEffect as useReactLayoutEffect,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\n\nexport const useEvent = <T extends (...args: any[]) => any>(callback: T): T => {\n  const callbackRef = useRef(callback);\n  useInsertionEffect(() => {\n    callbackRef.current = callback;\n  });\n  return useCallback((...args: Parameters<T>) => callbackRef.current?.(...args), []) as T;\n};\n\nexport const useLayoutEffect = (\n  callback: (firstMount: boolean) => void | (() => void),\n  deps?: DependencyList,\n) => {\n  const firstMountRef = useRef(true);\n\n  useReactLayoutEffect(() => callback(firstMountRef.current), deps);\n\n  useReactLayoutEffect(() => {\n    firstMountRef.current = false;\n    return () => {\n      firstMountRef.current = true;\n    };\n  }, []);\n};\n\nexport const useLayoutUpdateEffect = (\n  callback: () => void | (() => void),\n  deps?: DependencyList,\n) => {\n  useLayoutEffect((firstMount) => {\n    if (!firstMount) return callback();\n  }, deps);\n};\n\nexport const useControlledState = <T>(\n  defaultStateValue: T | (() => T),\n  value?: T,\n): [T, (next: SetStateAction<T>) => void] => {\n  const [innerValue, setInnerValue] = useState(defaultStateValue);\n  const mergedValue = value === undefined ? innerValue : value;\n\n  useLayoutEffect(\n    (firstMount) => {\n      if (!firstMount) setInnerValue(value as T);\n    },\n    [value],\n  );\n\n  return [mergedValue, setInnerValue];\n};\n\nexport const useLatestState = <T>(\n  defaultValue: T,\n): [() => T, (next: T | ((prev: T) => T)) => void] => {\n  const [, forceUpdate] = useReducer((count: number) => count + 1, 0);\n  const valueRef = useRef(defaultValue);\n  const getValue = useEvent(() => valueRef.current);\n  const setValue = useEvent((next: T | ((prev: T) => T)) => {\n    valueRef.current =\n      typeof next === 'function' ? (next as (prev: T) => T)(valueRef.current) : next;\n    forceUpdate();\n  });\n  return [getValue, setValue];\n};\n\nexport const useResizeObserver = (\n  ref: RefObject<HTMLElement | null>,\n  onResize: (element: HTMLElement) => void,\n  enabled = true,\n) => {\n  const handleResize = useEvent(onResize);\n\n  useReactLayoutEffect(() => {\n    const element = ref.current;\n    if (!enabled || !element || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(() => handleResize(element));\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [enabled, handleResize, ref]);\n};\n"],"mappings":";;AAYA,MAAa,YAA+C,aAAmB;CAC7E,MAAM,cAAc,OAAO,QAAQ;CACnC,yBAAyB;EACvB,YAAY,UAAU;CACxB,CAAC;CACD,OAAO,aAAa,GAAG,SAAwB,YAAY,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC;AACnF;AAEA,MAAaA,qBACX,UACA,SACG;CACH,MAAM,gBAAgB,OAAO,IAAI;CAEjC,sBAA2B,SAAS,cAAc,OAAO,GAAG,IAAI;CAEhE,sBAA2B;EACzB,cAAc,UAAU;EACxB,aAAa;GACX,cAAc,UAAU;EAC1B;CACF,GAAG,CAAC,CAAC;AACP;AAEA,MAAa,yBACX,UACA,SACG;CACH,mBAAiB,eAAe;EAC9B,IAAI,CAAC,YAAY,OAAO,SAAS;CACnC,GAAG,IAAI;AACT;AAEA,MAAa,sBACX,mBACA,UAC2C;CAC3C,MAAM,CAAC,YAAY,iBAAiB,SAAS,iBAAiB;CAC9D,MAAM,cAAc,UAAU,KAAA,IAAY,aAAa;CAEvD,mBACG,eAAe;EACd,IAAI,CAAC,YAAY,cAAc,KAAU;CAC3C,GACA,CAAC,KAAK,CACR;CAEA,OAAO,CAAC,aAAa,aAAa;AACpC;AAEA,MAAa,kBACX,iBACoD;CACpD,MAAM,GAAG,eAAe,YAAY,UAAkB,QAAQ,GAAG,CAAC;CAClE,MAAM,WAAW,OAAO,YAAY;CAOpC,OAAO,CANU,eAAe,SAAS,OAM1B,GALE,UAAU,SAA+B;EACxD,SAAS,UACP,OAAO,SAAS,aAAc,KAAwB,SAAS,OAAO,IAAI;EAC5E,YAAY;CACd,CACyB,CAAC;AAC5B;AAEA,MAAa,qBACX,KACA,UACA,UAAU,SACP;CACH,MAAM,eAAe,SAAS,QAAQ;CAEtC,sBAA2B;EACzB,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,WAAW,CAAC,WAAW,OAAO,mBAAmB,aAAa;EACnE,MAAM,WAAW,IAAI,qBAAqB,aAAa,OAAO,CAAC;EAC/D,SAAS,QAAQ,OAAO;EACxB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAS;EAAc;CAAG,CAAC;AACjC"}

package/es/DatePicker/core/hooks/useLocale.mjs

@@ -0,0 +1,51 @@
+import React from "react";
+//#region src/DatePicker/core/hooks/useLocale.ts
+function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem) {
+	const cells = [];
+	if (showHour) cells.push(showMeridiem ? "hh" : "HH");
+	if (showMinute) cells.push("mm");
+	if (showSecond) cells.push("ss");
+	let timeFormat = cells.join(":");
+	if (showMillisecond) timeFormat += ".SSS";
+	if (showMeridiem) timeFormat += " A";
+	return timeFormat;
+}
+/**
+* Used for `useFilledProps` since it already in the React.useMemo
+*/
+function fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours) {
+	const { fieldDateTimeFormat, fieldDateFormat, fieldTimeFormat, fieldMonthFormat, fieldYearFormat, fieldWeekFormat, fieldQuarterFormat, yearFormat, cellYearFormat, cellQuarterFormat, dayFormat, cellDateFormat } = locale;
+	const timeFormat = fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, use12Hours);
+	return {
+		...locale,
+		fieldDateTimeFormat: fieldDateTimeFormat || `YYYY-MM-DD ${timeFormat}`,
+		fieldDateFormat: fieldDateFormat || "YYYY-MM-DD",
+		fieldTimeFormat: fieldTimeFormat || timeFormat,
+		fieldMonthFormat: fieldMonthFormat || "YYYY-MM",
+		fieldYearFormat: fieldYearFormat || "YYYY",
+		fieldWeekFormat: fieldWeekFormat || "gggg-wo",
+		fieldQuarterFormat: fieldQuarterFormat || "YYYY-[Q]Q",
+		yearFormat: yearFormat || "YYYY",
+		cellYearFormat: cellYearFormat || "YYYY",
+		cellQuarterFormat: cellQuarterFormat || "[Q]Q",
+		cellDateFormat: cellDateFormat || dayFormat || "D"
+	};
+}
+/**
+* Fill locale format as start up
+*/
+function useLocale(locale, showProps) {
+	const { showHour, showMinute, showSecond, showMillisecond, use12Hours } = showProps;
+	return React.useMemo(() => fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours), [
+		locale,
+		showHour,
+		showMinute,
+		showSecond,
+		showMillisecond,
+		use12Hours
+	]);
+}
+//#endregion
+export { useLocale as default, fillTimeFormat };
+
+//# sourceMappingURL=useLocale.mjs.map