@sdata/web-vue 2.2.1 → 2.3.1

package/es/date-picker/interface.d.ts

@@ -67,9 +67,13 @@ export interface BasePickerProps {
     defaultPopupVisible: boolean;
     triggerProps?: Record<string, unknown>;
     unmountOnClose: boolean;
+    inputProps?: Record<string, any>;
     valueFormat?: ValueFormat;
     previewShortcut: boolean;
     showConfirm?: boolean;
+    hideNotInViewDates?: boolean;
+    utcOffset?: number;
+    timezone?: string;
 }
 export type PickerProps = BasePickerProps & DatePickerProps & {
     placeholder?: string;
@@ -95,6 +99,9 @@ export interface RangePickerProps extends BasePickerProps {
     disabledTime?: RangeDisabledTime;
     separator?: string;
     exchangeTime: boolean;
+    inputProps?: Record<string, any>[];
+    fixedTime?: boolean;
+    clearRangeOnReselect?: boolean;
 }
 export interface Cell {
     value: Dayjs;

package/es/date-picker/panels/body.vue.d.ts

@@ -1,8 +1,13 @@
 import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 import type { Cell, DisabledDate, IsSameTime, Mode } from '../interface';
-import { RenderFunc } from '../../_components/render-function';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_1: {
+    date: Date;
+};
+type __VLS_Slots = {} & {
+    cell?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     prefixCls: {
         type: StringConstructor;
         required: true;
@@ -24,11 +29,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mode: {
         type: PropType<Mode>;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
+    now: {
+        type: PropType<Dayjs>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "cell-click": (_cellData: Cell) => any;
@@ -55,17 +63,27 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mode: {
         type: PropType<Mode>;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
+    now: {
+        type: PropType<Dayjs>;
     };
 }>> & Readonly<{
     "onCell-click"?: ((_cellData: Cell) => any) | undefined;
     "onCell-mouse-enter"?: ((_cellData: Cell) => any) | undefined;
 }>, {
     rows: Cell[][];
+    hideNotInViewDates: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/date-picker/panels/body.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,8 @@
 import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getDateValue } from "../../_utils/date.js";
-import render_function_default from "../../_components/render-function.js";
 import { isDisabledDate } from "../utils/index.js";
 import useCellClassName from "../hooks/use-cell-class-name.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, reactive, renderList, toDisplayString, toRefs, unref } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, reactive, renderList, renderSlot, toDisplayString, toRefs, unref } from "vue";
 //#region components/date-picker/panels/body.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"onMouseenter",
@@ -28,36 +27,39 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			required: true
 		},
 		mode: { type: String },
+		hideNotInViewDates: { type: Boolean },
 		rangeValues: { type: Array },
-		dateRender: { type: Function }
+		now: { type: Object }
 	},
 	emits: ["cell-click", "cell-mouse-enter"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { prefixCls, value, disabledDate, isSameTime, mode, rangeValues } = toRefs(props);
+		const { prefixCls, value, disabledDate, isSameTime, mode, rangeValues, now } = toRefs(props);
 		const { getCellClassName } = useCellClassName(reactive({
 			prefixCls,
 			value,
 			isSameTime,
 			mode,
-			rangeValues
+			rangeValues,
+			now
 		}));
 		const isCellDisabled = (cellData) => isDisabledDate(cellData.value, disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate.value, mode === null || mode === void 0 ? void 0 : mode.value);
 		const isWeek = computed(() => (mode === null || mode === void 0 ? void 0 : mode.value) === "week");
+		const isHiddenNotInViewCell = (cellData) => props.hideNotInViewDates && (cellData.isPrev || cellData.isNext);
 		const getCellClassNameFn = (cellData) => {
 			return getCellClassName(cellData, isCellDisabled(cellData));
 		};
 		const onCellClick = (cellData) => {
-			if (isCellDisabled(cellData)) return;
+			if (isCellDisabled(cellData) || isHiddenNotInViewCell(cellData)) return;
 			emit("cell-click", cellData);
 		};
 		const onCellMouseEnter = (cellData) => {
-			if (isCellDisabled(cellData)) return;
+			if (isCellDisabled(cellData) || isHiddenNotInViewCell(cellData)) return;
 			emit("cell-mouse-enter", cellData);
 		};
 		const onCellMouseLeave = (cellData) => {
-			if (isCellDisabled(cellData)) return;
+			if (isCellDisabled(cellData) || isHiddenNotInViewCell(cellData)) return;
 			emit("cell-mouse-enter", cellData);
 		};
 		return (_ctx, _cache) => {
@@ -81,14 +83,13 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						onClick: () => {
 							onCellClick(cell);
 						}
-					}, [__props.dateRender ? (openBlock(), createBlock(unref(render_function_default), {
+					}, [!isHiddenNotInViewCell(cell) ? renderSlot(_ctx.$slots, "cell", {
 						key: 0,
-						"render-func": __props.dateRender,
 						date: unref(getDateValue)(cell.value)
-					}, null, 8, ["render-func", "date"])) : (openBlock(), createElementBlock("div", {
+					}, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, toDisplayString(cell.label), 3)], 2)]) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(`${unref(prefixCls)}-date`)
-					}, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, toDisplayString(cell.label), 3)], 2))], 42, _hoisted_1))], 64);
+					}, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, null, 2)], 2))], 42, _hoisted_1))], 64);
 				}), 256))], 2);
 			}), 128))], 2);
 		};

package/es/date-picker/panels/date/index.vue.d.ts

@@ -2,9 +2,14 @@ import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 import type { TimePickerProps } from '../../../time-picker/interface';
 import type { DisabledDate, DisabledTime, HeaderIcons, HeaderOperations, IsSameTime, Mode, WeekStart } from '../../interface';
-import { RenderFunc } from '../../../_components/render-function';
 import { HeaderLabelClickFunc } from '../header.vue';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_21: {
+    date: Date;
+};
+type __VLS_Slots = {} & {
+    cell?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isRange: {
         type: BooleanConstructor;
     };
@@ -58,12 +63,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     currentView: {
         type: PropType<"date" | "time">;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     disabled: {
         type: BooleanConstructor;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
+    now: {
+        type: PropType<Dayjs>;
+    };
     onHeaderLabelClick: {
         type: PropType<HeaderLabelClickFunc>;
     };
@@ -127,12 +135,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     currentView: {
         type: PropType<"date" | "time">;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     disabled: {
         type: BooleanConstructor;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
+    now: {
+        type: PropType<Dayjs>;
+    };
     onHeaderLabelClick: {
         type: PropType<HeaderLabelClickFunc>;
     };
@@ -147,9 +158,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mode: Mode;
     showTime: boolean;
     isRange: boolean;
+    hideNotInViewDates: boolean;
     headerOperations: HeaderOperations;
     headerIcons: HeaderIcons;
     dayStartOfWeek: WeekStart;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/date-picker/panels/date/index.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import { newArray } from "../../utils/index.js";
 import body_default from "../body.js";
 import header_default from "../header.js";
 import week_list_default from "../week-list.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, reactive, toDisplayString, toRefs, unref } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, renderSlot, toDisplayString, toRefs, unref, withCtx } from "vue";
 //#region components/date-picker/panels/date/index.vue?vue&type=script&setup=true&lang.ts
 var ROW_COUNT = 6;
 var COL_COUNT = 7;
@@ -48,8 +48,9 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		showTime: { type: Boolean },
 		timePickerProps: { type: Object },
 		currentView: { type: String },
-		dateRender: { type: Function },
 		disabled: { type: Boolean },
+		hideNotInViewDates: { type: Boolean },
+		now: { type: Object },
 		onHeaderLabelClick: { type: Function }
 	},
 	emits: [
@@ -69,7 +70,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		}
 		const props = __props;
 		const emit = __emit;
-		const { isRange, headerValue, footerValue, dayStartOfWeek, isSameTime, mode, showTime, currentView, disabledTime, timePickerProps } = toRefs(props);
+		const { isRange, headerValue, footerValue, dayStartOfWeek, isSameTime, mode, showTime, currentView, disabledTime, timePickerProps, hideNotInViewDates, now } = toRefs(props);
 		const datePickerT = useDatePickerTransform();
 		const isWeek = computed(() => (mode === null || mode === void 0 ? void 0 : mode.value) === "week");
 		const prefixCls = computed(() => getPrefixCls(isWeek.value ? "panel-week" : "panel-date"));
@@ -78,11 +79,12 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const showViewTabs = computed(() => showTime.value && isRange.value);
 		const showDateView = computed(() => !showTime.value || !showViewTabs.value || localCurrentView.value === "date");
 		const showTimeView = computed(() => showTime.value && (!showViewTabs.value || localCurrentView.value === "time"));
+		const panelNow = computed(() => (now === null || now === void 0 ? void 0 : now.value) || getNow());
 		const classNames = computed(() => [prefixCls.value, { [`${prefixCls.value}-with-view-tabs`]: showViewTabs.value }]);
 		const headerTitle = computed(() => headerValue.value.format("YYYY-MM"));
 		const disabledTimeProps = computed(() => {
 			var _disabledTime$value;
-			return showTime.value && (disabledTime === null || disabledTime === void 0 || (_disabledTime$value = disabledTime.value) === null || _disabledTime$value === void 0 ? void 0 : _disabledTime$value.call(disabledTime, getDateValue((footerValue === null || footerValue === void 0 ? void 0 : footerValue.value) || getNow()))) || {};
+			return showTime.value && (disabledTime === null || disabledTime === void 0 || (_disabledTime$value = disabledTime.value) === null || _disabledTime$value === void 0 ? void 0 : _disabledTime$value.call(disabledTime, getDateValue((footerValue === null || footerValue === void 0 ? void 0 : footerValue.value) || panelNow.value))) || {};
 		});
 		const mergedTimePanelProps = computed(() => {
 			var _timePickerProps$valu, _timePickerProps$valu2, _timePickerProps$valu3, _timePickerProps$valu4, _timePickerProps$valu5, _timePickerProps$valu6, _timePickerProps$valu7;
@@ -109,6 +111,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			const index = Math.max(dayStartOfWeek.value % 7, 0);
 			return [...list.slice(index), ...list.slice(0, index)];
 		});
+		const mergedWeekList = computed(() => isWeek.value ? [-1, ...weekList.value] : weekList.value);
 		const rows = computed(() => {
 			const startDate = methods.startOf(headerValue.value, "month");
 			const startDay = startDate.day();
@@ -117,7 +120,8 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			const flatData = newArray(CELL_COUNT);
 			for (let i = 0; i < flatData.length; i++) flatData[i] = _objectSpread2(_objectSpread2({}, getCellData(methods.add(startDate, i - startIndex, "day"))), {}, {
 				isPrev: i < startIndex,
-				isNext: i > startIndex + days - 1
+				isNext: i > startIndex + days - 1,
+				classNames: hideNotInViewDates.value && (i < startIndex || i > startIndex + days - 1) ? `${pickerPrefixCls}-cell-hidden` : void 0
 			});
 			return newArray(ROW_COUNT).map((_, index) => {
 				const row = flatData.slice(index * COL_COUNT, (index + 1) * COL_COUNT);
@@ -169,7 +173,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					]),
 					createVNode(week_list_default, {
 						"prefix-cls": unref(pickerPrefixCls),
-						"week-list": weekList.value
+						"week-list": mergedWeekList.value
 					}, null, 8, ["prefix-cls", "week-list"]),
 					createVNode(body_default, {
 						mode: unref(mode),
@@ -177,20 +181,25 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						rows: rows.value,
 						value: unref(isRange) ? void 0 : __props.value,
 						"range-values": __props.rangeValues,
+						"hide-not-in-view-dates": unref(hideNotInViewDates),
 						"disabled-date": __props.disabledDate,
 						"is-same-time": mergedIsSameTime.value,
-						"date-render": __props.dateRender,
+						now: panelNow.value,
 						onCellClick,
 						onCellMouseEnter
-					}, null, 8, [
+					}, {
+						cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+						_: 3
+					}, 8, [
 						"mode",
 						"prefix-cls",
 						"rows",
 						"value",
 						"range-values",
+						"hide-not-in-view-dates",
 						"disabled-date",
 						"is-same-time",
-						"date-render"
+						"now"
 					])
 				], 2)) : createCommentVNode("", true),
 				showTimeView.value ? (openBlock(), createElementBlock("div", {

package/es/date-picker/panels/header.vue_vue_type_script_setup_true_lang.js

@@ -2,10 +2,10 @@ import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/hel
 import { isFunction } from "../../_utils/is.js";
 import IconRight from "../../icon/icon-right/index.js";
 import IconLeft from "../../icon/icon-left/index.js";
-import render_function_default from "../../_components/render-function.js";
+import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
 import IconDoubleLeft from "../../icon/icon-double-left/index.js";
 import IconDoubleRight from "../../icon/icon-double-right/index.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref } from "vue";
 //#region components/date-picker/panels/header.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 1 };
 var header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "PanelHeader" }), {}, {
@@ -34,6 +34,11 @@ var header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 	emits: ["label-click"],
 	setup(__props) {
 		const props = __props;
+		const datePickerT = useDatePickerTransform();
+		const getLocaleFormat = (key, defaultFormat) => {
+			const format = datePickerT(key);
+			return typeof format === "string" && format !== key ? format : defaultFormat;
+		};
 		const showPrev = computed(() => isFunction(props.onPrev));
 		const showSuperPrev = computed(() => isFunction(props.onSuperPrev));
 		const showNext = computed(() => isFunction(props.onNext));
@@ -43,25 +48,19 @@ var header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			"quarter",
 			"month",
 			"week"
-		].includes(props.mode) && props.value ? props.value.format("YYYY") : "");
-		const month = computed(() => ["date", "week"].includes(props.mode) && props.value ? props.value.format("MM") : "");
+		].includes(props.mode) && props.value ? props.value.format(getLocaleFormat("datePicker.yearFormat", "YYYY")) : "");
+		const month = computed(() => ["date", "week"].includes(props.mode) && props.value ? props.value.format(getLocaleFormat("datePicker.monthFormat", "MM")) : "");
 		const getIconClassName = (show) => [`${props.prefixCls}-header-icon`, { [`${props.prefixCls}-header-icon-hidden`]: !show }];
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(`${__props.prefixCls}-header`) }, [
 				createElementVNode("div", {
 					class: normalizeClass(getIconClassName(showSuperPrev.value)),
 					onClick: _cache[0] || (_cache[0] = (...args) => __props.onSuperPrev && __props.onSuperPrev(...args))
-				}, [showSuperPrev.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.prevDouble ? (openBlock(), createBlock(unref(render_function_default), {
-					key: 0,
-					"render-func": __props.icons && __props.icons.prevDouble
-				}, null, 8, ["render-func"])) : (openBlock(), createBlock(unref(IconDoubleLeft), { key: 1 }))], 64)) : createCommentVNode("", true)], 2),
+				}, [showSuperPrev.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.prevDouble ? (openBlock(), createBlock(resolveDynamicComponent(__props.icons.prevDouble), { key: 0 })) : (openBlock(), createBlock(unref(IconDoubleLeft), { key: 1 }))], 64)) : createCommentVNode("", true)], 2),
 				createElementVNode("div", {
 					class: normalizeClass(getIconClassName(showPrev.value)),
 					onClick: _cache[1] || (_cache[1] = (...args) => __props.onPrev && __props.onPrev(...args))
-				}, [showPrev.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.prev ? (openBlock(), createBlock(unref(render_function_default), {
-					key: 0,
-					"render-func": __props.icons && __props.icons.prev
-				}, null, 8, ["render-func"])) : (openBlock(), createBlock(unref(IconLeft), { key: 1 }))], 64)) : createCommentVNode("", true)], 2),
+				}, [showPrev.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.prev ? (openBlock(), createBlock(resolveDynamicComponent(__props.icons.prev), { key: 0 })) : (openBlock(), createBlock(unref(IconLeft), { key: 1 }))], 64)) : createCommentVNode("", true)], 2),
 				createElementVNode("div", { class: normalizeClass(`${__props.prefixCls}-header-title`) }, [__props.onLabelClick && (year.value || month.value) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 					year.value ? (openBlock(), createElementBlock("span", {
 						key: 0,
@@ -78,17 +77,11 @@ var header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				createElementVNode("div", {
 					class: normalizeClass(getIconClassName(showNext.value)),
 					onClick: _cache[4] || (_cache[4] = (...args) => __props.onNext && __props.onNext(...args))
-				}, [showNext.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.next ? (openBlock(), createBlock(unref(render_function_default), {
-					key: 0,
-					"render-func": __props.icons && __props.icons.next
-				}, null, 8, ["render-func"])) : (openBlock(), createBlock(unref(IconRight), { key: 1 }))], 64)) : createCommentVNode("", true)], 2),
+				}, [showNext.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.next ? (openBlock(), createBlock(resolveDynamicComponent(__props.icons.next), { key: 0 })) : (openBlock(), createBlock(unref(IconRight), { key: 1 }))], 64)) : createCommentVNode("", true)], 2),
 				createElementVNode("div", {
 					class: normalizeClass(getIconClassName(showSuperNext.value)),
 					onClick: _cache[5] || (_cache[5] = (...args) => __props.onSuperNext && __props.onSuperNext(...args))
-				}, [showSuperNext.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.nextDouble ? (openBlock(), createBlock(unref(render_function_default), {
-					key: 0,
-					"render-func": __props.icons && __props.icons.nextDouble
-				}, null, 8, ["render-func"])) : (openBlock(), createBlock(unref(IconDoubleRight), { key: 1 }))], 64)) : createCommentVNode("", true)], 2)
+				}, [showSuperNext.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.icons && __props.icons.nextDouble ? (openBlock(), createBlock(resolveDynamicComponent(__props.icons.nextDouble), { key: 0 })) : (openBlock(), createBlock(unref(IconDoubleRight), { key: 1 }))], 64)) : createCommentVNode("", true)], 2)
 			], 2);
 		};
 	}

package/es/date-picker/panels/month/index.vue.d.ts

@@ -1,9 +1,14 @@
 import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 import type { DisabledDate, HeaderIcons, HeaderOperations } from '../../interface';
-import { RenderFunc } from '../../../_components/render-function';
 import { HeaderLabelClickFunc } from '../header.vue';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_16: {
+    date: Date;
+};
+type __VLS_Slots = {} & {
+    cell?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     headerValue: {
         type: PropType<Dayjs>;
         required: true;
@@ -25,9 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     onHeaderLabelClick: {
         type: PropType<HeaderLabelClickFunc>;
     };
@@ -60,9 +62,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     onHeaderLabelClick: {
         type: PropType<HeaderLabelClickFunc>;
     };
@@ -78,5 +77,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     headerIcons: HeaderIcons;
     abbreviation: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/date-picker/panels/month/index.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import useDatePickerTransform from "../../hooks/use-inject-datepicker-transform.
 import { newArray } from "../../utils/index.js";
 import body_default from "../body.js";
 import header_default from "../header.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, toRefs, unref } from "vue";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/date-picker/panels/month/index.vue?vue&type=script&setup=true&lang.ts
 var CELL_COUNT = 12;
 var ROW_COUNT = 4;
@@ -28,7 +28,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		value: { type: Object },
 		disabledDate: { type: Function },
 		rangeValues: { type: Array },
-		dateRender: { type: Function },
 		onHeaderLabelClick: { type: Function },
 		abbreviation: {
 			type: Boolean,
@@ -94,16 +93,17 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				"range-values": __props.rangeValues,
 				"disabled-date": __props.disabledDate,
 				"is-same-time": isSameTime,
-				"date-render": __props.dateRender,
 				onCellClick,
 				onCellMouseEnter
-			}, null, 8, [
+			}, {
+				cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+				_: 3
+			}, 8, [
 				"prefix-cls",
 				"rows",
 				"value",
 				"range-values",
-				"disabled-date",
-				"date-render"
+				"disabled-date"
 			])], 2)], 2);
 		};
 	}

package/es/date-picker/panels/quarter/index.vue.d.ts

@@ -1,9 +1,14 @@
 import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 import type { DisabledDate, HeaderIcons, HeaderOperations } from '../../interface';
-import { RenderFunc } from '../../../_components/render-function';
 import { HeaderLabelClickFunc } from '../header.vue';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_16: {
+    date: Date;
+};
+type __VLS_Slots = {} & {
+    cell?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     headerValue: {
         type: PropType<Dayjs>;
         required: true;
@@ -25,9 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     onHeaderLabelClick: {
         type: PropType<HeaderLabelClickFunc>;
     };
@@ -56,9 +58,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     onHeaderLabelClick: {
         type: PropType<HeaderLabelClickFunc>;
     };
@@ -69,5 +68,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     headerOperations: HeaderOperations;
     headerIcons: HeaderIcons;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/date-picker/panels/quarter/index.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { dayjs } from "../../../_utils/date.js";
 import { padStart } from "../../../_utils/pad.js";
 import body_default from "../body.js";
 import header_default from "../header.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, toRefs, unref } from "vue";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/date-picker/panels/quarter/index.vue?vue&type=script&setup=true&lang.ts
 var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "QuarterPanel" }), {}, {
 	__name: "index",
@@ -24,7 +24,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		value: { type: Object },
 		disabledDate: { type: Function },
 		rangeValues: { type: Array },
-		dateRender: { type: Function },
 		onHeaderLabelClick: { type: Function }
 	},
 	emits: ["select", "cell-mouse-enter"],
@@ -74,16 +73,17 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				"range-values": __props.rangeValues,
 				"disabled-date": __props.disabledDate,
 				"is-same-time": isSameTime,
-				"date-render": __props.dateRender,
 				onCellClick,
 				onCellMouseEnter
-			}, null, 8, [
+			}, {
+				cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+				_: 3
+			}, 8, [
 				"prefix-cls",
 				"rows",
 				"value",
 				"range-values",
-				"disabled-date",
-				"date-render"
+				"disabled-date"
 			])], 2)], 2);
 		};
 	}

package/es/date-picker/panels/shortcuts.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,8 @@
 import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { isFunction } from "../../_utils/is.js";
 import Button from "../../button/index.js";
-import render_function_default from "../../_components/render-function.js";
 import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 //#region components/date-picker/panels/shortcuts.vue?vue&type=script&setup=true&lang.ts
 var shortcuts_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "PanelShortcuts" }), {}, {
 	__name: "shortcuts",
@@ -55,10 +54,7 @@ var shortcuts_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					onMouseenter: () => onItemMouseEnter(item),
 					onMouseleave: () => onItemMouseLeave(item)
 				}, {
-					default: withCtx(() => [unref(isFunction)(item.label) ? (openBlock(), createBlock(unref(render_function_default), {
-						key: 0,
-						"render-func": item.label
-					}, null, 8, ["render-func"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.label), 1)], 64))]),
+					default: withCtx(() => [unref(isFunction)(item.label) ? (openBlock(), createBlock(resolveDynamicComponent(item.label), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.label), 1)], 64))]),
 					_: 2
 				}, 1032, [
 					"onClick",

package/es/date-picker/panels/week/index.vue.d.ts

@@ -1,7 +1,13 @@
 import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 import { HeaderIcons, HeaderOperations, WeekStart } from '../../interface';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_12: {
+    date: Date;
+};
+type __VLS_Slots = {} & {
+    cell?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dayStartOfWeek: {
         type: PropType<WeekStart>;
         default: number;
@@ -46,5 +52,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     headerIcons: HeaderIcons;
     dayStartOfWeek: WeekStart;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};