@v-c/picker 1.2.0 → 1.2.2

package/dist/PickerInput/Popup/index.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from '../../../../util/src/EventInterface';
+import { MouseEventHandler } from '@v-c/util/dist/EventInterface';
 import { InputHTMLAttributes } from 'vue';
 import { RangeTimeProps, SharedPickerProps, SharedTimeProps, ValueDate } from '../../interface';
 import { FooterProps } from './Footer';

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.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from '../../../util/src/type';
+import { VueNode } from '@v-c/util/dist/type';
 import { BaseInfo, PanelMode, RangeTimeProps, SharedPickerProps, ValueDate } from '../interface';
 import { SelectorIdType } from './Selector/RangeSelector';
 export interface BaseRangePickerProps<DateType extends object> extends Omit<SharedPickerProps<DateType>, 'showTime' | 'id'> {

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,
@@ -239,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");
@@ -257,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 = () => {
@@ -779,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/Icon.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from '../../../../util/src/type';
+import { VueNode } from '@v-c/util/dist/type';
 export interface IconProps {
     icon?: VueNode;
     type: 'suffix' | 'clear';

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.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from '../../../../util/src/type';
+import { VueNode } from '@v-c/util/dist/type';
 import { SelectorProps } from '../../interface';
 export type SelectorIdType = string | {
     start?: string;

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/MultipleDates.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from '../../../../../util/src/type';
+import { VueNode } from '@v-c/util/dist/type';
 export interface MultipleDatesProps<DateType extends object = any> {
     prefixCls: string;
     value: DateType[];

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

@@ -1,4 +1,4 @@
-import { VueNode } from '../../../../../util/src/type';
+import { VueNode } from '@v-c/util/dist/type';
 import { ComputedRef, Ref } from 'vue';
 export declare function fillClearIcon(prefixCls: string, allowClear?: boolean | {
     clearIcon?: VueNode;
@@ -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/Selector/hooks/useInputHooks.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from '../../../../../util/src';
+import { VueNode } from '@v-c/util';
 import { ComputedRef } from 'vue';
 import { SelectorProps } from '../../../interface';
 export interface InputProps {

package/dist/PickerInput/SinglePicker.js

@@ -206,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);
@@ -221,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 = () => {
@@ -750,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.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from '../../../util/src/type';
+import { VueNode } from '@v-c/util/dist/type';
 import { CSSProperties, HTMLAttributes } from 'vue';
 import { CellRender, Components, Locale, OnPanelChange, PanelMode, PanelSemanticName, PickerMode, SharedPanelProps, SharedTimeProps } from '../interface';
 export interface PickerPanelRef {

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/PickerTrigger/index.d.ts

@@ -1,4 +1,4 @@
-import { AlignType, BuildInPlacements } from '../../../trigger/src';
+import { AlignType, BuildInPlacements } from '@v-c/trigger';
 import { CSSProperties } from 'vue';
 export interface PickerTriggerProps {
     popupElement?: any;

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

@@ -1,5 +1,5 @@
-import { AlignType, BuildInPlacements } from '../../trigger/src';
-import { VueNode } from '../../util/src/type';
+import { AlignType, BuildInPlacements } from '@v-c/trigger';
+import { VueNode } from '@v-c/util/dist/type';
 import { CSSProperties, DefineComponent, HTMLAttributes, InputHTMLAttributes, VNode } from 'vue';
 import { GenerateConfig } from './generate';
 export type NullableDateType<DateType> = DateType | null | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/picker",
   "type": "module",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "picker ui component for vue",
   "publishConfig": {
     "access": "public"
@@ -77,13 +77,13 @@
     }
   },
   "dependencies": {
-    "@v-c/overflow": "^1.1.0",
-    "@v-c/resize-observer": "^1.1.2",
-    "@v-c/trigger": "^1.0.16",
-    "@v-c/util": "^1.0.19"
+    "@v-c/util": "^1.0.21",
+    "@v-c/resize-observer": "^1.1.3",
+    "@v-c/trigger": "^1.0.18",
+    "@v-c/overflow": "^1.1.1"
   },
   "devDependencies": {
-    "@types/luxon": "^3.7.1"
+    "@types/luxon": "^3.7.2"
   },
   "scripts": {
     "build": "vite build",