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

package/es/DatePicker/core/PickerInput/Selector/SingleSelector/index.mjs

@@ -0,0 +1,111 @@
+import PickerContext from "../../context.mjs";
+import { isReactRenderable } from "../../../utils/common.mjs";
+import { isSame } from "../../../utils/dateUtil.mjs";
+import ClearIcon from "../ClearIcon.mjs";
+import useInputProps from "../hooks/useInputProps.mjs";
+import useRootProps from "../hooks/useRootProps.mjs";
+import Icon from "../Icon.mjs";
+import Input from "../Input.mjs";
+import MultipleDates from "./MultipleDates.mjs";
+import * as React$1 from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/Selector/SingleSelector/index.tsx
+function SingleSelector(props, ref) {
+	const { id, open, prefix, clearIcon, suffixIcon, activeHelp, allHelp, focused, onFocus, onBlur, onKeyDown, locale, generateConfig, placeholder, className, style, onClick, onClear, internalPicker, value, onChange, onSubmit, onInputChange, multiple, maxTagCount, tagRender, format, maskFormat, preserveInvalidOnBlur, onInvalid, disabled, invalid, inputReadOnly, direction, onOpenChange, onMouseDown, required, "aria-required": ariaRequired, autoFocus, tabIndex, removeIcon, ...restProps } = props;
+	const rtl = direction === "rtl";
+	const { prefixCls, classNames, styles } = React$1.use(PickerContext);
+	const rootRef = React$1.useRef(null);
+	const inputRef = React$1.useRef(null);
+	React$1.useImperativeHandle(ref, () => ({
+		nativeElement: rootRef.current,
+		focus: (options) => {
+			inputRef.current?.focus(options);
+		},
+		blur: () => {
+			inputRef.current?.blur();
+		}
+	}));
+	const rootProps = useRootProps(restProps);
+	const onSingleChange = (date) => {
+		onChange([date], "input");
+	};
+	const onMultipleRemove = (date) => {
+		const nextValues = value.filter((oriDate) => oriDate && !isSame(generateConfig, locale, oriDate, date, internalPicker));
+		onChange(nextValues, open ? "input" : "remove");
+	};
+	const [getInputProps, getText] = useInputProps({
+		...props,
+		onChange: onSingleChange
+	}, ({ valueTexts }) => ({
+		value: valueTexts[0] || "",
+		active: focused
+	}));
+	const showClear = isReactRenderable(clearIcon) && Boolean(value.length) && !disabled;
+	const selectorNode = multiple ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(MultipleDates, {
+			disabled,
+			formatDate: getText,
+			maxTagCount,
+			placeholder,
+			prefixCls,
+			removeIcon,
+			tagRender,
+			value,
+			onRemove: onMultipleRemove
+		}),
+		/* @__PURE__ */ jsx("input", {
+			readOnly: true,
+			autoFocus,
+			className: `${prefixCls}-multiple-input`,
+			ref: inputRef,
+			tabIndex,
+			value: value.map(getText).join(",")
+		}),
+		/* @__PURE__ */ jsx(Icon, { icon: suffixIcon }),
+		showClear && /* @__PURE__ */ jsx(ClearIcon, {
+			icon: clearIcon,
+			onClear
+		})
+	] }) : /* @__PURE__ */ jsx(Input, {
+		ref: inputRef,
+		...getInputProps(),
+		autoFocus,
+		clearIcon: showClear && /* @__PURE__ */ jsx(ClearIcon, {
+			icon: clearIcon,
+			onClear
+		}),
+		showActiveCls: false,
+		suffixIcon,
+		tabIndex
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		...rootProps,
+		ref: rootRef,
+		style,
+		className: clsx(prefixCls, {
+			[`${prefixCls}-multiple`]: multiple,
+			[`${prefixCls}-focused`]: focused,
+			[`${prefixCls}-disabled`]: disabled,
+			[`${prefixCls}-invalid`]: invalid,
+			[`${prefixCls}-rtl`]: rtl
+		}, className),
+		onClick,
+		onMouseDown: (e) => {
+			const { target } = e;
+			if (target !== inputRef.current?.inputElement) e.preventDefault();
+			onMouseDown?.(e);
+		},
+		children: [isReactRenderable(prefix) && /* @__PURE__ */ jsx("div", {
+			className: clsx(`${prefixCls}-prefix`, classNames.prefix),
+			style: styles.prefix,
+			children: prefix
+		}), selectorNode]
+	});
+}
+const RefSingleSelector = React$1.forwardRef(SingleSelector);
+if (process.env.NODE_ENV !== "production") RefSingleSelector.displayName = "SingleSelector";
+//#endregion
+export { RefSingleSelector as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerInput/Selector/SingleSelector/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["React"],"sources":["../../../../../../src/DatePicker/core/PickerInput/Selector/SingleSelector/index.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport type { InternalMode, PickerRef, SelectorProps } from '../../../interface';\nimport { isReactRenderable } from '../../../utils/common';\nimport { isSame } from '../../../utils/dateUtil';\nimport PickerContext from '../../context';\nimport type { PickerProps } from '../../SinglePicker';\nimport ClearIcon from '../ClearIcon';\nimport useInputProps from '../hooks/useInputProps';\nimport useRootProps from '../hooks/useRootProps';\nimport Icon from '../Icon';\nimport Input, { type InputRef } from '../Input';\nimport MultipleDates from './MultipleDates';\n\nexport interface SingleSelectorProps<DateType extends object = any>\n  extends SelectorProps<DateType>, Pick<PickerProps, 'multiple' | 'maxTagCount' | 'tagRender'> {\n  /** All the field show as `placeholder` */\n  allHelp: boolean;\n\n  disabled?: boolean;\n  id?: string;\n\n  internalPicker: InternalMode;\n\n  // Invalid\n  invalid: boolean;\n\n  onChange: (date: DateType[], source?: 'input' | 'remove') => void;\n\n  onInvalid: (valid: boolean) => void;\n\n  placeholder?: string;\n  removeIcon?: React.ReactNode;\n\n  value?: DateType[];\n}\n\nfunction SingleSelector<DateType extends object = any>(\n  props: SingleSelectorProps<DateType>,\n  ref: React.Ref<PickerRef>,\n) {\n  const {\n    id,\n\n    open,\n\n    prefix,\n    clearIcon,\n    suffixIcon,\n    activeHelp,\n    allHelp,\n\n    focused,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    locale,\n    generateConfig,\n\n    // Placeholder\n    placeholder,\n\n    // Style\n    className,\n    style,\n\n    // Click\n    onClick,\n    onClear,\n\n    // Change\n    internalPicker,\n    value,\n    onChange,\n    onSubmit,\n    onInputChange,\n    multiple,\n    maxTagCount,\n    tagRender,\n\n    // Valid\n    format,\n    maskFormat,\n    preserveInvalidOnBlur,\n    onInvalid,\n\n    // Disabled\n    disabled,\n    invalid,\n    inputReadOnly,\n\n    // Direction\n    direction,\n\n    // Open\n    onOpenChange,\n\n    // Native\n    onMouseDown,\n\n    // Input\n    required,\n    'aria-required': ariaRequired,\n    autoFocus,\n    tabIndex,\n\n    removeIcon,\n\n    ...restProps\n  } = props;\n\n  const rtl = direction === 'rtl';\n\n  // ======================== Prefix ========================\n  const { prefixCls, classNames, styles } = React.use(PickerContext);\n\n  // ========================= Refs =========================\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<InputRef>(null);\n\n  React.useImperativeHandle(ref, () => ({\n    nativeElement: rootRef.current!,\n    focus: (options) => {\n      inputRef.current?.focus(options);\n    },\n    blur: () => {\n      inputRef.current?.blur();\n    },\n  }));\n\n  // ======================== Props =========================\n  const rootProps = useRootProps(restProps);\n\n  // ======================== Change ========================\n  const onSingleChange = (date: DateType) => {\n    onChange([date], 'input');\n  };\n\n  const onMultipleRemove = (date: DateType) => {\n    const nextValues = value!.filter(\n      (oriDate) => oriDate && !isSame(generateConfig, locale, oriDate, date, internalPicker),\n    );\n    // An open popup keeps removal temporary until confirmation. Removing while\n    // closed is final and submits through the explicit `remove` source.\n    // popup 打开时仅保留临时删除值并等待确认；关闭时删除是最终操作，通过\n    // 明确的 `remove` 来源提交。\n    onChange(nextValues, open ? 'input' : 'remove');\n  };\n\n  // ======================== Inputs ========================\n  const [getInputProps, getText] = useInputProps<DateType>(\n    {\n      ...props,\n      onChange: onSingleChange,\n    },\n    ({ valueTexts }) => ({\n      value: valueTexts[0] || '',\n      active: focused,\n    }),\n  );\n\n  // ======================== Clear =========================\n  const showClear = isReactRenderable(clearIcon) && Boolean(value!.length) && !disabled;\n\n  // ======================= Multiple =======================\n  const selectorNode = multiple ? (\n    <>\n      <MultipleDates\n        disabled={disabled}\n        formatDate={getText}\n        maxTagCount={maxTagCount}\n        placeholder={placeholder}\n        prefixCls={prefixCls}\n        removeIcon={removeIcon}\n        tagRender={tagRender}\n        value={value!}\n        onRemove={onMultipleRemove}\n      />\n      <input\n        readOnly\n        autoFocus={autoFocus}\n        className={`${prefixCls}-multiple-input`}\n        ref={inputRef as any}\n        tabIndex={tabIndex}\n        value={value!.map(getText).join(',')}\n      />\n      <Icon icon={suffixIcon} />\n      {showClear && <ClearIcon icon={clearIcon} onClear={onClear} />}\n    </>\n  ) : (\n    <Input\n      ref={inputRef}\n      {...getInputProps()}\n      autoFocus={autoFocus}\n      clearIcon={showClear && <ClearIcon icon={clearIcon} onClear={onClear} />}\n      showActiveCls={false}\n      suffixIcon={suffixIcon}\n      tabIndex={tabIndex}\n    />\n  );\n\n  // ======================== Render ========================\n  return (\n    <div\n      {...rootProps}\n      ref={rootRef}\n      style={style}\n      className={clsx(\n        prefixCls,\n        {\n          [`${prefixCls}-multiple`]: multiple,\n          [`${prefixCls}-focused`]: focused,\n          [`${prefixCls}-disabled`]: disabled,\n          [`${prefixCls}-invalid`]: invalid,\n          [`${prefixCls}-rtl`]: rtl,\n        },\n        className,\n      )}\n      onClick={onClick}\n      // Not lose current input focus\n      onMouseDown={(e) => {\n        const { target } = e;\n        if (target !== inputRef.current?.inputElement) {\n          e.preventDefault();\n        }\n\n        onMouseDown?.(e);\n      }}\n    >\n      {isReactRenderable(prefix) && (\n        <div className={clsx(`${prefixCls}-prefix`, classNames.prefix)} style={styles.prefix}>\n          {prefix}\n        </div>\n      )}\n      {selectorNode}\n    </div>\n  );\n}\n\nconst RefSingleSelector = React.forwardRef<PickerRef, SingleSelectorProps>(SingleSelector);\n\nif (process.env.NODE_ENV !== 'production') {\n  RefSingleSelector.displayName = 'SingleSelector';\n}\n\nexport default RefSingleSelector;\n"],"mappings":";;;;;;;;;;;;;AAsCA,SAAS,eACP,OACA,KACA;CACA,MAAM,EACJ,IAEA,MAEA,QACA,WACA,YACA,YACA,SAEA,SACA,SACA,QACA,WACA,QACA,gBAGA,aAGA,WACA,OAGA,SACA,SAGA,gBACA,OACA,UACA,UACA,eACA,UACA,aACA,WAGA,QACA,YACA,uBACA,WAGA,UACA,SACA,eAGA,WAGA,cAGA,aAGA,UACA,iBAAiB,cACjB,WACA,UAEA,YAEA,GAAG,cACD;CAEJ,MAAM,MAAM,cAAc;CAG1B,MAAM,EAAE,WAAW,YAAY,WAAWA,QAAM,IAAI,aAAa;CAGjE,MAAM,UAAUA,QAAM,OAAuB,IAAI;CACjD,MAAM,WAAWA,QAAM,OAAiB,IAAI;CAE5C,QAAM,oBAAoB,YAAY;EACpC,eAAe,QAAQ;EACvB,QAAQ,YAAY;GAClB,SAAS,SAAS,MAAM,OAAO;EACjC;EACA,YAAY;GACV,SAAS,SAAS,KAAK;EACzB;CACF,EAAE;CAGF,MAAM,YAAY,aAAa,SAAS;CAGxC,MAAM,kBAAkB,SAAmB;EACzC,SAAS,CAAC,IAAI,GAAG,OAAO;CAC1B;CAEA,MAAM,oBAAoB,SAAmB;EAC3C,MAAM,aAAa,MAAO,QACvB,YAAY,WAAW,CAAC,OAAO,gBAAgB,QAAQ,SAAS,MAAM,cAAc,CACvF;EAKA,SAAS,YAAY,OAAO,UAAU,QAAQ;CAChD;CAGA,MAAM,CAAC,eAAe,WAAW,cAC/B;EACE,GAAG;EACH,UAAU;CACZ,IACC,EAAE,kBAAkB;EACnB,OAAO,WAAW,MAAM;EACxB,QAAQ;CACV,EACF;CAGA,MAAM,YAAY,kBAAkB,SAAS,KAAK,QAAQ,MAAO,MAAM,KAAK,CAAC;CAG7E,MAAM,eAAe,WACnB,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,eAAD;GACY;GACV,YAAY;GACC;GACA;GACF;GACC;GACD;GACJ;GACP,UAAU;EACX,CAAA;EACD,oBAAC,SAAD;GACE,UAAA;GACW;GACX,WAAW,GAAG,UAAU;GACxB,KAAK;GACK;GACV,OAAO,MAAO,IAAI,OAAO,CAAC,CAAC,KAAK,GAAG;EACpC,CAAA;EACD,oBAAC,MAAD,EAAM,MAAM,WAAa,CAAA;EACxB,aAAa,oBAAC,WAAD;GAAW,MAAM;GAAoB;EAAU,CAAA;CAC7D,EAAA,CAAA,IAEF,oBAAC,OAAD;EACE,KAAK;EACL,GAAI,cAAc;EACP;EACX,WAAW,aAAa,oBAAC,WAAD;GAAW,MAAM;GAAoB;EAAU,CAAA;EACvE,eAAe;EACH;EACF;CACX,CAAA;CAIH,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,KAAK;EACE;EACP,WAAW,KACT,WACA;IACG,GAAG,UAAU,aAAa;IAC1B,GAAG,UAAU,YAAY;IACzB,GAAG,UAAU,aAAa;IAC1B,GAAG,UAAU,YAAY;IACzB,GAAG,UAAU,QAAQ;EACxB,GACA,SACF;EACS;EAET,cAAc,MAAM;GAClB,MAAM,EAAE,WAAW;GACnB,IAAI,WAAW,SAAS,SAAS,cAC/B,EAAE,eAAe;GAGnB,cAAc,CAAC;EACjB;EAxBF,UAAA,CA0BG,kBAAkB,MAAM,KACvB,oBAAC,OAAD;GAAK,WAAW,KAAK,GAAG,UAAU,UAAU,WAAW,MAAM;GAAG,OAAO,OAAO;GAC3E,UAAA;EACE,CAAA,GAEN,YACE;;AAET;AAEA,MAAM,oBAAoBA,QAAM,WAA2C,cAAc;AAEzF,IAAI,QAAQ,IAAI,aAAa,cAC3B,kBAAkB,cAAc"}

package/es/DatePicker/core/PickerInput/Selector/hooks/useClearIcon.mjs

@@ -0,0 +1,18 @@
+import { isReactRenderable, warning } from "../../../utils/common.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerInput/Selector/hooks/useClearIcon.tsx
+/**
+* Used for `useFilledProps` since it already in the React.useMemo
+*/
+function fillClearIcon(prefixCls, allowClear, clearIcon) {
+	if (process.env.NODE_ENV !== "production" && isReactRenderable(clearIcon)) warning(false, "`clearIcon` will be removed in future. Please use `allowClear` instead.");
+	if (allowClear === false) return null;
+	const config = allowClear && typeof allowClear === "object" ? allowClear : {};
+	if (isReactRenderable(config.clearIcon)) return config.clearIcon;
+	return isReactRenderable(clearIcon) ? clearIcon : /* @__PURE__ */ jsx("span", { className: `${prefixCls}-clear-btn` });
+}
+//#endregion
+export { fillClearIcon };
+
+//# sourceMappingURL=useClearIcon.mjs.map

package/es/DatePicker/core/PickerInput/Selector/hooks/useClearIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClearIcon.mjs","names":[],"sources":["../../../../../../src/DatePicker/core/PickerInput/Selector/hooks/useClearIcon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as React from 'react';\n\nimport { isReactRenderable, warning } from '../../../utils/common';\n\n/**\n * Used for `useFilledProps` since it already in the React.useMemo\n */\nexport function fillClearIcon(\n  prefixCls: string,\n  allowClear?: boolean | { clearIcon?: ReactNode },\n  clearIcon?: ReactNode,\n) {\n  if (process.env.NODE_ENV !== 'production' && isReactRenderable(clearIcon)) {\n    warning(false, '`clearIcon` will be removed in future. Please use `allowClear` instead.');\n  }\n\n  if (allowClear === false) {\n    return null;\n  }\n\n  const config = allowClear && typeof allowClear === 'object' ? allowClear : {};\n\n  if (isReactRenderable(config.clearIcon)) {\n    return config.clearIcon;\n  }\n\n  return isReactRenderable(clearIcon) ? clearIcon : <span className={`${prefixCls}-clear-btn`} />;\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,cACd,WACA,YACA,WACA;CACA,IAAI,QAAQ,IAAI,aAAa,gBAAgB,kBAAkB,SAAS,GACtE,QAAQ,OAAO,yEAAyE;CAG1F,IAAI,eAAe,OACjB,OAAO;CAGT,MAAM,SAAS,cAAc,OAAO,eAAe,WAAW,aAAa,CAAC;CAE5E,IAAI,kBAAkB,OAAO,SAAS,GACpC,OAAO,OAAO;CAGhB,OAAO,kBAAkB,SAAS,IAAI,YAAY,oBAAC,QAAD,EAAM,WAAW,GAAG,UAAU,YAAc,CAAA;AAChG"}

package/es/DatePicker/core/PickerInput/Selector/hooks/useInputProps.mjs

@@ -0,0 +1,108 @@
+import { pickAttrs, warning } from "../../../utils/common.mjs";
+import { formatValue } from "../../../utils/dateUtil.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/Selector/hooks/useInputProps.ts
+function useInputProps(props, postProps) {
+	const { format, maskFormat, generateConfig, locale, preserveInvalidOnBlur, inputReadOnly, required, "aria-required": ariaRequired, onSubmit, onFocus, onBlur, onInputChange, onInvalid, open, onOpenChange, onKeyDown, onChange, activeHelp, name, autoComplete, id, value, invalid, placeholder, disabled, activeIndex, allHelp, picker } = props;
+	const parseDate = (str, formatStr) => {
+		const parsed = generateConfig.locale.parse(locale.locale, str, [formatStr]);
+		return parsed && generateConfig.isValidate(parsed) ? parsed : null;
+	};
+	const firstFormat = format[0];
+	const getText = React$1.useCallback((date) => formatValue(date, {
+		locale,
+		format: firstFormat,
+		generateConfig
+	}), [
+		locale,
+		generateConfig,
+		firstFormat
+	]);
+	const valueTexts = React$1.useMemo(() => value.map(getText), [value, getText]);
+	const size = React$1.useMemo(() => {
+		const defaultSize = picker === "time" ? 8 : 10;
+		const length = typeof firstFormat === "function" ? firstFormat(generateConfig.getNow()).length : firstFormat.length;
+		return Math.max(defaultSize, length) + 2;
+	}, [
+		firstFormat,
+		picker,
+		generateConfig
+	]);
+	const validateFormat = (text) => {
+		for (let i = 0; i < format.length; i += 1) {
+			const singleFormat = format[i];
+			if (typeof singleFormat === "string") {
+				const parsed = parseDate(text, singleFormat);
+				if (parsed) return parsed;
+			}
+		}
+		return false;
+	};
+	const getInputProps = (index) => {
+		function getProp(propValue) {
+			return index !== void 0 ? propValue[index] : propValue;
+		}
+		const inputProps = {
+			...pickAttrs(props, { attr: false }),
+			"format": maskFormat,
+			"validateFormat": (text) => !!validateFormat(text),
+			preserveInvalidOnBlur,
+			"readOnly": inputReadOnly,
+			required,
+			"aria-required": ariaRequired,
+			name,
+			autoComplete,
+			size,
+			"id": getProp(id),
+			"value": getProp(valueTexts) || "",
+			"invalid": getProp(invalid),
+			"placeholder": getProp(placeholder),
+			"active": activeIndex === index,
+			"helped": allHelp || activeHelp && activeIndex === index,
+			"disabled": getProp(disabled),
+			"onFocus": (event) => {
+				onFocus(event, index);
+			},
+			"onBlur": (event) => {
+				onBlur(event, index);
+			},
+			onSubmit,
+			"onChange": (text) => {
+				onInputChange();
+				const parsed = validateFormat(text);
+				if (parsed) {
+					onInvalid(false, index);
+					onChange(parsed, index);
+					return;
+				}
+				onInvalid(!!text, index);
+			},
+			"onHelp": () => {
+				onOpenChange(true, { index });
+			},
+			"onKeyDown": (event) => {
+				let prevented = false;
+				onKeyDown?.(event, () => {
+					if (process.env.NODE_ENV !== "production") warning(false, "`preventDefault` callback is deprecated. Please call `event.preventDefault` directly.");
+					prevented = true;
+				});
+				if (!event.defaultPrevented && !prevented) switch (event.key) {
+					case "Escape":
+						onOpenChange(false, { index });
+						break;
+					case "Enter": if (!open) onOpenChange(true);
+				}
+			},
+			...postProps?.({ valueTexts })
+		};
+		Object.keys(inputProps).forEach((key) => {
+			if (inputProps[key] === void 0) delete inputProps[key];
+		});
+		return inputProps;
+	};
+	return [getInputProps, getText];
+}
+//#endregion
+export { useInputProps as default };
+
+//# sourceMappingURL=useInputProps.mjs.map

package/es/DatePicker/core/PickerInput/Selector/hooks/useInputProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputProps.mjs","names":["React"],"sources":["../../../../../../src/DatePicker/core/PickerInput/Selector/hooks/useInputProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { NullableDateType, SelectorProps } from '../../../interface';\nimport { pickAttrs, warning } from '../../../utils/common';\nimport { formatValue } from '../../../utils/dateUtil';\nimport type { InputProps } from '../Input';\n\nexport default function useInputProps<DateType extends object = any>(\n  props: Pick<\n    SelectorProps,\n    | 'maskFormat'\n    | 'format'\n    | 'generateConfig'\n    | 'locale'\n    | 'preserveInvalidOnBlur'\n    | 'inputReadOnly'\n    | 'required'\n    | 'aria-required'\n    | 'onSubmit'\n    | 'onFocus'\n    | 'onBlur'\n    | 'onInputChange'\n    | 'onInvalid'\n    | 'onOpenChange'\n    | 'onKeyDown'\n    | 'activeHelp'\n    | 'name'\n    | 'autoComplete'\n    | 'open'\n    | 'picker'\n  > & {\n    id?: string | (string | undefined)[];\n    value?: NullableDateType<DateType>[];\n    invalid?: boolean | [boolean, boolean];\n    placeholder?: string | [string | undefined, string | undefined];\n    disabled?: boolean | [boolean, boolean];\n    onChange: (value: DateType, index?: number) => void;\n\n    // RangePicker only\n    allHelp: boolean;\n    activeIndex?: number | null;\n  },\n  /** Used for SinglePicker */\n  postProps?: (info: { valueTexts: string[] }) => Partial<InputProps>,\n) {\n  const {\n    format,\n    maskFormat,\n    generateConfig,\n    locale,\n    preserveInvalidOnBlur,\n    inputReadOnly,\n    required,\n    'aria-required': ariaRequired,\n    onSubmit,\n    onFocus,\n    onBlur,\n    onInputChange,\n    onInvalid,\n    open,\n    onOpenChange,\n    onKeyDown,\n    onChange,\n    activeHelp,\n    name,\n    autoComplete,\n\n    id,\n    value,\n    invalid,\n    placeholder,\n    disabled,\n    activeIndex,\n    allHelp,\n\n    picker,\n  } = props;\n\n  // ======================== Parser ========================\n  const parseDate = (str: string, formatStr: string) => {\n    const parsed = generateConfig.locale.parse(locale.locale, str, [formatStr]);\n    return parsed && generateConfig.isValidate(parsed) ? parsed : null;\n  };\n\n  // ========================= Text =========================\n  const firstFormat = format[0];\n\n  const getText = React.useCallback(\n    (date: NullableDateType<DateType>) =>\n      formatValue(date, { locale, format: firstFormat, generateConfig }),\n    [locale, generateConfig, firstFormat],\n  );\n\n  const valueTexts = React.useMemo(() => value!.map(getText), [value, getText]);\n\n  // ========================= Size =========================\n  const size = React.useMemo(() => {\n    const defaultSize = picker === 'time' ? 8 : 10;\n    const length =\n      typeof firstFormat === 'function'\n        ? firstFormat(generateConfig.getNow()).length\n        : firstFormat.length;\n    return Math.max(defaultSize, length) + 2;\n  }, [firstFormat, picker, generateConfig]);\n\n  // ======================= Validate =======================\n  const validateFormat = (text: string) => {\n    for (let i = 0; i < format.length; i += 1) {\n      const singleFormat = format[i];\n\n      // Only support string type\n      if (typeof singleFormat === 'string') {\n        const parsed = parseDate(text, singleFormat);\n\n        if (parsed) {\n          return parsed;\n        }\n      }\n    }\n\n    return false;\n  };\n\n  // ======================== Input =========================\n  const getInputProps = (index?: number): InputProps => {\n    function getProp<T>(propValue: T | T[]): T {\n      return index !== undefined ? (propValue as T[])[index] : (propValue as T);\n    }\n\n    const pickedAttrs = pickAttrs(props, { attr: false });\n\n    const inputProps = {\n      ...pickedAttrs,\n\n      // ============== Shared ==============\n      'format': maskFormat,\n      'validateFormat': (text: string) => !!validateFormat(text),\n      preserveInvalidOnBlur,\n\n      'readOnly': inputReadOnly,\n\n      required,\n      'aria-required': ariaRequired,\n\n      name,\n\n      autoComplete,\n\n      size,\n\n      // ============= By Index =============\n      'id': getProp(id),\n\n      'value': getProp(valueTexts) || '',\n\n      'invalid': getProp(invalid),\n\n      'placeholder': getProp(placeholder),\n\n      'active': activeIndex === index,\n\n      'helped': allHelp || (activeHelp && activeIndex === index),\n\n      'disabled': getProp(disabled),\n\n      'onFocus': (event: React.FocusEvent<HTMLInputElement>) => {\n        onFocus(event, index);\n      },\n      'onBlur': (event: React.FocusEvent<HTMLInputElement>) => {\n        // Blur do not trigger close\n        // Since it may focus to the popup panel\n        onBlur(event, index);\n      },\n\n      onSubmit,\n\n      // Get validate text value\n      'onChange': (text: string) => {\n        onInputChange();\n\n        const parsed = validateFormat(text);\n\n        if (parsed) {\n          onInvalid(false, index);\n          onChange(parsed, index);\n          return;\n        }\n\n        // Tell outer that the value typed is invalid.\n        // If text is empty, it means valid.\n        onInvalid(!!text, index);\n      },\n      'onHelp': () => {\n        onOpenChange(true, { index });\n      },\n      'onKeyDown': (event: React.KeyboardEvent<HTMLDivElement>) => {\n        let prevented = false;\n\n        onKeyDown?.(event, () => {\n          if (process.env.NODE_ENV !== 'production') {\n            warning(\n              false,\n              '`preventDefault` callback is deprecated. Please call `event.preventDefault` directly.',\n            );\n          }\n          prevented = true;\n        });\n\n        if (!event.defaultPrevented && !prevented) {\n          switch (event.key) {\n            case 'Escape': {\n              onOpenChange(false, { index });\n              break;\n            }\n            case 'Enter': {\n              if (!open) {\n                onOpenChange(true);\n              }\n              break;\n            }\n          }\n        }\n      },\n\n      // ============ Post Props ============\n      ...postProps?.({ valueTexts }),\n    };\n\n    // ============== Clean Up ==============\n    Object.keys(inputProps).forEach((key) => {\n      if ((inputProps as Record<string, unknown>)[key] === undefined) {\n        delete (inputProps as Record<string, unknown>)[key];\n      }\n    });\n\n    return inputProps;\n  };\n\n  return [getInputProps, getText] as const;\n}\n"],"mappings":"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"}

package/es/DatePicker/core/PickerInput/Selector/hooks/useRootProps.mjs

@@ -0,0 +1,11 @@
+import { pickProps } from "../../../utils/miscUtil.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/Selector/hooks/useRootProps.ts
+const propNames = ["onMouseEnter", "onMouseLeave"];
+function useRootProps(props) {
+	return React$1.useMemo(() => pickProps(props, propNames), [props]);
+}
+//#endregion
+export { useRootProps as default };
+
+//# sourceMappingURL=useRootProps.mjs.map

package/es/DatePicker/core/PickerInput/Selector/hooks/useRootProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRootProps.mjs","names":["React"],"sources":["../../../../../../src/DatePicker/core/PickerInput/Selector/hooks/useRootProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { pickProps } from '../../../utils/miscUtil';\n\nconst propNames = ['onMouseEnter', 'onMouseLeave'] as const;\n\nexport default function useRootProps(props: React.HTMLAttributes<any>) {\n  return React.useMemo(() => pickProps(props, propNames), [props]);\n}\n"],"mappings":";;;AAIA,MAAM,YAAY,CAAC,gBAAgB,cAAc;AAEjD,SAAwB,aAAa,OAAkC;CACrE,OAAOA,QAAM,cAAc,UAAU,OAAO,SAAS,GAAG,CAAC,KAAK,CAAC;AACjE"}

package/es/DatePicker/core/PickerInput/Selector/util.mjs

@@ -0,0 +1,20 @@
+//#region src/DatePicker/core/PickerInput/Selector/util.ts
+function getMaskRange(key) {
+	return {
+		YYYY: [
+			0,
+			9999,
+			(/* @__PURE__ */ new Date()).getFullYear()
+		],
+		MM: [1, 12],
+		DD: [1, 31],
+		HH: [0, 23],
+		mm: [0, 59],
+		ss: [0, 59],
+		SSS: [0, 999]
+	}[key];
+}
+//#endregion
+export { getMaskRange };
+
+//# sourceMappingURL=util.mjs.map

package/es/DatePicker/core/PickerInput/Selector/util.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/Selector/util.ts"],"sourcesContent":["import type { FormatKey } from './MaskFormat';\n\nexport function getMaskRange(key: string): [startVal: number, endVal: number, defaultVal?: number] {\n  const PresetRange: Record<FormatKey[number], [number, number, number?]> = {\n    YYYY: [0, 9999, new Date().getFullYear()],\n    MM: [1, 12],\n    DD: [1, 31],\n    HH: [0, 23],\n    mm: [0, 59],\n    ss: [0, 59],\n    SSS: [0, 999],\n  };\n\n  return PresetRange[key];\n}\n"],"mappings":";AAEA,SAAgB,aAAa,KAAsE;CAWjG,OAAO;EATL,MAAM;GAAC;GAAG;oBAAM,IAAI,KAAK,EAAA,CAAE,YAAY;EAAC;EACxC,IAAI,CAAC,GAAG,EAAE;EACV,IAAI,CAAC,GAAG,EAAE;EACV,IAAI,CAAC,GAAG,EAAE;EACV,IAAI,CAAC,GAAG,EAAE;EACV,IAAI,CAAC,GAAG,EAAE;EACV,KAAK,CAAC,GAAG,GAAG;CAGG,EAAE;AACrB"}

package/es/DatePicker/core/PickerInput/SinglePicker.d.mts

@@ -0,0 +1,55 @@
+import { BaseInfo, PanelMode, SharedPickerProps, SharedTimeProps, ValueDate } from "../interface.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/SinglePicker.d.ts
+export interface CustomTagProps<DateType extends object = any> {
+  closable: boolean;
+  disabled: boolean;
+  label: React$1.ReactNode;
+  onClose: (event?: React$1.MouseEvent<HTMLElement>) => void;
+  value: DateType;
+}
+export interface BasePickerProps<DateType extends object = any> extends SharedPickerProps<DateType> {
+  /**
+   * Config the popup panel date.
+   * Every time active the input to open popup will reset with `defaultPickerValue`.
+   *
+   * Note: `defaultPickerValue` priority is higher than `value` for the first open.
+   */
+  defaultPickerValue?: DateType | null;
+  defaultValue?: DateType | DateType[];
+  disabled?: boolean;
+  id?: string;
+  /** Only works when `multiple` is in use */
+  maxTagCount?: number | 'responsive';
+  mode?: PanelMode;
+  /** Not support `time` or `datetime` picker */
+  multiple?: boolean;
+  onCalendarChange?: (date: DateType | DateType[], dateString: string | string[], info: BaseInfo) => void;
+  onChange?: (date: DateType | DateType[], dateString: string | string[]) => void;
+  /**  */
+  onOk?: (value?: DateType | DateType[]) => void;
+  onPanelChange?: (values: DateType, modes: PanelMode) => void;
+  /**
+   * Each popup panel `pickerValue` change will trigger the callback.
+   * @param date The changed picker value
+   * @param info.source `panel` from the panel click. `reset` from popup open or field typing.
+   */
+  onPickerValueChange?: (date: DateType, info: {
+    source: 'reset' | 'panel';
+    mode: PanelMode;
+  }) => void;
+  /**
+   * Config each start & end field popup panel date.
+   * When config `pickerValue`, you must also provide `onPickerValueChange` to handle changes.
+   */
+  pickerValue?: DateType | null;
+  placeholder?: string;
+  presets?: ValueDate<DateType>[];
+  removeIcon?: React$1.ReactNode;
+  /** Only works when `multiple` is in use */
+  tagRender?: (props: CustomTagProps<DateType>) => React$1.ReactNode;
+  value?: DateType | DateType[] | null;
+}
+export interface PickerProps<DateType extends object = any> extends BasePickerProps<DateType>, Omit<SharedTimeProps<DateType>, 'format' | 'defaultValue'> {}
+//#endregion
+//# sourceMappingURL=SinglePicker.d.mts.map