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

package/es/DatePicker/PurePanel.mjs

@@ -0,0 +1,65 @@
+"use client";
+import { PREFIX_CLS } from "./style.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DatePicker/PurePanel.tsx
+/**
+* antd `genPurePanel`: the picker with its popup always open and rendered in flow below
+* the input — for docs and visual tests, not for apps. The holder reserves the popup's
+* height, the popup does not flip or shift, and it has no motion or stacking z-index.
+*/
+const genPurePanel = (Component) => {
+	const PurePanel = (props) => {
+		const { open: openProp, style } = props;
+		const holderRef = useRef(null);
+		const [popupSize, setPopupSize] = useState({
+			height: 0,
+			width: 0
+		});
+		const [mounted, setMounted] = useState(false);
+		useEffect(() => {
+			setMounted(true);
+			if (typeof ResizeObserver === "undefined") return;
+			const resizeObserver = new ResizeObserver(([entry]) => {
+				const element = entry.target;
+				setPopupSize({
+					height: element.offsetHeight + 8,
+					width: element.offsetWidth
+				});
+			});
+			const interval = setInterval(() => {
+				const popup = holderRef.current?.querySelector(`.${PREFIX_CLS}-dropdown`);
+				if (!popup) return;
+				clearInterval(interval);
+				resizeObserver.observe(popup);
+			}, 10);
+			return () => {
+				clearInterval(interval);
+				resizeObserver.disconnect();
+			};
+		}, []);
+		return /* @__PURE__ */ jsx("div", {
+			ref: holderRef,
+			style: {
+				minWidth: popupSize.width,
+				paddingBottom: popupSize.height,
+				position: "relative"
+			},
+			children: /* @__PURE__ */ jsx(Component, {
+				...props,
+				inlinePopup: true,
+				getPopupContainer: () => holderRef.current,
+				open: openProp ?? mounted,
+				style: {
+					...style,
+					margin: 0
+				}
+			})
+		});
+	};
+	return PurePanel;
+};
+//#endregion
+export { genPurePanel as default };
+
+//# sourceMappingURL=PurePanel.mjs.map

package/es/DatePicker/PurePanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurePanel.mjs","names":[],"sources":["../../src/DatePicker/PurePanel.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentType, type CSSProperties, useEffect, useRef, useState } from 'react';\n\nimport { PREFIX_CLS } from './style';\n\ninterface PurePanelProps {\n  open?: boolean;\n  style?: CSSProperties;\n}\n\n/**\n * antd `genPurePanel`: the picker with its popup always open and rendered in flow below\n * the input — for docs and visual tests, not for apps. The holder reserves the popup's\n * height, the popup does not flip or shift, and it has no motion or stacking z-index.\n */\nconst genPurePanel = <P extends object>(Component: ComponentType<P>) => {\n  const PurePanel = (props: P & PurePanelProps) => {\n    const { open: openProp, style } = props;\n    const holderRef = useRef<HTMLDivElement>(null);\n    const [popupSize, setPopupSize] = useState({ height: 0, width: 0 });\n    const [mounted, setMounted] = useState(false);\n\n    // Opened after mount, as in antd: the popup needs the holder to render into.\n    useEffect(() => {\n      setMounted(true);\n      if (typeof ResizeObserver === 'undefined') return;\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        const element = entry.target as HTMLElement;\n        setPopupSize({ height: element.offsetHeight + 8, width: element.offsetWidth });\n      });\n      const interval = setInterval(() => {\n        const popup = holderRef.current?.querySelector(`.${PREFIX_CLS}-dropdown`);\n        if (!popup) return;\n        clearInterval(interval);\n        resizeObserver.observe(popup);\n      }, 10);\n      return () => {\n        clearInterval(interval);\n        resizeObserver.disconnect();\n      };\n    }, []);\n\n    return (\n      <div\n        ref={holderRef}\n        style={{ minWidth: popupSize.width, paddingBottom: popupSize.height, position: 'relative' }}\n      >\n        <Component\n          {...props}\n          inlinePopup\n          getPopupContainer={() => holderRef.current!}\n          open={openProp ?? mounted}\n          style={{ ...style, margin: 0 }}\n        />\n      </div>\n    );\n  };\n  return PurePanel;\n};\n\nexport default genPurePanel;\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,gBAAkC,cAAgC;CACtE,MAAM,aAAa,UAA8B;EAC/C,MAAM,EAAE,MAAM,UAAU,UAAU;EAClC,MAAM,YAAY,OAAuB,IAAI;EAC7C,MAAM,CAAC,WAAW,gBAAgB,SAAS;GAAE,QAAQ;GAAG,OAAO;EAAE,CAAC;EAClE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;EAG5C,gBAAgB;GACd,WAAW,IAAI;GACf,IAAI,OAAO,mBAAmB,aAAa;GAC3C,MAAM,iBAAiB,IAAI,gBAAgB,CAAC,WAAW;IACrD,MAAM,UAAU,MAAM;IACtB,aAAa;KAAE,QAAQ,QAAQ,eAAe;KAAG,OAAO,QAAQ;IAAY,CAAC;GAC/E,CAAC;GACD,MAAM,WAAW,kBAAkB;IACjC,MAAM,QAAQ,UAAU,SAAS,cAAc,IAAI,WAAW,UAAU;IACxE,IAAI,CAAC,OAAO;IACZ,cAAc,QAAQ;IACtB,eAAe,QAAQ,KAAK;GAC9B,GAAG,EAAE;GACL,aAAa;IACX,cAAc,QAAQ;IACtB,eAAe,WAAW;GAC5B;EACF,GAAG,CAAC,CAAC;EAEL,OACE,oBAAC,OAAD;GACE,KAAK;GACL,OAAO;IAAE,UAAU,UAAU;IAAO,eAAe,UAAU;IAAQ,UAAU;GAAW;GAE1F,UAAA,oBAAC,WAAD;IACE,GAAI;IACJ,aAAA;IACA,yBAAyB,UAAU;IACnC,MAAM,YAAY;IAClB,OAAO;KAAE,GAAG;KAAO,QAAQ;IAAE;GAC9B,CAAA;EACE,CAAA;CAET;CACA,OAAO;AACT"}

package/es/DatePicker/RangePicker.mjs

@@ -0,0 +1,115 @@
+"use client";
+import Icon from "../Icon/Icon.mjs";
+import RefRangePicker from "./core/PickerInput/RangePicker.mjs";
+import { usePickerLocale } from "./locale.mjs";
+import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
+import { usePickerShared } from "./usePickerShared.mjs";
+import { usePresetActive } from "./usePresetActive.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ArrowRight } from "lucide-react";
+//#region src/DatePicker/RangePicker.tsx
+const generateRangePicker = (generateConfig) => {
+	const RangePicker = (props) => {
+		const { allowClear, allowEmpty, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, disabled, disabledDate, getPopupContainer, id, locale: localeOverride, maxDate, minDate, mode, monthCellRender, needConfirm, nextIcon, onBlur, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, open, order, picker = "date", pickerValue, placeholder, popupClassName, popupStyle, prevIcon, renderExtraFooter, rootClassName, separator, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, value, variant, ...rest } = props;
+		const { locale, rangePlaceholder } = usePickerLocale(localeOverride);
+		const keyboard = usePanelKeyboard({
+			cellRender,
+			dateRender,
+			defaultOpen,
+			defaultPickerValue,
+			defaultValue,
+			direction,
+			generateConfig,
+			mode,
+			monthCellRender,
+			onChange,
+			onFocus,
+			onOpenChange,
+			onPanelChange,
+			onPickerValueChange,
+			open,
+			picker,
+			pickerValue,
+			range: true,
+			value
+		});
+		const shared = usePickerShared({
+			allowClear,
+			changeOnBlur,
+			className,
+			clearIcon,
+			classNames,
+			components,
+			defaultOpen,
+			dropdownClassName,
+			generateConfig,
+			getPopupContainer,
+			maxDate,
+			minDate,
+			needConfirm,
+			nextIcon,
+			onKeyDown,
+			onOpenChange: keyboard.onOpenChange,
+			open,
+			picker,
+			popupClassName,
+			popupStyle,
+			prevIcon,
+			rootClassName: clsx$1(keyboard.scopeClassName, rootClassName),
+			semanticProps: props,
+			shadow,
+			size,
+			status,
+			styles,
+			suffixIcon,
+			superNextIcon,
+			superPrevIcon,
+			variant
+		});
+		const presetActive = usePresetActive(rest.presets, value, defaultValue);
+		return /* @__PURE__ */ jsx(RefRangePicker, {
+			...rest,
+			...shared,
+			allowEmpty,
+			cellRender: keyboard.cellRender,
+			dateRender,
+			defaultPickerValue,
+			defaultValue,
+			direction,
+			disabled,
+			disabledDate,
+			id,
+			locale: locale.lang,
+			mode,
+			monthCellRender,
+			order,
+			picker,
+			pickerValue: keyboard.pickerValue,
+			placeholder: placeholder ?? rangePlaceholder(picker),
+			presets: presetActive.presets,
+			renderExtraFooter,
+			separator: separator ?? /* @__PURE__ */ jsx(Icon, {
+				icon: ArrowRight,
+				size: 14
+			}),
+			value,
+			onBlur,
+			onCalendarChange,
+			onFocus: keyboard.onFocus,
+			onOk,
+			onPanelChange: keyboard.onPanelChange,
+			onPickerValueChange: keyboard.onPickerValueChange,
+			onChange: (...args) => {
+				presetActive.track(args[0]);
+				keyboard.onChange(...args);
+			}
+		});
+	};
+	RangePicker.displayName = "RangePicker";
+	return RangePicker;
+};
+//#endregion
+export { generateRangePicker as default };
+
+//# sourceMappingURL=RangePicker.mjs.map

package/es/DatePicker/RangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePicker.mjs","names":["clsx","RcRangePicker"],"sources":["../../src/DatePicker/RangePicker.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { ArrowRight } from 'lucide-react';\n\nimport Icon from '@/Icon';\n\nimport { RangePicker as RcRangePicker } from './core';\nimport type { GenerateConfig } from './core/generate';\nimport { usePickerLocale } from './locale';\nimport type { DateRangePickerProps, RangePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\nconst generateRangePicker = <DateType extends object>(generateConfig: GenerateConfig<DateType>) => {\n  const RangePicker = (props: DateRangePickerProps<DateType>) => {\n    const {\n      allowClear,\n      allowEmpty,\n      cellRender,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      dropdownClassName,\n      direction,\n      disabled,\n      disabledDate,\n      getPopupContainer,\n      id,\n      locale: localeOverride,\n      maxDate,\n      minDate,\n      mode,\n      monthCellRender,\n      needConfirm,\n      nextIcon,\n      onBlur,\n      onKeyDown,\n      onCalendarChange,\n      onChange,\n      onFocus,\n      onOk,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      order,\n      picker = 'date',\n      pickerValue,\n      placeholder,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      renderExtraFooter,\n      rootClassName,\n      separator,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      value,\n      variant,\n      ...rest\n    } = props;\n    const { locale, rangePlaceholder } = usePickerLocale(localeOverride);\n    const keyboard = usePanelKeyboard({\n      cellRender,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      direction,\n      generateConfig,\n      mode,\n      monthCellRender,\n      onChange,\n      onFocus,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      picker,\n      pickerValue,\n      range: true,\n      value,\n    });\n    const shared = usePickerShared({\n      allowClear,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      defaultOpen,\n      dropdownClassName,\n      generateConfig,\n      getPopupContainer,\n      maxDate,\n      minDate,\n      needConfirm,\n      nextIcon,\n      onKeyDown,\n      onOpenChange: keyboard.onOpenChange,\n      open,\n      picker,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      rootClassName: clsx(keyboard.scopeClassName, rootClassName),\n      semanticProps: props,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      variant,\n    });\n\n    const presetActive = usePresetActive((rest as any).presets, value, defaultValue);\n\n    return (\n      <RcRangePicker<DateType>\n        {...rest}\n        {...shared}\n        allowEmpty={allowEmpty}\n        cellRender={keyboard.cellRender}\n        dateRender={dateRender}\n        defaultPickerValue={defaultPickerValue as any}\n        defaultValue={defaultValue as any}\n        direction={direction}\n        disabled={disabled}\n        disabledDate={disabledDate}\n        id={id}\n        locale={locale.lang}\n        mode={mode as any}\n        monthCellRender={monthCellRender}\n        order={order}\n        picker={picker}\n        pickerValue={keyboard.pickerValue}\n        placeholder={placeholder ?? rangePlaceholder(picker)}\n        presets={presetActive.presets as any}\n        renderExtraFooter={renderExtraFooter}\n        separator={separator ?? <Icon icon={ArrowRight} size={14} />}\n        value={value as any}\n        onBlur={onBlur as any}\n        onCalendarChange={onCalendarChange as any}\n        onFocus={keyboard.onFocus}\n        onOk={onOk as any}\n        onPanelChange={keyboard.onPanelChange}\n        onPickerValueChange={keyboard.onPickerValueChange}\n        onChange={(...args: any[]) => {\n          presetActive.track(args[0]);\n          (keyboard.onChange as any)(...args);\n        }}\n      />\n    );\n  };\n  RangePicker.displayName = 'RangePicker';\n  return RangePicker as RangePickerComponent<DateType>;\n};\n\nexport default generateRangePicker;\n"],"mappings":";;;;;;;;;;;AAeA,MAAM,uBAAgD,mBAA6C;CACjG,MAAM,eAAe,UAA0C;EAC7D,MAAM,EACJ,YACA,YACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,UACA,cACA,mBACA,IACA,QAAQ,gBACR,SACA,SACA,MACA,iBACA,aACA,UACA,QACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,MACA,OACA,SAAS,QACT,aACA,aACA,gBACA,YACA,UACA,mBACA,eACA,WACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,OACA,SACA,GAAG,SACD;EACJ,MAAM,EAAE,QAAQ,qBAAqB,gBAAgB,cAAc;EACnE,MAAM,WAAW,iBAAiB;GAChC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;EACF,CAAC;EACD,MAAM,SAAS,gBAAgB;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,SAAS;GACvB;GACA;GACA;GACA;GACA;GACA,eAAeA,OAAK,SAAS,gBAAgB,aAAa;GAC1D,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,eAAe,gBAAiB,KAAa,SAAS,OAAO,YAAY;EAE/E,OACE,oBAACC,gBAAD;GACE,GAAI;GACJ,GAAI;GACQ;GACZ,YAAY,SAAS;GACT;GACQ;GACN;GACH;GACD;GACI;GACV;GACJ,QAAQ,OAAO;GACT;GACW;GACV;GACC;GACR,aAAa,SAAS;GACtB,aAAa,eAAe,iBAAiB,MAAM;GACnD,SAAS,aAAa;GACH;GACnB,WAAW,aAAa,oBAAC,MAAD;IAAM,MAAM;IAAY,MAAM;GAAK,CAAA;GACpD;GACC;GACU;GAClB,SAAS,SAAS;GACZ;GACN,eAAe,SAAS;GACxB,qBAAqB,SAAS;GAC9B,WAAW,GAAG,SAAgB;IAC5B,aAAa,MAAM,KAAK,EAAE;IAC1B,SAAU,SAAiB,GAAG,IAAI;GACpC;EACD,CAAA;CAEL;CACA,YAAY,cAAc;CAC1B,OAAO;AACT"}

package/es/DatePicker/SinglePicker.mjs

@@ -0,0 +1,132 @@
+"use client";
+import Icon from "../Icon/Icon.mjs";
+import core_default from "./core/index.mjs";
+import { usePickerLocale } from "./locale.mjs";
+import { PREFIX_CLS } from "./style.mjs";
+import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
+import { usePickerShared, withDefault } from "./usePickerShared.mjs";
+import { usePresetActive } from "./usePresetActive.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { X } from "lucide-react";
+//#region src/DatePicker/SinglePicker.tsx
+const defaultRemoveIcon = /* @__PURE__ */ jsx(Icon, {
+	icon: X,
+	size: 10,
+	style: { strokeWidth: 3 }
+});
+const generateSinglePicker = (generateConfig) => {
+	const getPicker = (presetPicker, displayName = "DatePicker") => {
+		const Picker = (props) => {
+			const { allowClear, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, getPopupContainer, locale: localeOverride, maxDate, minDate, mode, monthCellRender, multiple, needConfirm, nextIcon, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, open, picker: pickerProp, pickerValue, placeholder, popupClassName, popupStyle, prevIcon, ref, removeIcon, renderExtraFooter, rootClassName, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, value, variant, ...rest } = props;
+			const picker = presetPicker ?? pickerProp ?? "date";
+			const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);
+			const keyboard = usePanelKeyboard({
+				cellRender,
+				dateRender,
+				defaultOpen,
+				defaultPickerValue,
+				defaultValue,
+				direction,
+				generateConfig,
+				mode,
+				monthCellRender,
+				onChange,
+				onFocus,
+				onOpenChange,
+				onPanelChange,
+				onPickerValueChange,
+				open,
+				picker,
+				pickerValue,
+				value
+			});
+			const shared = usePickerShared({
+				allowClear,
+				changeOnBlur,
+				className,
+				clearIcon,
+				classNames,
+				components,
+				defaultOpen,
+				dropdownClassName,
+				generateConfig,
+				getPopupContainer,
+				maxDate,
+				minDate,
+				needConfirm,
+				nextIcon,
+				onKeyDown,
+				onOpenChange: keyboard.onOpenChange,
+				open,
+				picker,
+				popupClassName,
+				popupStyle,
+				prevIcon,
+				rootClassName: clsx$1(keyboard.scopeClassName, rootClassName),
+				semanticProps: props,
+				shadow,
+				size,
+				status,
+				styles,
+				suffixIcon,
+				superNextIcon,
+				superPrevIcon,
+				variant
+			});
+			const presetActive = usePresetActive(rest.presets, multiple ? void 0 : value, multiple ? void 0 : defaultValue);
+			return /* @__PURE__ */ jsx(core_default, {
+				...rest,
+				...shared,
+				presets: presetActive.presets,
+				cellRender: keyboard.cellRender,
+				dateRender,
+				defaultPickerValue,
+				defaultValue: defaultValue ?? void 0,
+				direction,
+				locale: locale.lang,
+				mode,
+				monthCellRender,
+				multiple,
+				picker,
+				pickerValue: keyboard.pickerValue,
+				placeholder: placeholder ?? defaultPlaceholder(picker),
+				ref,
+				removeIcon: withDefault(removeIcon, defaultRemoveIcon),
+				renderExtraFooter,
+				showNow: rest.showNow ?? rest.showToday ?? false,
+				value,
+				classNames: multiple ? {
+					...shared.classNames,
+					popup: {
+						...shared.classNames.popup,
+						root: clsx$1(shared.classNames.popup.root, `${PREFIX_CLS}-dropdown-multiple`)
+					}
+				} : shared.classNames,
+				onCalendarChange,
+				onFocus: keyboard.onFocus,
+				onOk,
+				onPanelChange: keyboard.onPanelChange,
+				onPickerValueChange: keyboard.onPickerValueChange,
+				onChange: (...args) => {
+					presetActive.track(args[0]);
+					keyboard.onChange(...args);
+				}
+			});
+		};
+		Picker.displayName = displayName;
+		return Picker;
+	};
+	return {
+		DatePicker: getPicker(),
+		MonthPicker: getPicker("month", "MonthPicker"),
+		QuarterPicker: getPicker("quarter", "QuarterPicker"),
+		TimePicker: getPicker("time", "TimePicker"),
+		WeekPicker: getPicker("week", "WeekPicker"),
+		YearPicker: getPicker("year", "YearPicker")
+	};
+};
+//#endregion
+export { generateSinglePicker as default };
+
+//# sourceMappingURL=SinglePicker.mjs.map

package/es/DatePicker/SinglePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SinglePicker.mjs","names":["clsx","RcPicker"],"sources":["../../src/DatePicker/SinglePicker.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { X } from 'lucide-react';\n\nimport Icon from '@/Icon';\n\nimport RcPicker from './core';\nimport type { GenerateConfig } from './core/generate';\nimport type { PickerMode } from './core/interface';\nimport { usePickerLocale } from './locale';\nimport { PREFIX_CLS } from './style';\nimport type { GeneratedDatePicker, PickerProps, SinglePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared, withDefault } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\nconst defaultRemoveIcon = <Icon icon={X} size={10} style={{ strokeWidth: 3 }} />;\n\nconst generateSinglePicker = <DateType extends object>(\n  generateConfig: GenerateConfig<DateType>,\n) => {\n  const getPicker = (presetPicker?: PickerMode, displayName = 'DatePicker') => {\n    const Picker = (props: PickerProps<DateType, any>) => {\n      const {\n        allowClear,\n        cellRender,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        dropdownClassName,\n        direction,\n        getPopupContainer,\n        locale: localeOverride,\n        maxDate,\n        minDate,\n        mode,\n        monthCellRender,\n        multiple,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onCalendarChange,\n        onChange,\n        onFocus,\n        onOk,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        open,\n        picker: pickerProp,\n        pickerValue,\n        placeholder,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        ref,\n        removeIcon,\n        renderExtraFooter,\n        rootClassName,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        value,\n        variant,\n        ...rest\n      } = props;\n      const picker = presetPicker ?? pickerProp ?? 'date';\n      const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);\n      const keyboard = usePanelKeyboard({\n        cellRender,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        direction,\n        generateConfig,\n        mode,\n        monthCellRender,\n        onChange,\n        onFocus,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        open,\n        picker,\n        pickerValue,\n        value,\n      });\n      const shared = usePickerShared({\n        allowClear,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        defaultOpen,\n        dropdownClassName,\n        generateConfig,\n        getPopupContainer,\n        maxDate,\n        minDate,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onOpenChange: keyboard.onOpenChange,\n        open,\n        picker,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        rootClassName: clsx(keyboard.scopeClassName, rootClassName),\n        semanticProps: props,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        variant,\n      });\n\n      const presetActive = usePresetActive(\n        (rest as any).presets,\n        multiple ? undefined : value,\n        multiple ? undefined : defaultValue,\n      );\n\n      return (\n        <RcPicker<DateType>\n          {...rest}\n          {...shared}\n          presets={presetActive.presets as any}\n          // No footer row by default: Today / Now only when asked for (showNow or the\n          // deprecated showToday); showTime + needConfirm still shows OK.\n          cellRender={keyboard.cellRender}\n          dateRender={dateRender}\n          defaultPickerValue={defaultPickerValue as any}\n          defaultValue={defaultValue ?? undefined}\n          direction={direction}\n          locale={locale.lang}\n          mode={mode as any}\n          monthCellRender={monthCellRender}\n          multiple={multiple}\n          picker={picker}\n          pickerValue={keyboard.pickerValue}\n          placeholder={placeholder ?? defaultPlaceholder(picker)}\n          ref={ref}\n          removeIcon={withDefault(removeIcon, defaultRemoveIcon)}\n          renderExtraFooter={renderExtraFooter}\n          showNow={(rest as any).showNow ?? (rest as any).showToday ?? false}\n          value={value as any}\n          classNames={\n            multiple\n              ? {\n                  ...shared.classNames,\n                  popup: {\n                    ...shared.classNames.popup,\n                    root: clsx(shared.classNames.popup.root, `${PREFIX_CLS}-dropdown-multiple`),\n                  },\n                }\n              : shared.classNames\n          }\n          onCalendarChange={onCalendarChange as any}\n          onFocus={keyboard.onFocus}\n          onOk={onOk as any}\n          onPanelChange={keyboard.onPanelChange}\n          onPickerValueChange={keyboard.onPickerValueChange}\n          onChange={(...args: any[]) => {\n            presetActive.track(args[0]);\n            (keyboard.onChange as any)(...args);\n          }}\n        />\n      );\n    };\n    Picker.displayName = displayName;\n    return Picker as SinglePickerComponent<DateType, any>;\n  };\n\n  return {\n    DatePicker: getPicker() as GeneratedDatePicker<DateType>,\n    MonthPicker: getPicker('month', 'MonthPicker'),\n    QuarterPicker: getPicker('quarter', 'QuarterPicker'),\n    TimePicker: getPicker('time', 'TimePicker'),\n    WeekPicker: getPicker('week', 'WeekPicker'),\n    YearPicker: getPicker('year', 'YearPicker'),\n  };\n};\n\nexport default generateSinglePicker;\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,oBAAoB,oBAAC,MAAD;CAAM,MAAM;CAAG,MAAM;CAAI,OAAO,EAAE,aAAa,EAAE;AAAI,CAAA;AAE/E,MAAM,wBACJ,mBACG;CACH,MAAM,aAAa,cAA2B,cAAc,iBAAiB;EAC3E,MAAM,UAAU,UAAsC;GACpD,MAAM,EACJ,YACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,mBACA,QAAQ,gBACR,SACA,SACA,MACA,iBACA,UACA,aACA,UACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,MACA,QAAQ,YACR,aACA,aACA,gBACA,YACA,UACA,KACA,YACA,mBACA,eACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,OACA,SACA,GAAG,SACD;GACJ,MAAM,SAAS,gBAAgB,cAAc;GAC7C,MAAM,EAAE,QAAQ,aAAa,uBAAuB,gBAAgB,cAAc;GAClF,MAAM,WAAW,iBAAiB;IAChC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GACD,MAAM,SAAS,gBAAgB;IAC7B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc,SAAS;IACvB;IACA;IACA;IACA;IACA;IACA,eAAeA,OAAK,SAAS,gBAAgB,aAAa;IAC1D,eAAe;IACf;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GAED,MAAM,eAAe,gBAClB,KAAa,SACd,WAAW,KAAA,IAAY,OACvB,WAAW,KAAA,IAAY,YACzB;GAEA,OACE,oBAACC,cAAD;IACE,GAAI;IACJ,GAAI;IACJ,SAAS,aAAa;IAGtB,YAAY,SAAS;IACT;IACQ;IACpB,cAAc,gBAAgB,KAAA;IACnB;IACX,QAAQ,OAAO;IACT;IACW;IACP;IACF;IACR,aAAa,SAAS;IACtB,aAAa,eAAe,mBAAmB,MAAM;IAChD;IACL,YAAY,YAAY,YAAY,iBAAiB;IAClC;IACnB,SAAU,KAAa,WAAY,KAAa,aAAa;IACtD;IACP,YACE,WACI;KACE,GAAG,OAAO;KACV,OAAO;MACL,GAAG,OAAO,WAAW;MACrB,MAAMD,OAAK,OAAO,WAAW,MAAM,MAAM,GAAG,WAAW,mBAAmB;KAC5E;IACF,IACA,OAAO;IAEK;IAClB,SAAS,SAAS;IACZ;IACN,eAAe,SAAS;IACxB,qBAAqB,SAAS;IAC9B,WAAW,GAAG,SAAgB;KAC5B,aAAa,MAAM,KAAK,EAAE;KAC1B,SAAU,SAAiB,GAAG,IAAI;IACpC;GACD,CAAA;EAEL;EACA,OAAO,cAAc;EACrB,OAAO;CACT;CAEA,OAAO;EACL,YAAY,UAAU;EACtB,aAAa,UAAU,SAAS,aAAa;EAC7C,eAAe,UAAU,WAAW,eAAe;EACnD,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;CAC5C;AACF"}

package/es/DatePicker/core/PickerInput/Popup/Footer.mjs

@@ -0,0 +1,57 @@
+import PickerContext from "../context.mjs";
+import { isReactRenderable } from "../../utils/common.mjs";
+import useTimeInfo from "../../hooks/useTimeInfo.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/Popup/Footer.tsx
+function Footer(props) {
+	const { mode, internalMode, renderExtraFooter, showNow, showTime, onSubmit, onNow, invalid, needConfirm, generateConfig, disabledDate } = props;
+	const { prefixCls, locale, button: Button = "button", classNames, styles } = React$1.use(PickerContext);
+	const now = generateConfig.getNow();
+	const [getValidTime] = useTimeInfo(generateConfig, showTime, now);
+	const extraNode = renderExtraFooter?.(mode);
+	const nowDisabled = disabledDate(now, { type: mode });
+	const onInternalNow = () => {
+		if (!nowDisabled) {
+			const validateNow = getValidTime(now);
+			onNow(validateNow);
+		}
+	};
+	const nowPrefixCls = `${prefixCls}-now`;
+	const nowBtnPrefixCls = `${nowPrefixCls}-btn`;
+	const presetNode = showNow && /* @__PURE__ */ jsx("li", {
+		className: nowPrefixCls,
+		children: /* @__PURE__ */ jsx("a", {
+			"aria-disabled": nowDisabled,
+			className: clsx(nowBtnPrefixCls, nowDisabled && `${nowBtnPrefixCls}-disabled`),
+			onClick: onInternalNow,
+			children: internalMode === "date" ? locale.today : locale.now
+		})
+	});
+	const okNode = needConfirm && /* @__PURE__ */ jsx("li", {
+		className: `${prefixCls}-ok`,
+		children: /* @__PURE__ */ jsx(Button, {
+			disabled: invalid,
+			onClick: onSubmit,
+			children: locale.ok
+		})
+	});
+	const rangeNode = (presetNode || okNode) && /* @__PURE__ */ jsxs("ul", {
+		className: `${prefixCls}-ranges`,
+		children: [presetNode, okNode]
+	});
+	if (!isReactRenderable(extraNode) && !isReactRenderable(rangeNode)) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(`${prefixCls}-footer`, classNames.popup.footer),
+		style: styles.popup.footer,
+		children: [isReactRenderable(extraNode) && /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-footer-extra`,
+			children: extraNode
+		}), rangeNode]
+	});
+}
+//#endregion
+export { Footer as default };
+
+//# sourceMappingURL=Footer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/Footer.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport type { GenerateConfig } from '../../generate';\nimport useTimeInfo from '../../hooks/useTimeInfo';\nimport type { DisabledDate, InternalMode, PanelMode, SharedPickerProps } from '../../interface';\nimport { isReactRenderable } from '../../utils/common';\nimport PickerContext from '../context';\nimport type { PopupShowTimeConfig } from '.';\n\nexport interface FooterProps<DateType extends object = any> {\n  disabledDate: DisabledDate<DateType>;\n  generateConfig: GenerateConfig<DateType>;\n  internalMode: InternalMode;\n  // Invalid\n  /** From Footer component used only. Check if can OK button click */\n  invalid?: boolean;\n  mode: PanelMode;\n  needConfirm: boolean;\n  // Now\n  onNow: (now: DateType) => void;\n\n  // Submit\n  onSubmit: (date?: DateType) => void;\n\n  renderExtraFooter?: SharedPickerProps['renderExtraFooter'];\n  showNow: boolean;\n\n  showTime?: PopupShowTimeConfig<DateType> | null;\n}\n\nexport default function Footer(props: FooterProps) {\n  const {\n    mode,\n    internalMode,\n    renderExtraFooter,\n    showNow,\n    showTime,\n    onSubmit,\n    onNow,\n    invalid,\n    needConfirm,\n    generateConfig,\n    disabledDate,\n  } = props;\n\n  const {\n    prefixCls,\n    locale,\n    button: Button = 'button',\n    classNames,\n    styles,\n  } = React.use(PickerContext);\n\n  // >>> Now\n  const now = generateConfig.getNow();\n\n  const [getValidTime] = useTimeInfo(generateConfig, showTime, now);\n\n  // ======================== Extra =========================\n  const extraNode = renderExtraFooter?.(mode);\n\n  // ======================== Ranges ========================\n  const nowDisabled = disabledDate(now, {\n    type: mode,\n  });\n\n  const onInternalNow = () => {\n    if (!nowDisabled) {\n      const validateNow = getValidTime(now);\n      onNow(validateNow);\n    }\n  };\n\n  const nowPrefixCls = `${prefixCls}-now`;\n  const nowBtnPrefixCls = `${nowPrefixCls}-btn`;\n\n  const presetNode = showNow && (\n    <li className={nowPrefixCls}>\n      <a\n        aria-disabled={nowDisabled}\n        className={clsx(nowBtnPrefixCls, nowDisabled && `${nowBtnPrefixCls}-disabled`)}\n        onClick={onInternalNow}\n      >\n        {internalMode === 'date' ? locale.today : locale.now}\n      </a>\n    </li>\n  );\n\n  // >>> OK\n  const okNode = needConfirm && (\n    <li className={`${prefixCls}-ok`}>\n      <Button disabled={invalid} onClick={onSubmit}>\n        {locale.ok}\n      </Button>\n    </li>\n  );\n\n  const rangeNode = (presetNode || okNode) && (\n    <ul className={`${prefixCls}-ranges`}>\n      {presetNode}\n      {okNode}\n    </ul>\n  );\n\n  // ======================== Render ========================\n  if (!isReactRenderable(extraNode) && !isReactRenderable(rangeNode)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(`${prefixCls}-footer`, classNames.popup.footer)}\n      style={styles.popup.footer}\n    >\n      {isReactRenderable(extraNode) && (\n        <div className={`${prefixCls}-footer-extra`}>{extraNode}</div>\n      )}\n      {rangeNode}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA+BA,SAAwB,OAAO,OAAoB;CACjD,MAAM,EACJ,MACA,cACA,mBACA,SACA,UACA,UACA,OACA,SACA,aACA,gBACA,iBACE;CAEJ,MAAM,EACJ,WACA,QACA,QAAQ,SAAS,UACjB,YACA,WACEA,QAAM,IAAI,aAAa;CAG3B,MAAM,MAAM,eAAe,OAAO;CAElC,MAAM,CAAC,gBAAgB,YAAY,gBAAgB,UAAU,GAAG;CAGhE,MAAM,YAAY,oBAAoB,IAAI;CAG1C,MAAM,cAAc,aAAa,KAAK,EACpC,MAAM,KACR,CAAC;CAED,MAAM,sBAAsB;EAC1B,IAAI,CAAC,aAAa;GAChB,MAAM,cAAc,aAAa,GAAG;GACpC,MAAM,WAAW;EACnB;CACF;CAEA,MAAM,eAAe,GAAG,UAAU;CAClC,MAAM,kBAAkB,GAAG,aAAa;CAExC,MAAM,aAAa,WACjB,oBAAC,MAAD;EAAI,WAAW;EACb,UAAA,oBAAC,KAAD;GACE,iBAAe;GACf,WAAW,KAAK,iBAAiB,eAAe,GAAG,gBAAgB,UAAU;GAC7E,SAAS;GAER,UAAA,iBAAiB,SAAS,OAAO,QAAQ,OAAO;EAChD,CAAA;CACD,CAAA;CAIN,MAAM,SAAS,eACb,oBAAC,MAAD;EAAI,WAAW,GAAG,UAAU;EAC1B,UAAA,oBAAC,QAAD;GAAQ,UAAU;GAAS,SAAS;GACjC,UAAA,OAAO;EACF,CAAA;CACN,CAAA;CAGN,MAAM,aAAa,cAAc,WAC/B,qBAAC,MAAD;EAAI,WAAW,GAAG,UAAU;EAA5B,UAAA,CACG,YACA,MACC;;CAIN,IAAI,CAAC,kBAAkB,SAAS,KAAK,CAAC,kBAAkB,SAAS,GAC/D,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,GAAG,UAAU,UAAU,WAAW,MAAM,MAAM;EAC9D,OAAO,OAAO,MAAM;EAFtB,UAAA,CAIG,kBAAkB,SAAS,KAC1B,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAiB,UAAA;EAAe,CAAA,GAE9D,SACE;;AAET"}

package/es/DatePicker/core/PickerInput/Popup/PopupPanel.mjs

@@ -0,0 +1,57 @@
+import PickerContext from "../context.mjs";
+import { offsetPanelDate } from "../hooks/useRangePickerValue.mjs";
+import { PickerHackContext } from "../../PickerPanel/context.mjs";
+import RefPanelPicker from "../../PickerPanel/index.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerInput/Popup/PopupPanel.tsx
+function PopupPanel(props) {
+	const { picker, multiplePanel, pickerValue, onPickerValueChange, needConfirm, onSubmit, range, hoverValue, hoverRangeValue } = props;
+	const { prefixCls, generateConfig } = React$1.use(PickerContext);
+	const internalOffsetDate = React$1.useCallback((date, offset) => {
+		return offsetPanelDate(generateConfig, picker, date, offset);
+	}, [generateConfig, picker]);
+	const nextPickerValue = React$1.useMemo(() => internalOffsetDate(pickerValue, 1), [pickerValue, internalOffsetDate]);
+	const onSecondPickerValueChange = (nextDate) => {
+		onPickerValueChange(internalOffsetDate(nextDate, -1));
+	};
+	const sharedContext = { onCellDblClick: () => {
+		if (needConfirm) onSubmit();
+	} };
+	const hideHeader = picker === "time";
+	const pickerProps = {
+		...props,
+		hoverRangeValue: null,
+		hideHeader,
+		hoverValue
+	};
+	if (range) pickerProps.hoverRangeValue = hoverRangeValue;
+	if (multiplePanel) return /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}-panels`,
+		children: [/* @__PURE__ */ jsx(PickerHackContext, {
+			value: {
+				...sharedContext,
+				hideNext: true
+			},
+			children: /* @__PURE__ */ jsx(RefPanelPicker, { ...pickerProps })
+		}), /* @__PURE__ */ jsx(PickerHackContext, {
+			value: {
+				...sharedContext,
+				hidePrev: true
+			},
+			children: /* @__PURE__ */ jsx(RefPanelPicker, {
+				...pickerProps,
+				pickerValue: nextPickerValue,
+				onPickerValueChange: onSecondPickerValueChange
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsx(PickerHackContext, {
+		value: { ...sharedContext },
+		children: /* @__PURE__ */ jsx(RefPanelPicker, { ...pickerProps })
+	});
+}
+//#endregion
+export { PopupPanel as default };
+
+//# sourceMappingURL=PopupPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupPanel.mjs","names":["React","PickerPanel"],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/PopupPanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport PickerPanel, { type PickerPanelProps } from '../../PickerPanel';\nimport { PickerHackContext, type PickerHackContextProps } from '../../PickerPanel/context';\nimport PickerContext from '../context';\nimport { offsetPanelDate } from '../hooks/useRangePickerValue';\nimport { type FooterProps } from './Footer';\n\nexport type MustProp<DateType extends object> = Required<\n  Pick<PickerPanelProps<DateType>, 'mode' | 'onPanelChange'>\n>;\n\nexport type PopupPanelProps<DateType extends object = any> = MustProp<DateType> &\n  Omit<PickerPanelProps<DateType>, 'onPickerValueChange' | 'showTime'> &\n  FooterProps<DateType> & {\n    multiplePanel?: boolean;\n    range?: boolean;\n\n    onPickerValueChange: (date: DateType) => void;\n  };\n\nexport default function PopupPanel<DateType extends object = any>(\n  props: PopupPanelProps<DateType>,\n) {\n  const {\n    picker,\n    multiplePanel,\n    pickerValue,\n    onPickerValueChange,\n    needConfirm,\n    onSubmit,\n    range,\n    hoverValue,\n    hoverRangeValue,\n  } = props;\n  const { prefixCls, generateConfig } = React.use(PickerContext);\n\n  // ======================== Offset ========================\n  const internalOffsetDate = React.useCallback(\n    (date: DateType, offset: number) => {\n      return offsetPanelDate(generateConfig, picker!, date, offset);\n    },\n    [generateConfig, picker],\n  );\n\n  const nextPickerValue = React.useMemo(\n    () => internalOffsetDate(pickerValue!, 1),\n    [pickerValue, internalOffsetDate],\n  );\n\n  // Outside\n  const onSecondPickerValueChange = (nextDate: DateType) => {\n    onPickerValueChange(internalOffsetDate(nextDate, -1));\n  };\n\n  // ======================= Context ========================\n  const sharedContext: PickerHackContextProps = {\n    onCellDblClick: () => {\n      if (needConfirm) {\n        onSubmit();\n      }\n    },\n  };\n\n  const hideHeader = picker === 'time';\n\n  // ======================== Props =========================\n  const pickerProps: PickerPanelProps<DateType> = {\n    ...props,\n    hoverRangeValue: null,\n    hideHeader,\n    hoverValue,\n  };\n\n  if (range) {\n    pickerProps.hoverRangeValue = hoverRangeValue;\n  }\n\n  // ======================== Render ========================\n  // Multiple\n  if (multiplePanel) {\n    return (\n      <div className={`${prefixCls}-panels`}>\n        <PickerHackContext\n          value={{\n            ...sharedContext,\n            hideNext: true,\n          }}\n        >\n          <PickerPanel<DateType> {...pickerProps} />\n        </PickerHackContext>\n        <PickerHackContext\n          value={{\n            ...sharedContext,\n            hidePrev: true,\n          }}\n        >\n          <PickerPanel<DateType>\n            {...pickerProps}\n            pickerValue={nextPickerValue}\n            onPickerValueChange={onSecondPickerValueChange}\n          />\n        </PickerHackContext>\n      </div>\n    );\n  }\n\n  // Single\n  return (\n    <PickerHackContext\n      value={{\n        ...sharedContext,\n      }}\n    >\n      <PickerPanel {...pickerProps} />\n    </PickerHackContext>\n  );\n}\n"],"mappings":";;;;;;;AAqBA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,QACA,eACA,aACA,qBACA,aACA,UACA,OACA,YACA,oBACE;CACJ,MAAM,EAAE,WAAW,mBAAmBA,QAAM,IAAI,aAAa;CAG7D,MAAM,qBAAqBA,QAAM,aAC9B,MAAgB,WAAmB;EAClC,OAAO,gBAAgB,gBAAgB,QAAS,MAAM,MAAM;CAC9D,GACA,CAAC,gBAAgB,MAAM,CACzB;CAEA,MAAM,kBAAkBA,QAAM,cACtB,mBAAmB,aAAc,CAAC,GACxC,CAAC,aAAa,kBAAkB,CAClC;CAGA,MAAM,6BAA6B,aAAuB;EACxD,oBAAoB,mBAAmB,UAAU,EAAE,CAAC;CACtD;CAGA,MAAM,gBAAwC,EAC5C,sBAAsB;EACpB,IAAI,aACF,SAAS;CAEb,EACF;CAEA,MAAM,aAAa,WAAW;CAG9B,MAAM,cAA0C;EAC9C,GAAG;EACH,iBAAiB;EACjB;EACA;CACF;CAEA,IAAI,OACF,YAAY,kBAAkB;CAKhC,IAAI,eACF,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAA7B,UAAA,CACE,oBAAC,mBAAD;GACE,OAAO;IACL,GAAG;IACH,UAAU;GACZ;GAEA,UAAA,oBAACC,gBAAD,EAAuB,GAAI,YAAc,CAAA;EACxB,CAAA,GACnB,oBAAC,mBAAD;GACE,OAAO;IACL,GAAG;IACH,UAAU;GACZ;GAEA,UAAA,oBAACA,gBAAD;IACE,GAAI;IACJ,aAAa;IACb,qBAAqB;GACtB,CAAA;EACgB,CAAA,CAChB;;CAKT,OACE,oBAAC,mBAAD;EACE,OAAO,EACL,GAAG,cACL;EAEA,UAAA,oBAACA,gBAAD,EAAa,GAAI,YAAc,CAAA;CACd,CAAA;AAEvB"}

package/es/DatePicker/core/PickerInput/Popup/PresetPanel.mjs

@@ -0,0 +1,29 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerInput/Popup/PresetPanel.tsx
+function executeValue(value) {
+	return typeof value === "function" ? value() : value;
+}
+function PresetPanel(props) {
+	const { prefixCls, presets, onClick, onHover } = props;
+	if (!presets.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: `${prefixCls}-presets`,
+		children: /* @__PURE__ */ jsx("ul", { children: presets.map(({ label, value }, index) => /* @__PURE__ */ jsx("li", {
+			onClick: () => {
+				onClick(executeValue(value));
+			},
+			onMouseEnter: () => {
+				onHover(executeValue(value));
+			},
+			onMouseLeave: () => {
+				onHover(null);
+			},
+			children: label
+		}, index)) })
+	});
+}
+//#endregion
+export { PresetPanel as default };
+
+//# sourceMappingURL=PresetPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresetPanel.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/PresetPanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { ValueDate } from '../../interface';\n\nexport interface PresetPanelProps<ValueType = any> {\n  onClick: (value: ValueType) => void;\n  onHover: (value: ValueType | null) => void;\n  prefixCls: string;\n  presets: ValueDate<ValueType>[];\n}\n\nfunction executeValue<ValueType extends object>(value: ValueDate<ValueType>['value']): ValueType {\n  return typeof value === 'function' ? value() : value;\n}\n\nexport default function PresetPanel<DateType extends object = any>(\n  props: PresetPanelProps<DateType>,\n) {\n  const { prefixCls, presets, onClick, onHover } = props;\n\n  if (!presets.length) {\n    return null;\n  }\n\n  return (\n    <div className={`${prefixCls}-presets`}>\n      <ul>\n        {presets.map(({ label, value }, index) => (\n          <li\n            key={index}\n            onClick={() => {\n              onClick(executeValue(value));\n            }}\n            onMouseEnter={() => {\n              onHover(executeValue(value));\n            }}\n            onMouseLeave={() => {\n              onHover(null);\n            }}\n          >\n            {label}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";;;AAWA,SAAS,aAAuC,OAAiD;CAC/F,OAAO,OAAO,UAAU,aAAa,MAAM,IAAI;AACjD;AAEA,SAAwB,YACtB,OACA;CACA,MAAM,EAAE,WAAW,SAAS,SAAS,YAAY;CAEjD,IAAI,CAAC,QAAQ,QACX,OAAO;CAGT,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAC3B,UAAA,oBAAC,MAAD,EAAA,UACG,QAAQ,KAAK,EAAE,OAAO,SAAS,UAC9B,oBAAC,MAAD;GAEE,eAAe;IACb,QAAQ,aAAa,KAAK,CAAC;GAC7B;GACA,oBAAoB;IAClB,QAAQ,aAAa,KAAK,CAAC;GAC7B;GACA,oBAAoB;IAClB,QAAQ,IAAI;GACd;GAEC,UAAA;EACC,GAZG,KAYH,CACL,EACC,CAAA;CACD,CAAA;AAET"}

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

@@ -0,0 +1,133 @@
+import { useMergeRefs } from "../../../../utils/mergeRefs.mjs";
+import { useResizeObserver } from "../../hooks/react.mjs";
+import PickerContext from "../context.mjs";
+import { toArray } from "../../utils/miscUtil.mjs";
+import Footer from "./Footer.mjs";
+import PopupPanel from "./PopupPanel.mjs";
+import PresetPanel from "./PresetPanel.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/Popup/index.tsx
+function Popup(props) {
+	const { containerRef, panelRender, internalMode, picker, showNow, range, multiple, activeInfo = [
+		0,
+		0,
+		0
+	], presets, onPresetHover, onPresetSubmit, onFocus, onBlur, onPanelMouseDown, direction, value, onSelect, isInvalid, defaultOpenValue, onOk, onSubmit, classNames, styles } = props;
+	const { prefixCls } = React$1.use(PickerContext);
+	const panelPrefixCls = `${prefixCls}-panel`;
+	const rtl = direction === "rtl";
+	const arrowRef = React$1.useRef(null);
+	const wrapperRef = React$1.useRef(null);
+	const panelContainerRef = React$1.useRef(null);
+	const mergedContainerRef = useMergeRefs([containerRef, panelContainerRef]);
+	const [containerWidth, setContainerWidth] = React$1.useState(0);
+	const [containerOffset, setContainerOffset] = React$1.useState(0);
+	const [arrowOffset, setArrowOffset] = React$1.useState(0);
+	useResizeObserver(panelContainerRef, (element) => {
+		if (element.offsetWidth) setContainerWidth(element.offsetWidth);
+	}, !!range);
+	const [activeInputLeft, activeInputRight, selectorWidth] = activeInfo;
+	const [retryTimes, setRetryTimes] = React$1.useState(0);
+	React$1.useEffect(() => {
+		setRetryTimes(10);
+	}, [activeInputLeft]);
+	React$1.useEffect(() => {
+		if (range && wrapperRef.current) {
+			const arrowWidth = arrowRef.current?.offsetWidth || 0;
+			const wrapperRect = wrapperRef.current.getBoundingClientRect();
+			if (!wrapperRect.height || wrapperRect.right < 0) {
+				setRetryTimes((times) => Math.max(0, times - 1));
+				return;
+			}
+			const nextArrowOffset = (rtl ? activeInputRight - arrowWidth : activeInputLeft) - wrapperRect.left;
+			setArrowOffset(nextArrowOffset);
+			if (containerWidth && containerWidth < selectorWidth) {
+				const offset = rtl ? wrapperRect.right - (activeInputRight - arrowWidth + containerWidth) : activeInputLeft + arrowWidth - wrapperRect.left - containerWidth;
+				setContainerOffset(Math.max(0, offset));
+			} else setContainerOffset(0);
+		}
+	}, [
+		retryTimes,
+		rtl,
+		containerWidth,
+		activeInputLeft,
+		activeInputRight,
+		selectorWidth,
+		range
+	]);
+	function filterEmpty(list) {
+		return list.filter((item) => item);
+	}
+	const valueList = React$1.useMemo(() => filterEmpty(toArray(value)), [value]);
+	const isTimePickerEmptyValue = picker === "time" && !valueList.length;
+	const footerSubmitValue = React$1.useMemo(() => {
+		if (isTimePickerEmptyValue) return filterEmpty([defaultOpenValue]);
+		return valueList;
+	}, [
+		isTimePickerEmptyValue,
+		valueList,
+		defaultOpenValue
+	]);
+	const popupPanelValue = isTimePickerEmptyValue ? defaultOpenValue : valueList;
+	const disableSubmit = React$1.useMemo(() => {
+		if (!footerSubmitValue.length) return true;
+		return footerSubmitValue.some((val) => isInvalid(val));
+	}, [footerSubmitValue, isInvalid]);
+	const onFooterSubmit = () => {
+		if (isTimePickerEmptyValue) onSelect(defaultOpenValue);
+		onOk();
+		onSubmit();
+	};
+	let mergedNodes = /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}-panel-layout`,
+		children: [/* @__PURE__ */ jsx(PresetPanel, {
+			prefixCls,
+			presets,
+			onClick: onPresetSubmit,
+			onHover: onPresetHover
+		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(PopupPanel, {
+			...props,
+			value: popupPanelValue
+		}), /* @__PURE__ */ jsx(Footer, {
+			...props,
+			invalid: disableSubmit,
+			showNow: multiple ? false : showNow,
+			onSubmit: onFooterSubmit
+		})] })]
+	});
+	if (panelRender) mergedNodes = panelRender(mergedNodes);
+	const containerPrefixCls = `${panelPrefixCls}-container`;
+	const marginLeft = "marginLeft";
+	const marginRight = "marginRight";
+	let renderNode = /* @__PURE__ */ jsx("div", {
+		ref: mergedContainerRef,
+		tabIndex: -1,
+		className: clsx(containerPrefixCls, `${prefixCls}-${internalMode}-panel-container`, classNames?.popup?.container),
+		onBlur,
+		style: {
+			[rtl ? marginRight : marginLeft]: containerOffset,
+			[rtl ? marginLeft : marginRight]: "auto",
+			...styles?.popup?.container
+		},
+		onFocus,
+		onMouseDown: onPanelMouseDown,
+		children: mergedNodes
+	});
+	if (range) renderNode = /* @__PURE__ */ jsxs("div", {
+		className: clsx(`${prefixCls}-range-wrapper`, `${prefixCls}-${picker}-range-wrapper`),
+		ref: wrapperRef,
+		onMouseDown: onPanelMouseDown,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-range-arrow`,
+			ref: arrowRef,
+			style: { left: arrowOffset }
+		}), renderNode]
+	});
+	return renderNode;
+}
+//#endregion
+export { Popup as default };
+
+//# sourceMappingURL=index.mjs.map