@v-c/picker 0.0.1

package/dist/PickerInput/Selector/hooks/useClearIcon.cjs

@@ -0,0 +1,17 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+function fillClearIcon(prefixCls, allowClear, clearIcon) {
+	if (process.env.NODE_ENV !== "production" && clearIcon) (0, _v_c_util.warning)(false, "`clearIcon` will be removed in future. Please use `allowClear` instead.");
+	if (allowClear === false) return null;
+	return (allowClear && typeof allowClear === "object" ? allowClear : {}).clearIcon || clearIcon || (0, vue.createVNode)("span", { "class": `${prefixCls}-clear-btn` }, null);
+}
+function useClearIcon(prefixCls, allowClear, clearIcon) {
+	return (0, vue.computed)(() => fillClearIcon(prefixCls.value, allowClear?.value, clearIcon?.value));
+}
+exports.default = useClearIcon;
+exports.fillClearIcon = fillClearIcon;

package/dist/PickerInput/Selector/hooks/useClearIcon.d.ts

@@ -0,0 +1,17 @@
+import { VueNode } from '../../../../../util/src/type';
+import { ComputedRef, Ref } from 'vue';
+export declare function fillClearIcon(prefixCls: string, allowClear?: boolean | {
+    clearIcon?: VueNode;
+}, clearIcon?: VueNode): string | number | true | import('vue').ComponentOptions<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> | import('vue').FunctionalComponent<any, {}, any, {}> | {
+    new (...args: any[]): any;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | (string | number | boolean | void | import('vue').Component | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null | undefined)[] | import("vue/jsx-runtime").JSX.Element | null;
+export default function useClearIcon(prefixCls: Ref<string>, allowClear?: Ref<boolean | {
+    clearIcon?: VueNode;
+}>, clearIcon?: ComputedRef<VueNode>): ComputedRef<VueNode>;

package/dist/PickerInput/Selector/hooks/useClearIcon.js

@@ -0,0 +1,11 @@
+import { computed, createVNode } from "vue";
+import { warning } from "@v-c/util";
+function fillClearIcon(prefixCls, allowClear, clearIcon) {
+	if (process.env.NODE_ENV !== "production" && clearIcon) warning(false, "`clearIcon` will be removed in future. Please use `allowClear` instead.");
+	if (allowClear === false) return null;
+	return (allowClear && typeof allowClear === "object" ? allowClear : {}).clearIcon || clearIcon || createVNode("span", { "class": `${prefixCls}-clear-btn` }, null);
+}
+function useClearIcon(prefixCls, allowClear, clearIcon) {
+	return computed(() => fillClearIcon(prefixCls.value, allowClear?.value, clearIcon?.value));
+}
+export { useClearIcon as default, fillClearIcon };

package/dist/PickerInput/Selector/hooks/useInputHooks.cjs

@@ -0,0 +1,125 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+function formatValue(value, { generateConfig, locale, format }) {
+	if (!value) return "";
+	if (typeof format === "function") return format(value);
+	return generateConfig.locale.format(locale.locale, value, format) || String(value);
+}
+function pickAttrs(props, { aria, data }) {
+	const result = {};
+	Object.keys(props).forEach((key) => {
+		if (aria && (key.startsWith("aria-") || key === "role")) result[key] = props[key];
+		if (data && key.startsWith("data-")) result[key] = props[key];
+	});
+	return result;
+}
+function useInputProps(props, postProps) {
+	const parseDate = (str, formatStr) => {
+		const { generateConfig, locale } = props.value;
+		const parsed = generateConfig.locale.parse(locale.locale, str, [formatStr]);
+		return parsed && generateConfig.isValidate(parsed) ? parsed : null;
+	};
+	const firstFormat = (0, vue.computed)(() => props.value.format[0]);
+	const getText = (date) => {
+		const { locale, generateConfig } = props.value;
+		return formatValue(date, {
+			locale,
+			format: firstFormat.value,
+			generateConfig
+		});
+	};
+	const valueTexts = (0, vue.computed)(() => (props.value.value || []).map(getText));
+	const size = (0, vue.computed)(() => {
+		const { picker, generateConfig } = props.value;
+		const defaultSize = picker === "time" ? 8 : 10;
+		const length = typeof firstFormat.value === "function" ? firstFormat.value(generateConfig.getNow()).length : firstFormat.value.length;
+		return Math.max(defaultSize, length) + 2;
+	});
+	const validateFormat = (text) => {
+		const { format } = props.value;
+		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 pickedAttrs = pickAttrs(props.value, {
+			aria: true,
+			data: true
+		});
+		const { maskFormat, preserveInvalidOnBlur, inputReadOnly, required, "aria-required": ariaRequired, name, autoComplete, id, invalid, placeholder, activeHelp, activeIndex, allHelp, disabled, onFocus, onBlur, onSubmit, onInputChange, onInvalid, onChange, onOpenChange, onKeyDown, open } = props.value;
+		const inputProps = {
+			...pickedAttrs,
+			"format": maskFormat,
+			"validateFormat": (text) => !!validateFormat(text),
+			preserveInvalidOnBlur,
+			"readOnly": inputReadOnly,
+			required,
+			"aria-required": ariaRequired,
+			name,
+			autoComplete,
+			"size": size.value,
+			"id": getProp(id),
+			"value": getProp(valueTexts.value) || "",
+			"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") (0, _v_c_util.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);
+						break;
+				}
+			},
+			...postProps?.({ valueTexts: valueTexts.value })
+		};
+		Object.keys(inputProps).forEach((key) => {
+			if (inputProps[key] === void 0) delete inputProps[key];
+		});
+		return inputProps;
+	};
+	return [getInputProps, getText];
+}
+exports.default = useInputProps;

package/dist/PickerInput/Selector/hooks/useInputHooks.d.ts

@@ -0,0 +1,56 @@
+import { VueNode } from '../../../../../util/src';
+import { ComputedRef } from 'vue';
+import { SelectorProps } from '../../../interface';
+export interface InputProps {
+    'readOnly'?: boolean;
+    'required'?: boolean;
+    'aria-required'?: boolean;
+    'name'?: string;
+    'autoComplete'?: string;
+    'size'?: number;
+    'id'?: string;
+    'placeholder'?: string;
+    'disabled'?: boolean;
+    'onFocus'?: (e: FocusEvent) => void;
+    'onBlur'?: (e: FocusEvent) => void;
+    'onKeyDown'?: (e: KeyboardEvent) => void;
+    'format'?: string;
+    'validateFormat': (value: string) => boolean;
+    'active'?: boolean;
+    /** Used for single picker only */
+    'showActiveCls'?: boolean;
+    'suffixIcon'?: VueNode;
+    'value'?: string;
+    'onChange': (value: string) => void;
+    'onSubmit': VoidFunction;
+    /** Meaning current is from the hover cell getting the placeholder text */
+    'helped'?: boolean;
+    /**
+     * Trigger when input need additional help.
+     * Like open the popup for interactive.
+     */
+    'onHelp': () => void;
+    'preserveInvalidOnBlur'?: boolean;
+    'invalid'?: boolean;
+    'clearIcon'?: VueNode;
+    [key: string]: any;
+}
+export type UseInputProps<DateType extends object = any> = Pick<SelectorProps<DateType>, 'maskFormat' | 'format' | 'generateConfig' | 'locale' | 'preserveInvalidOnBlur' | 'inputReadOnly' | 'onSubmit' | 'onFocus' | 'onBlur' | 'onInputChange' | 'onInvalid' | 'onOpenChange' | 'onKeyDown' | 'activeHelp' | 'open' | 'picker'> & {
+    'id'?: string | string[];
+    'value'?: DateType[];
+    'invalid'?: boolean | [boolean, boolean];
+    'placeholder'?: string | [string, string];
+    'disabled'?: boolean | [boolean, boolean];
+    'onChange': (value: DateType | null, index?: number) => void;
+    'required'?: boolean;
+    'aria-required'?: boolean;
+    'name'?: string;
+    'autoComplete'?: string;
+    'allHelp': boolean;
+    'activeIndex'?: number | null;
+};
+export default function useInputProps<DateType extends object = any>(props: ComputedRef<UseInputProps<DateType>>, 
+/** Used for SinglePicker */
+postProps?: (info: {
+    valueTexts: string[];
+}) => Partial<InputProps>): readonly [(index?: number) => InputProps, (date: DateType) => string];

package/dist/PickerInput/Selector/hooks/useInputHooks.js

@@ -0,0 +1,120 @@
+import { computed } from "vue";
+import { warning } from "@v-c/util";
+function formatValue(value, { generateConfig, locale, format }) {
+	if (!value) return "";
+	if (typeof format === "function") return format(value);
+	return generateConfig.locale.format(locale.locale, value, format) || String(value);
+}
+function pickAttrs(props, { aria, data }) {
+	const result = {};
+	Object.keys(props).forEach((key) => {
+		if (aria && (key.startsWith("aria-") || key === "role")) result[key] = props[key];
+		if (data && key.startsWith("data-")) result[key] = props[key];
+	});
+	return result;
+}
+function useInputProps(props, postProps) {
+	const parseDate = (str, formatStr) => {
+		const { generateConfig, locale } = props.value;
+		const parsed = generateConfig.locale.parse(locale.locale, str, [formatStr]);
+		return parsed && generateConfig.isValidate(parsed) ? parsed : null;
+	};
+	const firstFormat = computed(() => props.value.format[0]);
+	const getText = (date) => {
+		const { locale, generateConfig } = props.value;
+		return formatValue(date, {
+			locale,
+			format: firstFormat.value,
+			generateConfig
+		});
+	};
+	const valueTexts = computed(() => (props.value.value || []).map(getText));
+	const size = computed(() => {
+		const { picker, generateConfig } = props.value;
+		const defaultSize = picker === "time" ? 8 : 10;
+		const length = typeof firstFormat.value === "function" ? firstFormat.value(generateConfig.getNow()).length : firstFormat.value.length;
+		return Math.max(defaultSize, length) + 2;
+	});
+	const validateFormat = (text) => {
+		const { format } = props.value;
+		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 pickedAttrs = pickAttrs(props.value, {
+			aria: true,
+			data: true
+		});
+		const { maskFormat, preserveInvalidOnBlur, inputReadOnly, required, "aria-required": ariaRequired, name, autoComplete, id, invalid, placeholder, activeHelp, activeIndex, allHelp, disabled, onFocus, onBlur, onSubmit, onInputChange, onInvalid, onChange, onOpenChange, onKeyDown, open } = props.value;
+		const inputProps = {
+			...pickedAttrs,
+			"format": maskFormat,
+			"validateFormat": (text) => !!validateFormat(text),
+			preserveInvalidOnBlur,
+			"readOnly": inputReadOnly,
+			required,
+			"aria-required": ariaRequired,
+			name,
+			autoComplete,
+			"size": size.value,
+			"id": getProp(id),
+			"value": getProp(valueTexts.value) || "",
+			"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);
+						break;
+				}
+			},
+			...postProps?.({ valueTexts: valueTexts.value })
+		};
+		Object.keys(inputProps).forEach((key) => {
+			if (inputProps[key] === void 0) delete inputProps[key];
+		});
+		return inputProps;
+	};
+	return [getInputProps, getText];
+}
+export { useInputProps as default };

package/dist/PickerInput/Selector/hooks/useRootProps.cjs

@@ -0,0 +1,14 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../../_virtual/rolldown_runtime.cjs");
+const require_miscUtil = require("../../../utils/miscUtil.cjs");
+let vue = require("vue");
+var propNames = ["onMouseEnter", "onMouseLeave"];
+function useRootProps(props) {
+	return (0, vue.computed)(() => {
+		return require_miscUtil.pickProps(props, propNames);
+	});
+}
+exports.default = useRootProps;

package/dist/PickerInput/Selector/hooks/useRootProps.d.ts

@@ -0,0 +1,2 @@
+import { ComputedRef, Reactive } from 'vue';
+export default function useRootProps(props: Reactive<Record<string, any>>): ComputedRef<Record<string, any>>;

package/dist/PickerInput/Selector/hooks/useRootProps.js

@@ -0,0 +1,9 @@
+import { pickProps } from "../../../utils/miscUtil.js";
+import { computed } from "vue";
+var propNames = ["onMouseEnter", "onMouseLeave"];
+function useRootProps(props) {
+	return computed(() => {
+		return pickProps(props, propNames);
+	});
+}
+export { useRootProps as default };

package/dist/PickerInput/Selector/util.cjs

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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];
+}
+function raf(callback, delayFrames = 1) {
+	let id;
+	let remainingFrames = delayFrames;
+	function internalCallback() {
+		remainingFrames -= 1;
+		if (remainingFrames <= 0) callback();
+		else id = requestAnimationFrame(internalCallback);
+	}
+	id = requestAnimationFrame(internalCallback);
+	return id;
+}
+raf.cancel = (id) => {
+	cancelAnimationFrame(id);
+};
+exports.getMaskRange = getMaskRange;
+exports.raf = raf;

package/dist/PickerInput/Selector/util.d.ts

@@ -0,0 +1,5 @@
+export declare function getMaskRange(key: string): [startVal: number, endVal: number, defaultVal?: number];
+export declare function raf(callback: () => void, delayFrames?: number): number;
+export declare namespace raf {
+    var cancel: (id: number) => void;
+}

package/dist/PickerInput/Selector/util.js

@@ -0,0 +1,30 @@
+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];
+}
+function raf(callback, delayFrames = 1) {
+	let id;
+	let remainingFrames = delayFrames;
+	function internalCallback() {
+		remainingFrames -= 1;
+		if (remainingFrames <= 0) callback();
+		else id = requestAnimationFrame(internalCallback);
+	}
+	id = requestAnimationFrame(internalCallback);
+	return id;
+}
+raf.cancel = (id) => {
+	cancelAnimationFrame(id);
+};
+export { getMaskRange, raf };