@v-c/picker 0.0.7 → 1.0.1

package/dist/PickerPanel/MonthPanel/index.cjs

@@ -1,219 +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 MonthPanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const sharedContext = require_context.useSharedPanelContext();
-	require_context.providePanelContext((0, vue.computed)(() => {
-		const [info] = require_context.useInfo(props, "month", sharedContext);
-		return info;
-	}));
-	return () => {
-		const { prefixCls, locale = {}, generateConfig = {}, pickerValue, disabledDate, onPickerValueChange, onModeChange } = props;
-		const panelPrefixCls = `${prefixCls}-month-panel`;
-		const baseDate = generateConfig.setMonth(pickerValue, 0);
-		const yearFormat = locale.yearFormat || "YYYY";
-		const monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
-		const getCellDate = (date, offset) => {
-			return generateConfig.addMonth(date, offset);
-		};
-		const getCellText = (date) => {
-			const month = generateConfig.getMonth(date);
-			return locale.monthFormat ? require_dateUtil.formatValue(date, {
-				locale,
-				format: locale.monthFormat,
-				generateConfig
-			}) : monthsLocale[month];
-		};
-		const getCellClassName = () => ({ [`${prefixCls}-cell-in-view`]: true });
-		const mergedDisabledDate = disabledDate ? (currentDate, disabledInfo) => {
-			const startDate = generateConfig.setDate(currentDate, 1);
-			const nextMonthStartDate = generateConfig.setMonth(startDate, generateConfig.getMonth(startDate) + 1);
-			const endDate = generateConfig.addDate(nextMonthStartDate, -1);
-			return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
-		} : void 0;
-		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, {
-			"disabledDate": mergedDisabledDate,
-			"titleFormat": locale.fieldMonthFormat,
-			"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: "MonthPanel",
-	inheritAttrs: false
-});
-var MonthPanel_default = MonthPanel;
-exports.default = MonthPanel_default;

package/dist/PickerPanel/PanelBody.cjs

@@ -1,157 +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");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var PanelBody = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const context = require_context.usePanelContext();
-	const pickerHackContext = require_context.usePickerHackContext();
-	return () => {
-		const { prefixCls, classNames: panelClassNames, styles, panelType, now, disabledDate: contextDisabledDate, cellRender, onHover, hoverValue, hoverRangeValue, generateConfig = {}, values, locale = {}, onSelect } = context.value;
-		const { rowNum, colNum, baseDate, getCellDate, prefixColumn, rowClassName, titleFormat, getCellText, getCellClassName, headerCells, cellSelection = true, disabledDate } = props;
-		const { onCellDblClick } = pickerHackContext?.value || {};
-		const mergedDisabledDate = disabledDate || contextDisabledDate;
-		const cellPrefixCls = `${prefixCls}-cell`;
-		const matchValues = (date) => (values || []).some((singleValue) => singleValue && require_dateUtil.isSame(generateConfig, locale, date, singleValue, panelType));
-		const rows = [];
-		for (let row = 0; row < rowNum; row += 1) {
-			const rowNode = [];
-			let rowStartDate;
-			for (let col = 0; col < colNum; col += 1) {
-				const currentDate = getCellDate(baseDate, row * colNum + col);
-				const disabled = mergedDisabledDate?.(currentDate, { type: panelType });
-				if (col === 0) {
-					rowStartDate = currentDate;
-					if (prefixColumn) rowNode.push(prefixColumn(rowStartDate));
-				}
-				let inRange = false;
-				let rangeStart = false;
-				let rangeEnd = false;
-				if (cellSelection && hoverRangeValue) {
-					const [hoverStart, hoverEnd] = hoverRangeValue;
-					inRange = require_dateUtil.isInRange(generateConfig, hoverStart, hoverEnd, currentDate);
-					rangeStart = require_dateUtil.isSame(generateConfig, locale, currentDate, hoverStart, panelType);
-					rangeEnd = require_dateUtil.isSame(generateConfig, locale, currentDate, hoverEnd, panelType);
-				}
-				const title = titleFormat ? require_dateUtil.formatValue(currentDate, {
-					locale,
-					format: titleFormat,
-					generateConfig
-				}) : void 0;
-				const inner = (0, vue.createVNode)("div", { "class": `${cellPrefixCls}-inner` }, [getCellText(currentDate)]);
-				rowNode.push((0, vue.createVNode)("td", {
-					"key": col,
-					"title": title,
-					"class": (0, _v_c_util.clsx)(cellPrefixCls, panelClassNames?.item, {
-						[`${cellPrefixCls}-disabled`]: disabled,
-						[`${cellPrefixCls}-hover`]: (hoverValue || []).some((date) => require_dateUtil.isSame(generateConfig, locale, currentDate, date, panelType)),
-						[`${cellPrefixCls}-in-range`]: inRange && !rangeStart && !rangeEnd,
-						[`${cellPrefixCls}-range-start`]: rangeStart,
-						[`${cellPrefixCls}-range-end`]: rangeEnd,
-						[`${prefixCls}-cell-selected`]: !hoverRangeValue && panelType !== "week" && matchValues(currentDate),
-						...getCellClassName(currentDate)
-					}),
-					"style": styles?.item,
-					"onClick": () => {
-						if (!disabled) onSelect(currentDate);
-					},
-					"onDblclick": () => {
-						if (!disabled && onCellDblClick) onCellDblClick();
-					},
-					"onMouseenter": () => {
-						if (!disabled) onHover?.(currentDate);
-					},
-					"onMouseleave": () => {
-						if (!disabled) onHover?.(null);
-					}
-				}, [cellRender ? cellRender(currentDate, {
-					prefixCls,
-					originNode: inner,
-					today: now,
-					type: panelType,
-					locale
-				}) : inner]));
-			}
-			rows.push((0, vue.createVNode)("tr", {
-				"key": row,
-				"class": rowClassName?.(rowStartDate)
-			}, [rowNode]));
-		}
-		return (0, vue.createVNode)("div", {
-			"class": (0, _v_c_util.clsx)(`${prefixCls}-body`, panelClassNames?.body),
-			"style": styles?.body
-		}, [(0, vue.createVNode)("table", {
-			"class": (0, _v_c_util.clsx)(`${prefixCls}-content`, panelClassNames?.content),
-			"style": styles?.content
-		}, [headerCells && (0, vue.createVNode)("thead", null, [(0, vue.createVNode)("tr", null, [headerCells])]), (0, vue.createVNode)("tbody", null, [rows])])]);
-	};
-}, {
-	props: {
-		rowNum: {
-			type: Number,
-			required: true,
-			default: void 0
-		},
-		colNum: {
-			type: Number,
-			required: true,
-			default: void 0
-		},
-		baseDate: {
-			required: true,
-			default: void 0
-		},
-		titleFormat: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		getCellDate: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		getCellText: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		getCellClassName: {
-			type: Function,
-			required: true,
-			default: void 0
-		},
-		disabledDate: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		headerCells: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		prefixColumn: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		rowClassName: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		cellSelection: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "PanelBody"
-});
-var PanelBody_default = PanelBody;
-exports.default = PanelBody_default;

package/dist/PickerPanel/PanelHeader.cjs

@@ -1,132 +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");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var HIDDEN_STYLE = { visibility: "hidden" };
-var PanelHeader = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	const context = require_context.usePanelContext();
-	const pickerHackContext = require_context.usePickerHackContext();
-	const disabledOffsetPrev = (0, vue.computed)(() => {
-		const { minDate, generateConfig, locale, pickerValue, panelType } = context.value;
-		const { offset, getEnd } = props;
-		if (!minDate || !offset || !getEnd) return false;
-		return !require_dateUtil.isSameOrAfter(generateConfig, locale, getEnd(offset(-1, pickerValue)), minDate, panelType);
-	});
-	const disabledSuperOffsetPrev = (0, vue.computed)(() => {
-		const { minDate, generateConfig, locale, pickerValue, panelType } = context.value;
-		const { superOffset, getEnd } = props;
-		if (!minDate || !superOffset || !getEnd) return false;
-		return !require_dateUtil.isSameOrAfter(generateConfig, locale, getEnd(superOffset(-1, pickerValue)), minDate, panelType);
-	});
-	const disabledOffsetNext = (0, vue.computed)(() => {
-		const { maxDate, generateConfig, locale, pickerValue, panelType } = context.value;
-		const { offset, getStart } = props;
-		if (!maxDate || !offset || !getStart) return false;
-		return !require_dateUtil.isSameOrAfter(generateConfig, locale, maxDate, getStart(offset(1, pickerValue)), panelType);
-	});
-	const disabledSuperOffsetNext = (0, vue.computed)(() => {
-		const { maxDate, generateConfig, locale, pickerValue, panelType } = context.value;
-		const { superOffset, getStart } = props;
-		if (!maxDate || !superOffset || !getStart) return false;
-		return !require_dateUtil.isSameOrAfter(generateConfig, locale, maxDate, getStart(superOffset(1, pickerValue)), panelType);
-	});
-	const onOffset = (distance) => {
-		const { offset, onChange } = props;
-		const { pickerValue } = context.value;
-		if (offset && onChange) onChange(offset(distance, pickerValue));
-	};
-	const onSuperOffset = (distance) => {
-		const { superOffset, onChange } = props;
-		const { pickerValue } = context.value;
-		if (superOffset && onChange) onChange(superOffset(distance, pickerValue));
-	};
-	return () => {
-		const { prefixCls, classNames: panelClassNames, styles, prevIcon = "‹", nextIcon = "›", superPrevIcon = "«", superNextIcon = "»", locale } = context.value;
-		const { hidePrev, hideNext, hideHeader } = pickerHackContext?.value || {};
-		const { offset, superOffset } = props;
-		if (hideHeader) return null;
-		const headerPrefixCls = `${prefixCls}-header`;
-		const prevBtnCls = `${headerPrefixCls}-prev-btn`;
-		const nextBtnCls = `${headerPrefixCls}-next-btn`;
-		const superPrevBtnCls = `${headerPrefixCls}-super-prev-btn`;
-		const superNextBtnCls = `${headerPrefixCls}-super-next-btn`;
-		return (0, vue.createVNode)("div", {
-			"class": (0, _v_c_util.clsx)(headerPrefixCls, panelClassNames?.header),
-			"style": styles?.header
-		}, [
-			superOffset && (0, vue.createVNode)("button", {
-				"type": "button",
-				"aria-label": locale?.previousYear,
-				"onClick": () => onSuperOffset(-1),
-				"tabindex": -1,
-				"class": (0, _v_c_util.clsx)(superPrevBtnCls, disabledSuperOffsetPrev.value && `${superPrevBtnCls}-disabled`),
-				"disabled": disabledSuperOffsetPrev.value,
-				"style": hidePrev ? HIDDEN_STYLE : {}
-			}, [superPrevIcon]),
-			offset && (0, vue.createVNode)("button", {
-				"type": "button",
-				"aria-label": locale?.previousMonth,
-				"onClick": () => onOffset(-1),
-				"tabindex": -1,
-				"class": (0, _v_c_util.clsx)(prevBtnCls, disabledOffsetPrev.value && `${prevBtnCls}-disabled`),
-				"disabled": disabledOffsetPrev.value,
-				"style": hidePrev ? HIDDEN_STYLE : {}
-			}, [prevIcon]),
-			(0, vue.createVNode)("div", { "class": `${headerPrefixCls}-view` }, [slots.default?.()]),
-			offset && (0, vue.createVNode)("button", {
-				"type": "button",
-				"aria-label": locale?.nextMonth,
-				"onClick": () => onOffset(1),
-				"tabindex": -1,
-				"class": (0, _v_c_util.clsx)(nextBtnCls, disabledOffsetNext.value && `${nextBtnCls}-disabled`),
-				"disabled": disabledOffsetNext.value,
-				"style": hideNext ? HIDDEN_STYLE : {}
-			}, [nextIcon]),
-			superOffset && (0, vue.createVNode)("button", {
-				"type": "button",
-				"aria-label": locale?.nextYear,
-				"onClick": () => onSuperOffset(1),
-				"tabindex": -1,
-				"class": (0, _v_c_util.clsx)(superNextBtnCls, disabledSuperOffsetNext.value && `${superNextBtnCls}-disabled`),
-				"disabled": disabledSuperOffsetNext.value,
-				"style": hideNext ? HIDDEN_STYLE : {}
-			}, [superNextIcon])
-		]);
-	};
-}, {
-	props: {
-		offset: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		superOffset: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		getStart: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		getEnd: {
-			type: Function,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "PanelHeader"
-});
-var PanelHeader_default = PanelHeader;
-exports.default = PanelHeader_default;