@v-c/picker 0.0.7 → 1.0.1

package/dist/PickerInput/hooks/useShowNow.cjs

@@ -1,15 +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");
-function useShowNow(picker, mode, showNow, showToday, rangePicker) {
-	return (0, vue.computed)(() => {
-		if (mode.value !== "date" && mode.value !== "time") return false;
-		if (showNow.value !== void 0) return showNow.value;
-		if (showToday.value !== void 0) return showToday.value;
-		return !rangePicker?.value && (picker.value === "date" || picker.value === "time");
-	});
-}
-exports.default = useShowNow;

package/dist/PickerPanel/DatePanel/index.cjs

@@ -1,294 +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");
-let _v_c_util = require("@v-c/util");
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var DatePanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const sharedContext = require_context.useSharedPanelContext();
-	const panelContext = (0, vue.computed)(() => {
-		const [info] = require_context.useInfo(props, props.mode || "date", sharedContext);
-		return info;
-	});
-	require_context.providePanelContext(panelContext);
-	return () => {
-		const { prefixCls, panelName = "date", locale, generateConfig, pickerValue, onPickerValueChange, onModeChange, mode = "date", disabledDate, onSelect, onHover, showWeek } = props;
-		const panelPrefixCls = `${prefixCls}-${panelName}-panel`;
-		const cellPrefixCls = `${prefixCls}-cell`;
-		const isWeek = mode === "week";
-		const weekFirstDay = generateConfig?.locale?.getWeekFirstDay?.(locale.locale) ?? 0;
-		const monthStartDate = generateConfig?.setDate(pickerValue, 1);
-		const baseDate = require_dateUtil.getWeekStartDate(locale.locale, generateConfig, monthStartDate);
-		const month = generateConfig?.getMonth?.(pickerValue);
-		const cellDateFormat = locale?.cellDateFormat || locale?.dayFormat || "D";
-		const yearFormat = locale?.yearFormat || "YYYY";
-		const prefixColumn = (showWeek === void 0 ? isWeek : showWeek) ? (date) => {
-			const disabled = disabledDate?.(date, { type: "week" });
-			return (0, vue.createVNode)("td", {
-				"key": "week",
-				"class": (0, _v_c_util.clsx)(cellPrefixCls, `${cellPrefixCls}-week`, { [`${cellPrefixCls}-disabled`]: disabled }),
-				"onClick": () => {
-					if (!disabled) onSelect?.(date);
-				},
-				"onMouseenter": () => {
-					if (!disabled) onHover?.(date);
-				},
-				"onMouseleave": () => {
-					if (!disabled) onHover?.(null);
-				}
-			}, [(0, vue.createVNode)("div", { "class": `${cellPrefixCls}-inner` }, [generateConfig?.locale.getWeek?.(locale.locale, date)])]);
-		} : void 0;
-		const headerCells = [];
-		const weekDaysLocale = locale?.shortWeekDays || (generateConfig?.locale?.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []);
-		if (prefixColumn) headerCells.push((0, vue.createVNode)("th", { "key": "empty" }, [(0, vue.createVNode)("span", { "style": {
-			width: 0,
-			height: 0,
-			position: "absolute",
-			overflow: "hidden",
-			opacity: 0
-		} }, [locale.week])]));
-		for (let i = 0; i < 7; i += 1) headerCells.push((0, vue.createVNode)("th", { "key": i }, [weekDaysLocale[(i + weekFirstDay) % 7]]));
-		const getCellDate = (date, offset) => {
-			return generateConfig?.addDate?.(date, offset);
-		};
-		const getCellText = (date) => {
-			return require_dateUtil.formatValue(date, {
-				locale,
-				format: cellDateFormat,
-				generateConfig
-			});
-		};
-		const getCellClassName = (date) => {
-			const nowVal = panelContext.value.now;
-			return {
-				[`${prefixCls}-cell-in-view`]: require_dateUtil.isSameMonth(generateConfig, date, pickerValue),
-				[`${prefixCls}-cell-today`]: require_dateUtil.isSameDate(generateConfig, date, nowVal)
-			};
-		};
-		const monthsLocale = locale?.shortMonths || (generateConfig?.locale?.getShortMonths ? generateConfig.locale.getShortMonths?.(locale.locale) : []);
-		const yearNode = (0, vue.createVNode)("button", {
-			"type": "button",
-			"aria-label": locale?.yearSelect,
-			"key": "year",
-			"onClick": () => {
-				onModeChange?.("year", pickerValue);
-			},
-			"tabindex": -1,
-			"class": `${prefixCls}-year-btn`
-		}, [require_dateUtil.formatValue(pickerValue, {
-			locale,
-			format: yearFormat,
-			generateConfig
-		})]);
-		const monthNode = (0, vue.createVNode)("button", {
-			"type": "button",
-			"aria-label": locale?.monthSelect,
-			"key": "month",
-			"onClick": () => {
-				onModeChange?.("month", pickerValue);
-			},
-			"tabindex": -1,
-			"class": `${prefixCls}-month-btn`
-		}, [locale?.monthFormat ? require_dateUtil.formatValue(pickerValue, {
-			locale,
-			format: locale.monthFormat,
-			generateConfig
-		}) : monthsLocale[month]]);
-		const monthYearNodes = locale?.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];
-		return (0, vue.createVNode)("div", { "class": (0, _v_c_util.clsx)(panelPrefixCls, showWeek && `${panelPrefixCls}-show-week`) }, [(0, vue.createVNode)(require_PanelHeader.default, {
-			"offset": (distance, date) => generateConfig?.addMonth?.(date, distance),
-			"superOffset": (distance, date) => generateConfig?.addYear?.(date, distance),
-			"onChange": onPickerValueChange,
-			"getStart": (date) => generateConfig?.setDate?.(date, 1),
-			"getEnd": (date) => {
-				let clone = generateConfig?.setDate?.(date, 1);
-				clone = generateConfig?.addMonth(clone, 1);
-				return generateConfig?.addDate(clone, -1);
-			}
-		}, _isSlot(monthYearNodes) ? monthYearNodes : { default: () => [monthYearNodes] }), (0, vue.createVNode)(require_PanelBody.default, (0, vue.mergeProps)(props, {
-			"titleFormat": locale?.fieldDateFormat,
-			"colNum": 7,
-			"rowNum": 6,
-			"baseDate": baseDate,
-			"headerCells": headerCells,
-			"getCellDate": getCellDate,
-			"getCellText": getCellText,
-			"getCellClassName": getCellClassName,
-			"prefixColumn": prefixColumn,
-			"cellSelection": !isWeek
-		}), null)]);
-	};
-}, {
-	props: {
-		panelName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		rowClassName: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		mode: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		cellSelection: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		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: "DatePanel",
-	inheritAttrs: false
-});
-var DatePanel_default = DatePanel;
-exports.default = DatePanel_default;

package/dist/PickerPanel/DateTimePanel/index.cjs

@@ -1,180 +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_index = require("../DatePanel/index.cjs");
-const require_index$1 = require("../TimePanel/index.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var DateTimePanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const [getValidTime] = require_useTimeInfo.default((0, vue.computed)(() => props.generateConfig), (0, vue.computed)(() => typeof props.showTime === "object" ? props.showTime : {}));
-	return () => {
-		const { prefixCls, generateConfig, onSelect, value, pickerValue, onHover } = props;
-		const panelPrefixCls = `${prefixCls}-datetime-panel`;
-		const mergeTime = (date) => {
-			if (value) return require_dateUtil.fillTime(generateConfig, date, value);
-			return require_dateUtil.fillTime(generateConfig, date, pickerValue);
-		};
-		const onDateHover = (date) => {
-			onHover?.(date ? mergeTime(date) : date);
-		};
-		const onDateSelect = (date) => {
-			const cloneDate = mergeTime(date);
-			onSelect?.(getValidTime(cloneDate, cloneDate));
-		};
-		const datePanelProps = {
-			...(0, _v_c_util.omit)(props, ["onSelect", "onHover"]),
-			onSelect: onDateSelect,
-			onHover: onDateHover
-		};
-		return (0, vue.createVNode)("div", { "class": panelPrefixCls }, [(0, vue.createVNode)(require_index.default, datePanelProps, null), (0, vue.createVNode)(require_index$1.default, props, 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: "DateTimePanel",
-	inheritAttrs: false
-});
-var DateTimePanel_default = DateTimePanel;
-exports.default = DateTimePanel_default;

package/dist/PickerPanel/DecadePanel/index.cjs

@@ -1,230 +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 DecadePanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const sharedContext = require_context.useSharedPanelContext();
-	require_context.providePanelContext((0, vue.computed)(() => {
-		const [info] = require_context.useInfo(props, "decade", sharedContext);
-		return info;
-	}));
-	return () => {
-		const { prefixCls, locale = {}, generateConfig = {}, pickerValue, disabledDate, onPickerValueChange } = props;
-		const panelPrefixCls = `${prefixCls}-decade-panel`;
-		const cellYearFormat = locale?.cellYearFormat || "YYYY";
-		const yearFormat = locale?.yearFormat || "YYYY";
-		const getStartYear = (date) => {
-			const startYear = Math.floor(generateConfig.getYear(date) / 100) * 100;
-			return generateConfig.setYear(date, startYear);
-		};
-		const getEndYear = (date) => {
-			const startYear = getStartYear(date);
-			return generateConfig.addYear(startYear, 99);
-		};
-		const startYearDate = getStartYear(pickerValue);
-		const endYearDate = getEndYear(pickerValue);
-		const baseDate = generateConfig.addYear(startYearDate, -10);
-		const getCellDate = (date, offset) => {
-			return generateConfig.addYear(date, offset * 10);
-		};
-		const getCellText = (date) => {
-			return `${require_dateUtil.formatValue(date, {
-				locale,
-				format: cellYearFormat,
-				generateConfig
-			})}-${require_dateUtil.formatValue(generateConfig.addYear(date, 9), {
-				locale,
-				format: cellYearFormat,
-				generateConfig
-			})}`;
-		};
-		const getCellClassName = (date) => {
-			return { [`${prefixCls}-cell-in-view`]: require_dateUtil.isSameDecade(generateConfig, date, startYearDate) || require_dateUtil.isSameDecade(generateConfig, date, endYearDate) || require_dateUtil.isInRange(generateConfig, startYearDate, endYearDate, date) };
-		};
-		const mergedDisabledDate = disabledDate ? (currentDate, disabledInfo) => {
-			const baseStartDate = generateConfig.setDate(currentDate, 1);
-			const baseStartMonth = generateConfig.setMonth(baseStartDate, 0);
-			const baseStartYear = generateConfig.setYear(baseStartMonth, Math.floor(generateConfig.getYear(baseStartMonth) / 10) * 10);
-			const baseEndYear = generateConfig.addYear(baseStartYear, 10);
-			const baseEndDate = generateConfig.addDate(baseEndYear, -1);
-			return disabledDate(baseStartYear, disabledInfo) && disabledDate(baseEndDate, disabledInfo);
-		} : void 0;
-		const yearNode = `${require_dateUtil.formatValue(startYearDate, {
-			locale,
-			format: yearFormat,
-			generateConfig
-		})}-${require_dateUtil.formatValue(endYearDate, {
-			locale,
-			format: yearFormat,
-			generateConfig
-		})}`;
-		return (0, vue.createVNode)("div", { "class": panelPrefixCls }, [(0, vue.createVNode)(require_PanelHeader.default, {
-			"superOffset": (distance, date) => generateConfig.addYear(date, distance * 100),
-			"onChange": onPickerValueChange,
-			"getStart": getStartYear,
-			"getEnd": getEndYear
-		}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), (0, vue.createVNode)(require_PanelBody.default, (0, vue.mergeProps)(props, {
-			"disabledDate": mergedDisabledDate,
-			"colNum": 3,
-			"rowNum": 4,
-			"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: "DecadePanel",
-	inheritAttrs: false
-});
-var DecadePanel_default = DecadePanel;
-exports.default = DecadePanel_default;