@v-c/picker 1.0.4-beta.1 → 1.1.0-rc.1

package/dist/PickerInput/SinglePicker.js

@@ -1,6 +1,6 @@
 import useSemantic from "../hooks/useSemantic.js";
 import { providePickerContext } from "./context.js";
-import PickerTrigger_default from "../PickerTrigger/index.js";
+import PickerTrigger from "../PickerTrigger/index.js";
 import { toArray } from "../utils/miscUtil.js";
 import { pickTriggerProps } from "../PickerTrigger/util.js";
 import { formatValue, formatValues } from "../utils/valueUtil.js";
@@ -14,13 +14,14 @@ import useRangePickerValue from "./hooks/useRangePickerValue.js";
 import useRangeValue, { useInnerValue } from "./hooks/useRangeValue.js";
 import useShowNow from "./hooks/useShowNow.js";
 import useToggleDates from "../hooks/useToggleDates.js";
-import Popup_default from "./Popup/index.js";
-import SingleSelector_default from "./Selector/SingleSelector/index.js";
+import Popup from "./Popup/index.js";
+import SingleSelector from "./Selector/SingleSelector/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import omit$1 from "@v-c/util/dist/omit";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
-var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
+//#region src/PickerInput/SinglePicker.tsx
+var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const [filledProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate] = useFilledProps(computed(() => props));
 	const fp = computed(() => filledProps.value);
 	const prefixCls = computed(() => fp.value.prefixCls);
@@ -101,8 +102,8 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 	};
 	const toggleDates = useToggleDates(generateConfig, locale, internalPicker);
 	const semanticCtx = useSemantic(classNames, styles);
-	const [mergedOpen, triggerOpen] = useOpen(open, defaultOpen, computed(() => [disabled.value]), (open$1) => {
-		onOpenChange.value?.(open$1);
+	const [mergedOpen, triggerOpen] = useOpen(open, defaultOpen, computed(() => [disabled.value]), (open) => {
+		onOpenChange.value?.(open);
 	});
 	const onInternalCalendarChange = (dates, dateStrings, info) => {
 		if (onCalendarChange.value) {
@@ -132,6 +133,7 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 	const setMode = (val) => {
 		mergedMode.value = val;
 	};
+	/** Extends from `mergedMode` to patch `datetime` mode */
 	const internalMode = computed(() => mergedMode.value === "date" && showTime.value ? "datetime" : mergedMode.value);
 	const mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday);
 	const onInternalChange = (dates, dateStrings) => {
@@ -163,6 +165,10 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 			onPanelChange.value(lastPickerValue, nextMode);
 		}
 	};
+	/**
+	* Different with RangePicker, confirm should check `multiple` logic.
+	* This will never provide `date` instead.
+	*/
 	const triggerConfirm = () => {
 		triggerSubmitChange(getCalendarValue.value);
 		triggerOpen(false, { force: true });
@@ -320,7 +326,7 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 	});
 	return () => {
 		const [mergedClassNames, mergedStyles] = semanticCtx.value;
-		const panel = createVNode(Popup_default, popupProps.value, null);
+		const panel = createVNode(Popup, popupProps.value, null);
 		const singleSelectorProps = {
 			...omit$1(fp.value, [
 				"autoFocus",
@@ -368,13 +374,13 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 		Object.keys(singleSelectorProps).forEach((key) => {
 			if (singleSelectorProps[key] === void 0) delete singleSelectorProps[key];
 		});
-		return createVNode(PickerTrigger_default, mergeProps(pickTriggerProps(fp.value), {
+		return createVNode(PickerTrigger, mergeProps(pickTriggerProps(fp.value), {
 			"popupElement": panel,
 			"popupStyle": mergedStyles?.popup?.root,
 			"popupClassName": clsx(rootClassName.value, mergedClassNames?.popup?.root),
 			"visible": mergedOpen.value,
 			"onClose": onPopupClose
-		}), { default: () => [createVNode(SingleSelector_default, mergeProps(singleSelectorProps, { "ref": selectorRef }), null)] });
+		}), { default: () => [createVNode(SingleSelector, mergeProps(singleSelectorProps, { "ref": selectorRef }), null)] });
 	};
 }, {
 	props: {
@@ -402,6 +408,11 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 			required: false,
 			default: void 0
 		},
+		tagRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
 		value: {
 			required: false,
 			default: void 0
@@ -500,13 +511,11 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 		},
 		locale: {
 			type: Object,
-			required: true,
-			default: void 0
+			required: true
 		},
 		generateConfig: {
 			type: Object,
-			required: true,
-			default: void 0
+			required: true
 		},
 		picker: {
 			type: String,
@@ -1887,4 +1896,5 @@ var SinglePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =
 	name: "SinglePicker",
 	inheritAttrs: false
 });
-export { SinglePicker_default as default };
+//#endregion
+export { SinglePicker as default };

package/dist/PickerInput/context.js

@@ -1,4 +1,5 @@
 import { inject, provide, ref } from "vue";
+//#region src/PickerInput/context.ts
 var PickerContextKey = Symbol("PickerContext");
 function providePickerContext(context) {
 	provide(PickerContextKey, context);
@@ -6,4 +7,5 @@ function providePickerContext(context) {
 function usePickerContext() {
 	return inject(PickerContextKey, ref({}));
 }
+//#endregion
 export { providePickerContext, usePickerContext };

package/dist/PickerInput/hooks/useCellRender.js

@@ -1,4 +1,5 @@
 import { warning } from "@v-c/util";
+//#region src/PickerInput/hooks/useCellRender.ts
 function useCellRender(cellRender, dateRender, monthCellRender, range) {
 	if (process.env.NODE_ENV !== "production") {
 		warning(!dateRender?.value, `'dateRender' is deprecated. Please use 'cellRender' instead.`);
@@ -17,4 +18,5 @@ function useCellRender(cellRender, dateRender, monthCellRender, range) {
 	});
 	return onInternalCellRender;
 }
+//#endregion
 export { useCellRender as default };

package/dist/PickerInput/hooks/useDelayState.js

@@ -1,5 +1,6 @@
 import { computed, nextTick, onBeforeUnmount, ref, watch } from "vue";
 import raf from "@v-c/util/dist/raf";
+//#region src/PickerInput/hooks/useDelayState.ts
 function useDelayState(value, defaultValue, onChange) {
 	const internalValue = ref(defaultValue);
 	const state = computed(() => value.value !== void 0 ? value.value : internalValue.value);
@@ -28,4 +29,5 @@ function useDelayState(value, defaultValue, onChange) {
 	});
 	return [state, updateValue];
 }
+//#endregion
 export { useDelayState as default };

package/dist/PickerInput/hooks/useDisabledBoundary.js

@@ -1,4 +1,8 @@
 import { isSame } from "../../utils/dateUtil.js";
+//#region src/PickerInput/hooks/useDisabledBoundary.ts
+/**
+* Merge `disabledDate` with `minDate` & `maxDate`.
+*/
 function useDisabledBoundary(generateConfig, locale, disabledDate, minDate, maxDate) {
 	const mergedDisabledDate = (date, info) => {
 		if (disabledDate.value && disabledDate.value(date, info)) return true;
@@ -8,4 +12,5 @@ function useDisabledBoundary(generateConfig, locale, disabledDate, minDate, maxD
 	};
 	return mergedDisabledDate;
 }
+//#endregion
 export { useDisabledBoundary as default };

package/dist/PickerInput/hooks/useFieldFormat.js

@@ -1,5 +1,6 @@
 import { getRowFormat, toArray } from "../../utils/miscUtil.js";
 import { computed } from "vue";
+//#region src/PickerInput/hooks/useFieldFormat.ts
 function useFieldFormat(picker, locale, format) {
 	const info = computed(() => {
 		const formatList = toArray(getRowFormat(picker.value, locale.value, format?.value));
@@ -12,4 +13,5 @@ function useFieldFormat(picker, locale, format) {
 	});
 	return [computed(() => info.value.formatList), computed(() => info.value.maskFormat)];
 }
+//#endregion
 export { useFieldFormat };

package/dist/PickerInput/hooks/useFieldsInvalidate.js

@@ -1,5 +1,9 @@
 import { fillIndex } from "../../utils/miscUtil.js";
 import { computed, ref } from "vue";
+//#region src/PickerInput/hooks/useFieldsInvalidate.ts
+/**
+* Used to control each fields invalidate status
+*/
 function useFieldsInvalidate(calendarValue, isInvalidateDate, allowEmpty = ref([])) {
 	const fieldsInvalidates = ref([false, false]);
 	const onSelectorInvalid = (invalid, index) => {
@@ -16,4 +20,5 @@ function useFieldsInvalidate(calendarValue, isInvalidateDate, allowEmpty = ref([
 		});
 	}), onSelectorInvalid];
 }
+//#endregion
 export { useFieldsInvalidate as default };

package/dist/PickerInput/hooks/useFilledProps.js

@@ -9,6 +9,7 @@ import useInputReadOnly from "./useInputReadOnly.js";
 import useInvalidate from "./useInvalidate.js";
 import { computed } from "vue";
 import { warning } from "@v-c/util";
+//#region src/PickerInput/hooks/useFilledProps.ts
 function useList(value, fillMode = false, transform) {
 	return computed(() => {
 		const val = value.value;
@@ -21,6 +22,12 @@ function useList(value, fillMode = false, transform) {
 		return list;
 	});
 }
+/**
+* Align the outer props with unique typed and fill undefined props.
+* This is shared with both RangePicker and Picker. This will do:
+* - Convert `value` & `defaultValue` to array
+* - handle the legacy props fill like `clearIcon` + `allowClear` = `clearIcon`
+*/
 function useFilledProps(props, updater) {
 	const mergedPicker = computed(() => props.value.picker || "date");
 	const mergedPrefixCls = computed(() => props.value.prefixCls || "vc-picker");
@@ -32,7 +39,9 @@ function useFilledProps(props, updater) {
 		input: props.value.inputRender,
 		...props.value.components
 	}));
+	/** Almost same as `picker`, but add `datetime` for `date` with `showTime` */
 	const internalPicker = computed(() => mergedPicker.value === "date" && props.value.showTime ? "datetime" : mergedPicker.value);
+	/** The picker is `datetime` or `time` */
 	const multipleInteractivePicker = computed(() => internalPicker.value === "time" || internalPicker.value === "datetime");
 	const complexPicker = computed(() => multipleInteractivePicker.value || props.value.multiple);
 	const mergedNeedConfirm = computed(() => {
@@ -102,4 +111,5 @@ function useFilledProps(props, updater) {
 		isInvalidateDate
 	];
 }
+//#endregion
 export { useFilledProps as default };

package/dist/PickerInput/hooks/useInputReadOnly.js

@@ -1,8 +1,10 @@
 import { computed } from "vue";
+//#region src/PickerInput/hooks/useInputReadOnly.ts
 function useInputReadOnly(formatList, inputReadOnly, multiple) {
 	return computed(() => {
 		if (typeof formatList.value[0] === "function" || multiple.value) return true;
 		return inputReadOnly.value;
 	});
 }
+//#endregion
 export { useInputReadOnly as default };

package/dist/PickerInput/hooks/useInvalidate.js

@@ -1,3 +1,7 @@
+//#region src/PickerInput/hooks/useInvalidate.ts
+/**
+* Check if provided date is valid for the `disabledDate` & `showTime.disabledTime`.
+*/
 function useInvalidate(generateConfig, picker, disabledDate, showTime) {
 	const isInvalidate = (date, info) => {
 		const outsideInfo = {
@@ -27,4 +31,5 @@ function useInvalidate(generateConfig, picker, disabledDate, showTime) {
 	};
 	return isInvalidate;
 }
+//#endregion
 export { useInvalidate as default };

package/dist/PickerInput/hooks/useLockEffect.js

@@ -1,5 +1,10 @@
 import { raf } from "../Selector/util.js";
 import { watch } from "vue";
+//#region src/PickerInput/hooks/useLockEffect.ts
+/**
+* Trigger `callback` immediately when `condition` is `true`.
+* But trigger `callback` in next frame when `condition` is `false`.
+*/
 function useLockEffect(condition, callback) {
 	watch(condition, (val) => {
 		if (val) callback(val);
@@ -8,4 +13,5 @@ function useLockEffect(condition, callback) {
 		});
 	}, { flush: "post" });
 }
+//#endregion
 export { useLockEffect as default };

package/dist/PickerInput/hooks/useOpen.js

@@ -1,5 +1,10 @@
 import useDelayState from "./useDelayState.js";
 import { computed } from "vue";
+//#region src/PickerInput/hooks/useOpen.ts
+/**
+* Control the open state.
+* Will not close if activeElement is on the popup.
+*/
 function useOpen(open, defaultOpen, disabledList, onOpenChange) {
 	const [rafOpen, setRafOpen] = useDelayState(computed(() => disabledList.value?.every((disabled) => disabled) ? false : open.value), defaultOpen.value || false, onOpenChange);
 	function setOpen(next, config = {}) {
@@ -7,4 +12,5 @@ function useOpen(open, defaultOpen, disabledList, onOpenChange) {
 	}
 	return [rafOpen, setOpen];
 }
+//#endregion
 export { useOpen as default };

package/dist/PickerInput/hooks/usePresets.js

@@ -1,5 +1,6 @@
 import { computed } from "vue";
 import { warning } from "@v-c/util";
+//#region src/PickerInput/hooks/usePresets.ts
 function usePresets(presets, legacyRanges) {
 	return computed(() => {
 		if (presets.value) return presets.value;
@@ -13,4 +14,5 @@ function usePresets(presets, legacyRanges) {
 		return [];
 	});
 }
+//#endregion
 export { usePresets as default };

package/dist/PickerInput/hooks/useRangeActive.js

@@ -1,5 +1,11 @@
 import useLockEffect from "./useLockEffect.js";
 import { computed, ref, watch } from "vue";
+//#region src/PickerInput/hooks/useRangeActive.ts
+/**
+* When user first focus one input, any submit will trigger focus another one.
+* When second time focus one input, submit will not trigger focus again.
+* When click outside to close the panel, trigger event if it can trigger onChange.
+*/
 function useRangeActive(disabled, empty = ref([]), mergedOpen = ref(false)) {
 	const activeIndex = ref(0);
 	const focused = ref(false);
@@ -49,4 +55,5 @@ function useRangeActive(disabled, empty = ref([]), mergedOpen = ref(false)) {
 		hasActiveSubmitValue
 	];
 }
+//#endregion
 export { useRangeActive as default };

package/dist/PickerInput/hooks/useRangeDisabledDate.js

@@ -1,5 +1,10 @@
 import { getFromDate } from "../../utils/miscUtil.js";
 import { isSame } from "../../utils/dateUtil.js";
+//#region src/PickerInput/hooks/useRangeDisabledDate.ts
+/**
+* RangePicker need additional logic to handle the `disabled` case. e.g.
+* [disabled, enabled] should end date not before start date
+*/
 function useRangeDisabledDate(values, disabled, activeIndexList, generateConfig, locale, disabledDate) {
 	const rangeDisabledDate = (date, info) => {
 		const activeIndex = activeIndexList.value[activeIndexList.value.length - 1];
@@ -14,4 +19,5 @@ function useRangeDisabledDate(values, disabled, activeIndexList, generateConfig,
 	};
 	return rangeDisabledDate;
 }
+//#endregion
 export { useRangeDisabledDate as default };

package/dist/PickerInput/hooks/useRangePickerValue.js

@@ -1,6 +1,7 @@
 import { fillTime, isSame } from "../../utils/dateUtil.js";
 import useSyncState from "../../hooks/useSyncState.js";
 import { computed, ref, watch } from "vue";
+//#region src/PickerInput/hooks/useRangePickerValue.ts
 function offsetPanelDate(generateConfig, picker, date, offset) {
 	switch (picker) {
 		case "date":
@@ -91,4 +92,5 @@ function useRangePickerValue(generateConfig, locale, calendarValue, modes, open,
 	}, { flush: "post" });
 	return [currentPickerValue, setCurrentPickerValue];
 }
+//#endregion
 export { useRangePickerValue as default, offsetPanelDate };

package/dist/PickerInput/hooks/useRangeValue.js

@@ -2,6 +2,7 @@ import { fillIndex } from "../../utils/miscUtil.js";
 import { formatValue, isSame, isSameTimestamp } from "../../utils/dateUtil.js";
 import useLockEffect from "./useLockEffect.js";
 import { computed, ref, shallowRef, watch } from "vue";
+//#region src/PickerInput/hooks/useRangeValue.ts
 var EMPTY_VALUE = [];
 function useUtil(generateConfig, locale, formatList) {
 	const getDateTexts = (dates) => {
@@ -29,10 +30,14 @@ function useUtil(generateConfig, locale, formatList) {
 function orderDates(dates, generateConfig) {
 	return [...dates].sort((a, b) => generateConfig.isAfter(a, b) ? 1 : -1);
 }
+/**
+* Control the internal `value` align with prop `value` and provide a temp `calendarValue` for ui.
+* `calendarValue` will be reset when blur & focus & open.
+*/
 function useInnerValue(generateConfig, locale, formatList, rangeValue, order, defaultValue, value, onCalendarChange, onOk) {
 	const mergedValue = shallowRef((value.value === void 0 ? defaultValue.value : value.value) || EMPTY_VALUE);
-	watch(value, (value$1) => {
-		mergedValue.value = value$1 || EMPTY_VALUE;
+	watch(value, (value) => {
+		mergedValue.value = value || EMPTY_VALUE;
 	});
 	const setInnerValue = (val) => {
 		if (value.value === void 0) mergedValue.value = val;
@@ -127,4 +132,5 @@ function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, trigg
 	});
 	return [flushSubmit, triggerSubmit];
 }
+//#endregion
 export { useRangeValue as default, useInnerValue };

package/dist/PickerInput/hooks/useShowNow.js

@@ -1,4 +1,5 @@
 import { computed } from "vue";
+//#region src/PickerInput/hooks/useShowNow.ts
 function useShowNow(picker, mode, showNow, showToday, rangePicker) {
 	return computed(() => {
 		if (mode.value !== "date" && mode.value !== "time") return false;
@@ -7,4 +8,5 @@ function useShowNow(picker, mode, showNow, showToday, rangePicker) {
 		return !rangePicker?.value && (picker.value === "date" || picker.value === "time");
 	});
 }
+//#endregion
 export { useShowNow as default };

package/dist/PickerPanel/DatePanel/index.js

@@ -1,13 +1,14 @@
-import { WEEK_DAY_COUNT, formatValue, getWeekStartDate, isSameDate, isSameMonth } from "../../utils/dateUtil.js";
+import { formatValue, getWeekStartDate, isSameDate, isSameMonth } from "../../utils/dateUtil.js";
 import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
-import PanelBody_default from "../PanelBody.js";
-import PanelHeader_default from "../PanelHeader.js";
+import PanelBody from "../PanelBody.js";
+import PanelHeader from "../PanelHeader.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/PickerPanel/DatePanel/index.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
+var DatePanel = /* @__PURE__ */ defineComponent((props) => {
 	const sharedContext = useSharedPanelContext();
 	const panelContext = computed(() => {
 		const [info] = useInfo(props, props.mode || "date", sharedContext);
@@ -98,7 +99,7 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 			generateConfig
 		}) : monthsLocale[month]]);
 		const monthYearNodes = locale?.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];
-		return createVNode("div", { "class": clsx(panelPrefixCls, showWeek && `${panelPrefixCls}-show-week`) }, [createVNode(PanelHeader_default, {
+		return createVNode("div", { "class": clsx(panelPrefixCls, showWeek && `${panelPrefixCls}-show-week`) }, [createVNode(PanelHeader, {
 			"offset": (distance, date) => generateConfig?.addMonth?.(date, distance),
 			"superOffset": (distance, date) => generateConfig?.addYear?.(date, distance),
 			"onChange": onPickerValueChange,
@@ -108,7 +109,7 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 				clone = generateConfig?.addMonth(clone, 1);
 				return generateConfig?.addDate(clone, -1);
 			}
-		}, _isSlot(monthYearNodes) ? monthYearNodes : { default: () => [monthYearNodes] }), createVNode(PanelBody_default, mergeProps(props, {
+		}, _isSlot(monthYearNodes) ? monthYearNodes : { default: () => [monthYearNodes] }), createVNode(PanelBody, mergeProps(props, {
 			"titleFormat": locale?.fieldDateFormat,
 			"colNum": 7,
 			"rowNum": 6,
@@ -145,8 +146,7 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		prefixCls: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		locale: {
 			type: Object,
@@ -158,14 +158,10 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 			required: false,
 			default: void 0
 		},
-		pickerValue: {
-			required: true,
-			default: void 0
-		},
+		pickerValue: { required: true },
 		onPickerValueChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		value: {
 			required: false,
@@ -173,8 +169,7 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onSelect: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		values: {
 			type: Array,
@@ -183,8 +178,7 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onModeChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		disabledDate: {
 			type: Function,
@@ -206,8 +200,7 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		hoverRangeValue: {
 			type: [Array, null],
-			required: true,
-			default: void 0
+			required: true
 		},
 		hoverValue: {
 			type: [Array, null],
@@ -285,4 +278,5 @@ var DatePanel_default = /* @__PURE__ */ defineComponent((props) => {
 	name: "DatePanel",
 	inheritAttrs: false
 });
-export { DatePanel_default as default };
+//#endregion
+export { DatePanel as default };

package/dist/PickerPanel/DateTimePanel/index.js

@@ -1,10 +1,11 @@
 import { fillTime } from "../../utils/dateUtil.js";
 import useTimeInfo from "../../hooks/useTimeInfo.js";
-import DatePanel_default from "../DatePanel/index.js";
-import TimePanel_default from "../TimePanel/index.js";
+import DatePanel from "../DatePanel/index.js";
+import TimePanel from "../TimePanel/index.js";
 import { computed, createVNode, defineComponent } from "vue";
 import { omit } from "@v-c/util";
-var DateTimePanel_default = /* @__PURE__ */ defineComponent((props) => {
+//#region src/PickerPanel/DateTimePanel/index.tsx
+var DateTimePanel = /* @__PURE__ */ defineComponent((props) => {
 	const [getValidTime] = useTimeInfo(computed(() => props.generateConfig), computed(() => typeof props.showTime === "object" ? props.showTime : {}));
 	return () => {
 		const { prefixCls, generateConfig, onSelect, value, pickerValue, onHover } = props;
@@ -25,14 +26,13 @@ var DateTimePanel_default = /* @__PURE__ */ defineComponent((props) => {
 			onSelect: onDateSelect,
 			onHover: onDateHover
 		};
-		return createVNode("div", { "class": panelPrefixCls }, [createVNode(DatePanel_default, datePanelProps, null), createVNode(TimePanel_default, props, null)]);
+		return createVNode("div", { "class": panelPrefixCls }, [createVNode(DatePanel, datePanelProps, null), createVNode(TimePanel, props, null)]);
 	};
 }, {
 	props: {
 		prefixCls: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		locale: {
 			type: Object,
@@ -44,14 +44,10 @@ var DateTimePanel_default = /* @__PURE__ */ defineComponent((props) => {
 			required: false,
 			default: void 0
 		},
-		pickerValue: {
-			required: true,
-			default: void 0
-		},
+		pickerValue: { required: true },
 		onPickerValueChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		value: {
 			required: false,
@@ -59,8 +55,7 @@ var DateTimePanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onSelect: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		values: {
 			type: Array,
@@ -69,8 +64,7 @@ var DateTimePanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onModeChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		disabledDate: {
 			type: Function,
@@ -92,8 +86,7 @@ var DateTimePanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		hoverRangeValue: {
 			type: [Array, null],
-			required: true,
-			default: void 0
+			required: true
 		},
 		hoverValue: {
 			type: [Array, null],
@@ -171,4 +164,5 @@ var DateTimePanel_default = /* @__PURE__ */ defineComponent((props) => {
 	name: "DateTimePanel",
 	inheritAttrs: false
 });
-export { DateTimePanel_default as default };
+//#endregion
+export { DateTimePanel as default };