@v-c/picker 1.0.0 → 1.0.1

package/dist/PickerPanel/QuarterPanel/index.cjs

@@ -1,211 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
-const require_dateUtil = require("../../utils/dateUtil.cjs");
-const require_context = require("../context.cjs");
-const require_PanelBody = require("../PanelBody.cjs");
-const require_PanelHeader = require("../PanelHeader.cjs");
-let vue = require("vue");
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var QuarterPanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const sharedContext = require_context.useSharedPanelContext();
-	require_context.providePanelContext((0, vue.computed)(() => {
-		const [info] = require_context.useInfo(props, "quarter", sharedContext);
-		return info;
-	}));
-	return () => {
-		const { prefixCls, locale = {}, generateConfig = {}, pickerValue, onPickerValueChange, onModeChange } = props;
-		const panelPrefixCls = `${prefixCls}-quarter-panel`;
-		const baseDate = generateConfig.setMonth(pickerValue, 0);
-		const cellQuarterFormat = locale.cellQuarterFormat || "[Q]Q";
-		const yearFormat = locale.yearFormat || "YYYY";
-		const getCellDate = (date, offset) => {
-			return generateConfig.addMonth(date, offset * 3);
-		};
-		const getCellText = (date) => {
-			return require_dateUtil.formatValue(date, {
-				locale,
-				format: cellQuarterFormat,
-				generateConfig
-			});
-		};
-		const getCellClassName = () => ({ [`${prefixCls}-cell-in-view`]: true });
-		const yearNode = (0, vue.createVNode)("button", {
-			"type": "button",
-			"key": "year",
-			"aria-label": locale.yearSelect,
-			"onClick": () => {
-				onModeChange?.("year");
-			},
-			"tabindex": -1,
-			"class": `${prefixCls}-year-btn`
-		}, [require_dateUtil.formatValue(pickerValue, {
-			locale,
-			format: yearFormat,
-			generateConfig
-		})]);
-		return (0, vue.createVNode)("div", { "class": panelPrefixCls }, [(0, vue.createVNode)(require_PanelHeader.default, {
-			"superOffset": (distance, date) => generateConfig.addYear(date, distance),
-			"onChange": onPickerValueChange,
-			"getStart": (date) => generateConfig.setMonth(date, 0),
-			"getEnd": (date) => generateConfig.setMonth(date, 11)
-		}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), (0, vue.createVNode)(require_PanelBody.default, (0, vue.mergeProps)(props, {
-			"titleFormat": locale.fieldQuarterFormat,
-			"colNum": 4,
-			"rowNum": 1,
-			"baseDate": baseDate,
-			"getCellDate": getCellDate,
-			"getCellText": getCellText,
-			"getCellClassName": getCellClassName
-		}), null)]);
-	};
-}, {
-	props: {
-		prefixCls: {
-			type: String,
-			required: true,
-			default: void 0
-		},
-		locale: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		generateConfig: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		pickerValue: {
-			required: true,
-			default: void 0
-		},
-		onPickerValueChange: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		value: {
-			required: false,
-			default: void 0
-		},
-		onSelect: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		values: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		onModeChange: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		disabledDate: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		minDate: {
-			required: false,
-			default: void 0
-		},
-		maxDate: {
-			required: false,
-			default: void 0
-		},
-		cellRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		hoverRangeValue: {
-			type: [Array, null],
-			required: true,
-			default: void 0
-		},
-		hoverValue: {
-			type: [Array, null],
-			required: false,
-			default: void 0
-		},
-		onHover: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		showTime: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		showWeek: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		prevIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		nextIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		superPrevIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		superNextIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		}
-	},
-	name: "QuarterPanel",
-	inheritAttrs: false
-});
-var QuarterPanel_default = QuarterPanel;
-exports.default = QuarterPanel_default;

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

@@ -1,145 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../../../_virtual/rolldown_runtime.cjs");
-const require_context = require("../../context.cjs");
-const require_useScrollTo = require("./useScrollTo.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var SCROLL_DELAY = 300;
-function flattenUnits(units) {
-	return units.map(({ value, label, disabled }) => [
-		value,
-		label,
-		disabled
-	].join(",")).join(";");
-}
-var TimeColumn = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const context = require_context.usePanelContext();
-	const ulRef = (0, vue.ref)();
-	const checkDelayRef = (0, vue.ref)();
-	const clearDelayCheck = () => {
-		clearTimeout(checkDelayRef.value);
-	};
-	const [syncScroll, stopScroll, isScrolling] = require_useScrollTo.default(ulRef, (0, vue.computed)(() => props.value ?? props.optionalValue));
-	(0, vue.watch)([
-		() => props.value,
-		() => props.optionalValue,
-		() => flattenUnits(props.units)
-	], () => {
-		syncScroll();
-		clearDelayCheck();
-	}, { flush: "post" });
-	(0, vue.onMounted)(() => {
-		syncScroll();
-	});
-	(0, vue.onBeforeUnmount)(() => {
-		stopScroll();
-		clearDelayCheck();
-	});
-	const onInternalScroll = (event) => {
-		clearDelayCheck();
-		const target = event.target;
-		if (!isScrolling() && props.changeOnScroll) checkDelayRef.value = setTimeout(() => {
-			const ul = ulRef.value;
-			const firstLiTop = ul.querySelector(`li`).offsetTop;
-			const liDistList = Array.from(ul.querySelectorAll(`li`)).map((li) => li.offsetTop - firstLiTop).map((top, index) => {
-				if (props.units[index].disabled) return Number.MAX_SAFE_INTEGER;
-				return Math.abs(top - target.scrollTop);
-			});
-			const minDist = Math.min(...liDistList);
-			const minDistIndex = liDistList.findIndex((dist) => dist === minDist);
-			const targetUnit = props.units[minDistIndex];
-			if (targetUnit && !targetUnit.disabled) props.onChange(targetUnit.value);
-		}, SCROLL_DELAY);
-	};
-	return () => {
-		const { units, value, type, onChange, onHover, onDblClick } = 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 (0, vue.createVNode)("ul", {
-			"class": columnPrefixCls,
-			"ref": ulRef,
-			"data-type": type,
-			"onScroll": onInternalScroll
-		}, [units.map(({ label, value: unitValue, disabled }) => {
-			const inner = (0, vue.createVNode)("div", { "class": `${cellPrefixCls}-inner` }, [label]);
-			return (0, vue.createVNode)("li", {
-				"key": unitValue,
-				"style": styles?.item,
-				"class": (0, _v_c_util.clsx)(cellPrefixCls, panelClassNames?.item, {
-					[`${cellPrefixCls}-selected`]: value === unitValue,
-					[`${cellPrefixCls}-disabled`]: disabled
-				}),
-				"onClick": () => {
-					if (!disabled) onChange(unitValue);
-				},
-				"onDblclick": () => {
-					if (!disabled && onDblClick) onDblClick();
-				},
-				"onMouseenter": () => {
-					onHover(unitValue);
-				},
-				"onMouseleave": () => {
-					onHover(null);
-				},
-				"data-value": unitValue
-			}, [cellRender ? cellRender(unitValue, {
-				prefixCls,
-				originNode: inner,
-				today: now,
-				type: "time",
-				subType: type,
-				locale
-			}) : inner]);
-		})]);
-	};
-}, {
-	props: {
-		units: {
-			type: Array,
-			required: true,
-			default: void 0
-		},
-		value: {
-			type: [Number, String],
-			required: false,
-			default: void 0
-		},
-		optionalValue: {
-			type: [Number, String],
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: String,
-			required: true,
-			default: void 0
-		},
-		onChange: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		onHover: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		onDblClick: {
-			required: false,
-			default: void 0
-		},
-		changeOnScroll: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "TimeColumn"
-});
-var TimeColumn_default = TimeColumn;
-exports.default = TimeColumn_default;

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

@@ -1,286 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../../../_virtual/rolldown_runtime.cjs");
-const require_dateUtil = require("../../../utils/dateUtil.cjs");
-const require_useTimeInfo = require("../../../hooks/useTimeInfo.cjs");
-const require_context = require("../../context.cjs");
-const require_TimeColumn = require("./TimeColumn.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-function isAM(hour) {
-	return hour < 12;
-}
-var TimePanelBody = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const context = require_context.usePanelContext();
-	const pickerHackContext = require_context.usePickerHackContext();
-	const value = (0, vue.computed)(() => context.value.values?.[0] || null);
-	const generateConfig = (0, vue.computed)(() => context.value.generateConfig);
-	const [getValidTime, rowHourUnits, getMinuteUnits, getSecondUnits, getMillisecondUnits] = require_useTimeInfo.default(generateConfig, (0, vue.computed)(() => props), value);
-	const getUnitValue = (func) => {
-		const val = value.value;
-		const pickerVal = context.value.pickerValue;
-		return [val && generateConfig.value[func](val), pickerVal && generateConfig.value[func](pickerVal)];
-	};
-	return () => {
-		const { prefixCls, classNames: panelClassNames, styles, locale, onSelect, onHover } = context.value;
-		const { showHour, showMinute, showSecond, showMillisecond, use12Hours: showMeridiem, changeOnScroll } = props;
-		const { onCellDblClick } = pickerHackContext?.value || {};
-		const [hour, pickerHour] = getUnitValue("getHour");
-		const [minute, pickerMinute] = getUnitValue("getMinute");
-		const [second, pickerSecond] = getUnitValue("getSecond");
-		const [millisecond, pickerMillisecond] = getUnitValue("getMillisecond");
-		const meridiem = hour === null ? null : isAM(hour) ? "am" : "pm";
-		const hourUnits = (() => {
-			if (!showMeridiem) return rowHourUnits.value;
-			return isAM(hour) ? rowHourUnits.value.filter((h) => isAM(h.value)) : rowHourUnits.value.filter((h) => !isAM(h.value));
-		})();
-		const getEnabled = (units, val) => {
-			const enabledUnits = units.filter((unit) => !unit.disabled);
-			return val ?? enabledUnits?.[0]?.value;
-		};
-		const validHour = getEnabled(rowHourUnits.value, hour);
-		const minuteUnits = getMinuteUnits(validHour);
-		const validMinute = getEnabled(minuteUnits, minute);
-		const secondUnits = getSecondUnits(validHour, validMinute);
-		const validSecond = getEnabled(secondUnits, second);
-		const millisecondUnits = getMillisecondUnits(validHour, validMinute, validSecond);
-		const validMillisecond = getEnabled(millisecondUnits, millisecond);
-		const meridiemUnits = (() => {
-			if (!showMeridiem) return [];
-			const base = generateConfig.value.getNow();
-			const amDate = generateConfig.value.setHour(base, 6);
-			const pmDate = generateConfig.value.setHour(base, 18);
-			const formatMeridiem = (date, defaultLabel) => {
-				const { cellMeridiemFormat } = locale ?? {};
-				return cellMeridiemFormat ? require_dateUtil.formatValue(date, {
-					generateConfig: generateConfig.value,
-					locale,
-					format: cellMeridiemFormat
-				}) : defaultLabel;
-			};
-			return [{
-				label: formatMeridiem(amDate, "AM"),
-				value: "am",
-				disabled: rowHourUnits.value.every((h) => h.disabled || !isAM(h.value))
-			}, {
-				label: formatMeridiem(pmDate, "PM"),
-				value: "pm",
-				disabled: rowHourUnits.value.every((h) => h.disabled || isAM(h.value))
-			}];
-		})();
-		const triggerChange = (nextDate) => {
-			onSelect(getValidTime(nextDate));
-		};
-		const triggerDateTmpl = (() => {
-			let tmpl = value.value || context.value.pickerValue || generateConfig.value.getNow();
-			const isNotNull = (num) => num !== null && num !== void 0;
-			if (isNotNull(hour)) {
-				tmpl = generateConfig.value.setHour(tmpl, hour);
-				tmpl = generateConfig.value.setMinute(tmpl, minute);
-				tmpl = generateConfig.value.setSecond(tmpl, second);
-				tmpl = generateConfig.value.setMillisecond(tmpl, millisecond);
-			} else if (isNotNull(pickerHour)) {
-				tmpl = generateConfig.value.setHour(tmpl, pickerHour);
-				tmpl = generateConfig.value.setMinute(tmpl, pickerMinute);
-				tmpl = generateConfig.value.setSecond(tmpl, pickerSecond);
-				tmpl = generateConfig.value.setMillisecond(tmpl, pickerMillisecond);
-			} else if (isNotNull(validHour)) {
-				tmpl = generateConfig.value.setHour(tmpl, validHour);
-				tmpl = generateConfig.value.setMinute(tmpl, validMinute);
-				tmpl = generateConfig.value.setSecond(tmpl, validSecond);
-				tmpl = generateConfig.value.setMillisecond(tmpl, validMillisecond);
-			}
-			return tmpl;
-		})();
-		const fillColumnValue = (val, func) => {
-			if (val === null) return null;
-			return generateConfig.value[func](triggerDateTmpl, val);
-		};
-		const getNextHourTime = (val) => fillColumnValue(val, "setHour");
-		const getNextMinuteTime = (val) => fillColumnValue(val, "setMinute");
-		const getNextSecondTime = (val) => fillColumnValue(val, "setSecond");
-		const getNextMillisecondTime = (val) => fillColumnValue(val, "setMillisecond");
-		const getMeridiemTime = (val) => {
-			if (val === null) return null;
-			if (val === "am" && !isAM(hour)) return generateConfig.value.setHour(triggerDateTmpl, hour - 12);
-			else if (val === "pm" && isAM(hour)) return generateConfig.value.setHour(triggerDateTmpl, hour + 12);
-			return triggerDateTmpl;
-		};
-		const onHourChange = (val) => {
-			triggerChange(getNextHourTime(val));
-		};
-		const onMinuteChange = (val) => {
-			triggerChange(getNextMinuteTime(val));
-		};
-		const onSecondChange = (val) => {
-			triggerChange(getNextSecondTime(val));
-		};
-		const onMillisecondChange = (val) => {
-			triggerChange(getNextMillisecondTime(val));
-		};
-		const onMeridiemChange = (val) => {
-			triggerChange(getMeridiemTime(val));
-		};
-		const onHourHover = (val) => {
-			onHover?.(getNextHourTime(val));
-		};
-		const onMinuteHover = (val) => {
-			onHover?.(getNextMinuteTime(val));
-		};
-		const onSecondHover = (val) => {
-			onHover?.(getNextSecondTime(val));
-		};
-		const onMillisecondHover = (val) => {
-			onHover?.(getNextMillisecondTime(val));
-		};
-		const onMeridiemHover = (val) => {
-			onHover?.(getMeridiemTime(val));
-		};
-		const sharedColumnProps = {
-			onDblClick: onCellDblClick,
-			changeOnScroll
-		};
-		return (0, vue.createVNode)("div", {
-			"class": (0, _v_c_util.clsx)(`${prefixCls}-content`, panelClassNames?.content),
-			"style": styles?.content
-		}, [
-			showHour && (0, vue.createVNode)(require_TimeColumn.default, (0, vue.mergeProps)({
-				"units": hourUnits,
-				"value": hour,
-				"optionalValue": pickerHour,
-				"type": "hour",
-				"onChange": onHourChange,
-				"onHover": onHourHover
-			}, sharedColumnProps), null),
-			showMinute && (0, vue.createVNode)(require_TimeColumn.default, (0, vue.mergeProps)({
-				"units": minuteUnits,
-				"value": minute,
-				"optionalValue": pickerMinute,
-				"type": "minute",
-				"onChange": onMinuteChange,
-				"onHover": onMinuteHover
-			}, sharedColumnProps), null),
-			showSecond && (0, vue.createVNode)(require_TimeColumn.default, (0, vue.mergeProps)({
-				"units": secondUnits,
-				"value": second,
-				"optionalValue": pickerSecond,
-				"type": "second",
-				"onChange": onSecondChange,
-				"onHover": onSecondHover
-			}, sharedColumnProps), null),
-			showMillisecond && (0, vue.createVNode)(require_TimeColumn.default, (0, vue.mergeProps)({
-				"units": millisecondUnits,
-				"value": millisecond,
-				"optionalValue": pickerMillisecond,
-				"type": "millisecond",
-				"onChange": onMillisecondChange,
-				"onHover": onMillisecondHover
-			}, sharedColumnProps), null),
-			showMeridiem && (0, vue.createVNode)(require_TimeColumn.default, (0, vue.mergeProps)({
-				"units": meridiemUnits,
-				"value": meridiem,
-				"type": "meridiem",
-				"onChange": onMeridiemChange,
-				"onHover": onMeridiemHover
-			}, sharedColumnProps), null)
-		]);
-	};
-}, {
-	props: {
-		format: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		showNow: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		showHour: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		showMinute: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		showSecond: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		showMillisecond: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		use12Hours: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		hourStep: {
-			required: false,
-			default: void 0
-		},
-		minuteStep: {
-			required: false,
-			default: void 0
-		},
-		secondStep: {
-			required: false,
-			default: void 0
-		},
-		millisecondStep: {
-			required: false,
-			default: void 0
-		},
-		hideDisabledOptions: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		defaultValue: {
-			required: false,
-			default: void 0
-		},
-		defaultOpenValue: {
-			required: false,
-			default: void 0
-		},
-		disabledHours: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		disabledMinutes: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		disabledSeconds: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		disabledTime: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		changeOnScroll: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "TimePanelBody",
-	inheritAttrs: false
-});
-var TimePanelBody_default = TimePanelBody;
-exports.default = TimePanelBody_default;

package/dist/PickerPanel/TimePanel/TimePanelBody/useScrollTo.cjs

@@ -1,65 +0,0 @@
-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_dist_raf = require("@v-c/util/dist/raf");
-_v_c_util_dist_raf = require_rolldown_runtime.__toESM(_v_c_util_dist_raf);
-var SPEED_PTG = 1 / 3;
-function useScrollTo(ulRef, value) {
-	const scrollingRef = (0, vue.ref)(false);
-	const scrollRafRef = (0, vue.ref)(null);
-	const scrollDistRef = (0, vue.ref)(null);
-	const scrollRafTimesRef = (0, vue.ref)(0);
-	const isScrolling = () => scrollingRef.value;
-	const stopScroll = () => {
-		if (scrollRafRef.value) _v_c_util_dist_raf.default.cancel(scrollRafRef.value);
-		scrollingRef.value = false;
-	};
-	const startScroll = () => {
-		const ul = (0, vue.unref)(ulRef);
-		const val = (0, vue.unref)(value);
-		scrollDistRef.value = null;
-		scrollRafTimesRef.value = 0;
-		if (ul) {
-			const targetLi = ul.querySelector(`[data-value="${val}"]`);
-			const firstLi = ul.querySelector(`li`);
-			const doScroll = () => {
-				stopScroll();
-				scrollingRef.value = true;
-				scrollRafTimesRef.value += 1;
-				const { scrollTop: currentTop } = ul;
-				const firstLiTop = firstLi.offsetTop;
-				const targetLiTop = targetLi?.offsetTop || 0;
-				const targetTop = targetLiTop - firstLiTop;
-				const isVisible = ul.offsetParent !== null;
-				if (targetLiTop === 0 && targetLi !== firstLi || !isVisible) {
-					if (scrollRafTimesRef.value <= 5) scrollRafRef.value = (0, _v_c_util_dist_raf.default)(doScroll);
-					return;
-				}
-				const nextTop = currentTop + (targetTop - currentTop) * SPEED_PTG;
-				const dist = Math.abs(targetTop - nextTop);
-				if (scrollDistRef.value !== null && scrollDistRef.value < dist) {
-					stopScroll();
-					return;
-				}
-				scrollDistRef.value = dist;
-				if (dist <= 1) {
-					ul.scrollTop = targetTop;
-					stopScroll();
-					return;
-				}
-				ul.scrollTop = nextTop;
-				scrollRafRef.value = (0, _v_c_util_dist_raf.default)(doScroll);
-			};
-			if (targetLi && firstLi) doScroll();
-		}
-	};
-	return [
-		startScroll,
-		stopScroll,
-		isScrolling
-	];
-}
-exports.default = useScrollTo;