@v-c/picker 1.1.3 → 1.2.1

package/dist/PickerInput/Popup/index.js

@@ -45,7 +45,8 @@ var Popup = /* @__PURE__ */ defineComponent((props) => {
 				}
 				return;
 			}
-			arrowOffset.value = (rtl.value ? activeInputRight - arrowWidth : activeInputLeft) - wrapperRect.left;
+			const nextArrowOffset = (rtl.value ? activeInputRight - arrowWidth : activeInputLeft) - wrapperRect.left;
+			arrowOffset.value = nextArrowOffset;
 			if (containerWidth.value && containerWidth.value < selectorWidth) {
 				const offset = rtl.value ? wrapperRect.right - (activeInputRight - arrowWidth + containerWidth.value) : activeInputLeft + arrowWidth - wrapperRect.left - containerWidth.value;
 				containerOffset.value = Math.max(0, offset);

package/dist/PickerInput/RangePicker.js

@@ -128,7 +128,9 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		if (!showTime.value) return null;
 		const { disabledTime } = showTime.value;
 		const proxyDisabledTime = disabledTime ? (date) => {
-			return disabledTime(date, getActiveRange(activeIndex.value), { from: getFromDate(calendarValue.value, activeIndexList.value, activeIndex.value) });
+			const range = getActiveRange(activeIndex.value);
+			const fromDate = getFromDate(calendarValue.value, activeIndexList.value, activeIndex.value);
+			return disabledTime(date, range, { from: fromDate });
 		} : void 0;
 		return {
 			...showTime.value,
@@ -198,6 +200,7 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const onSelectorClear = () => {
 		triggerSubmitChange(null);
 		triggerOpen(false, { force: true });
+		fp.value.onClear?.();
 	};
 	const hoverSource = ref(null);
 	const internalHoverValues = ref(null);
@@ -238,7 +241,8 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		lastOperation("panel");
 	};
 	const onSelectorChange = (date, index) => {
-		triggerCalendarChange(fillCalendarValue(date, index));
+		const clone = fillCalendarValue(date, index);
+		triggerCalendarChange(clone);
 	};
 	const onSelectorInputChange = () => {
 		lastOperation("input");
@@ -256,7 +260,8 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		onKeyDown.value?.(event, preventDefault);
 	};
 	const onPanelSelect = (date) => {
-		triggerCalendarChange(fillIndex(calendarValue.value, activeIndex.value, date));
+		const clone = fillIndex(calendarValue.value, activeIndex.value, date);
+		triggerCalendarChange(clone);
 		if (!needConfirm.value && !complexPicker.value && internalPicker.value === internalMode.value) triggerPartConfirm(date);
 	};
 	const onPopupClose = () => {
@@ -273,6 +278,7 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			...Object.keys(domProps),
 			"onChange",
 			"onCalendarChange",
+			"onClear",
 			"style",
 			"className",
 			"onPanelChange",
@@ -630,6 +636,10 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			required: false,
 			default: void 0
 		},
+		onClear: {
+			required: false,
+			default: void 0
+		},
 		onKeyDown: {
 			type: Function,
 			required: false,
@@ -773,6 +783,13 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			default: void 0
 		},
 		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
 			required: false,
 			default: void 0
 		},

package/dist/PickerInput/Selector/Input.js

@@ -75,7 +75,8 @@ var Input = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
 	};
 	const onFormatMouseUp = (event) => {
 		const { selectionStart: start } = event.target;
-		focusCellIndex.value = maskFormat.value.getMaskCellIndex(start);
+		const closeMaskIndex = maskFormat.value.getMaskCellIndex(start);
+		focusCellIndex.value = closeMaskIndex;
 		forceSelectionSyncMark.value = {};
 		props.onMouseUp?.(event);
 		mouseDownRef.value = false;
@@ -158,7 +159,10 @@ var Input = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
 				focusCellText.value = "";
 			}
 		}
-		if (nextFillText !== null) triggerInputChange((inputValue.value.slice(0, selectionStart.value) + leftPad(nextFillText, maskCellLen) + inputValue.value.slice(selectionEnd.value)).slice(0, props.format.length));
+		if (nextFillText !== null) {
+			const nextFocusValue = inputValue.value.slice(0, selectionStart.value) + leftPad(nextFillText, maskCellLen) + inputValue.value.slice(selectionEnd.value);
+			triggerInputChange(nextFocusValue.slice(0, props.format.length));
+		}
 		forceSelectionSyncMark.value = {};
 	};
 	const rafRef = ref();

package/dist/PickerInput/Selector/RangeSelector.js

@@ -334,6 +334,13 @@ var RangeSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 			default: void 0
 		},
 		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
 			required: false,
 			default: void 0
 		},

package/dist/PickerInput/Selector/SingleSelector/index.js

@@ -313,6 +313,13 @@ var SingleSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 			default: void 0
 		},
 		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
 			required: false,
 			default: void 0
 		},

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

@@ -11,7 +11,7 @@ export declare function fillClearIcon(prefixCls: string, allowClear?: boolean |
     [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;
+}> | null | undefined)[] | null;
 export default function useClearIcon(prefixCls: Ref<string>, allowClear?: Ref<boolean | {
     clearIcon?: VueNode;
 }>, clearIcon?: ComputedRef<VueNode>): ComputedRef<VueNode>;

package/dist/PickerInput/SinglePicker.js

@@ -181,6 +181,7 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const onSelectorClear = () => {
 		triggerSubmitChange(null);
 		triggerOpen(false, { force: true });
+		fp.value.onClear?.();
 	};
 	const hoverSource = ref(null);
 	const internalHoverValue = ref(null);
@@ -205,7 +206,8 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		onSetHover(nextValue, "preset");
 	};
 	const onPresetSubmit = (nextValue) => {
-		if (triggerSubmitChange(multiple.value ? toggleDates(getCalendarValue.value, nextValue) : [nextValue]) && !multiple.value) triggerOpen(false, { force: true });
+		const nextCalendarValues = multiple.value ? toggleDates(getCalendarValue.value, nextValue) : [nextValue];
+		if (triggerSubmitChange(nextCalendarValues) && !multiple.value) triggerOpen(false, { force: true });
 	};
 	const onNow = (now) => {
 		onPresetSubmit(now);
@@ -220,7 +222,8 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const onPanelSelect = (date) => {
 		lastOperation("panel");
 		if (multiple.value && internalMode.value !== picker.value) return;
-		triggerCalendarChange(multiple.value ? toggleDates(getCalendarValue.value, date) : [date]);
+		const nextValues = multiple.value ? toggleDates(getCalendarValue.value, date) : [date];
+		triggerCalendarChange(nextValues);
 		if (!needConfirm.value && !complexPicker.value && internalPicker.value === internalMode.value) triggerConfirm();
 	};
 	const onPopupClose = () => {
@@ -234,6 +237,7 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 				...Object.keys(domProps),
 				"onChange",
 				"onCalendarChange",
+				"onClear",
 				"style",
 				"className",
 				"onPanelChange",
@@ -601,6 +605,10 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			required: false,
 			default: void 0
 		},
+		onClear: {
+			required: false,
+			default: void 0
+		},
 		onKeyDown: {
 			type: Function,
 			required: false,
@@ -744,6 +752,13 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			default: void 0
 		},
 		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
 			required: false,
 			default: void 0
 		},

package/dist/PickerInput/hooks/useRangeValue.js

@@ -117,7 +117,8 @@ function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, trigg
 		return allPassed;
 	};
 	const flushSubmit = (index, needTriggerChange) => {
-		setSubmitValue(fillIndex(submitValue.value, index, getCalendarValue()[index]));
+		const nextSubmitValue = fillIndex(submitValue.value, index, getCalendarValue()[index]);
+		setSubmitValue(nextSubmitValue);
 		if (needTriggerChange) triggerSubmit();
 	};
 	const interactiveFinished = computed(() => !focused.value && !open.value);

package/dist/PickerPanel/TimePanel/TimePanelBody/TimeColumn.js

@@ -55,9 +55,8 @@ var TimeColumn = /* @__PURE__ */ defineComponent((props) => {
 		const { prefixCls, cellRender, now, locale, classNames: panelClassNames, styles } = context.value;
 		const panelPrefixCls = `${prefixCls}-time-panel`;
 		const cellPrefixCls = `${prefixCls}-time-panel-cell`;
-		const columnPrefixCls = `${panelPrefixCls}-column`;
 		return createVNode("ul", {
-			"class": columnPrefixCls,
+			"class": `${panelPrefixCls}-column`,
 			"ref": ulRef,
 			"data-type": type,
 			"onScroll": onInternalScroll

package/dist/PickerPanel/TimePanel/TimePanelBody/index.js

@@ -67,7 +67,8 @@ var TimePanelBody = /* @__PURE__ */ defineComponent((props) => {
 			}];
 		})();
 		const triggerChange = (nextDate) => {
-			onSelect(getValidTime(nextDate));
+			const validateDate = getValidTime(nextDate);
+			onSelect(validateDate);
 		};
 		const triggerDateTmpl = (() => {
 			let tmpl = value.value || context.value.pickerValue || generateConfig.value.getNow();

package/dist/PickerPanel/TimePanel/index.js

@@ -14,8 +14,7 @@ var TimePanel = /* @__PURE__ */ defineComponent((props) => {
 	return () => {
 		const { prefixCls, value, locale, generateConfig, showTime } = props;
 		const format = typeof showTime === "object" && showTime && showTime.format ? showTime.format : locale?.fieldTimeFormat || "HH:mm:ss";
-		const panelPrefixCls = `${prefixCls}-time-panel`;
-		return createVNode("div", { "class": clsx(panelPrefixCls) }, [createVNode(PanelHeader, null, { default: () => [value ? formatValue(value, {
+		return createVNode("div", { "class": clsx(`${prefixCls}-time-panel`) }, [createVNode(PanelHeader, null, { default: () => [value ? formatValue(value, {
 			locale,
 			format,
 			generateConfig

package/dist/PickerPanel/index.js

@@ -73,7 +73,10 @@ var PickerPanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	};
 	const onInternalSelect = (newDate) => {
 		props.onSelect?.(newDate);
-		if (mergedMode.value === props.picker) triggerChange(props.multiple ? toggleDates(mergedValue.value, newDate) : [newDate]);
+		if (mergedMode.value === props.picker) {
+			const nextValues = props.multiple ? toggleDates(mergedValue.value, newDate) : [newDate];
+			triggerChange(nextValues);
+		}
 	};
 	const internalPickerValueState = ref(props.defaultPickerValue || mergedValue.value[0] || now.value);
 	const mergedPickerValue = computed(() => props.pickerValue !== void 0 ? props.pickerValue : internalPickerValueState.value);

package/dist/generate/dayjs.js

@@ -38,8 +38,6 @@ var localeMap = {
 function parseLocale(locale) {
 	return localeMap[locale] || locale.split("_")[0];
 }
-/* istanbul ignore next */
-function parseNoMatchNotice() {}
 var generateConfig = {
 	getNow: () => {
 		const now = dayjs();
@@ -91,13 +89,12 @@ var generateConfig = {
 						const nextWeek = firstWeek.add(j, "week");
 						if (nextWeek.format("Wo") === weekStr) return nextWeek;
 					}
-					parseNoMatchNotice();
 					return null;
 				}
 				const date = dayjs(formatText, format, true).locale(localeStr);
 				if (date.isValid()) return date;
 			}
-			if (text) parseNoMatchNotice();
+			if (text) {}
 			return null;
 		}
 	}

package/dist/interface.d.ts

@@ -253,6 +253,8 @@ export interface SharedPickerProps<DateType extends object = any> extends Shared
     clearIcon?: VueNode;
     onFocus?: PickerFocusEventHandler;
     onBlur?: PickerFocusEventHandler;
+    /** Trigger when the clear icon is clicked. */
+    onClear?: VoidFunction;
     /** `preventDefault` is deprecated which will remove from future version. */
     onKeyDown?: LegacyOnKeyDown;
     inputReadOnly?: boolean;

package/package.json

@@ -1,13 +1,18 @@
 {
   "name": "@v-c/picker",
   "type": "module",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "description": "picker ui component for vue",
   "publishConfig": {
     "access": "public"
   },
   "author": "",
   "license": "MIT",
+  "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/picker",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antdv-next/vue-components.git"
+  },
   "keywords": [
     "picker",
     "vue-component"
@@ -72,13 +77,13 @@
     }
   },
   "dependencies": {
-    "@v-c/resize-observer": "^1.1.0",
-    "@v-c/util": "^1.0.19",
     "@v-c/overflow": "^1.1.0",
-    "@v-c/trigger": "^1.0.16"
+    "@v-c/util": "^1.0.19",
+    "@v-c/trigger": "^1.0.17",
+    "@v-c/resize-observer": "^1.1.2"
   },
   "devDependencies": {
-    "@types/luxon": "^3.7.1"
+    "@types/luxon": "^3.7.2"
   },
   "scripts": {
     "build": "vite build",