@sdata/web-vue 2.2.1 → 2.6.0

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

@@ -2,7 +2,7 @@ import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/
 import { useI18n } from "../../../locale/index.js";
 import { methods } from "../../../_utils/date.js";
 import date_default from "../date/index.js";
-import { createBlock, defineComponent, mergeProps, openBlock } from "vue";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
 //#region components/date-picker/panels/week/index.vue?vue&type=script&setup=true&lang.ts
 var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "WeekPanel" }), {}, {
 	__name: "index",
@@ -49,7 +49,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				"is-same-time": isSameTime,
 				onSelect,
 				onCellMouseEnter
-			}), null, 16, [
+			}), {
+				cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+				_: 3
+			}, 16, [
 				"header-value",
 				"header-operations",
 				"header-icons",

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

@@ -1,8 +1,13 @@
 import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 import type { DisabledDate, HeaderIcons, HeaderOperations } from '../../interface';
-import { RenderFunc } from '../../../_components/render-function';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_15: {
+    date: Date;
+};
+type __VLS_Slots = {} & {
+    cell?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     headerValue: {
         type: PropType<Dayjs>;
         required: true;
@@ -24,9 +29,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (_value: Dayjs) => any;
     "cell-mouse-enter": (_value: Dayjs) => any;
@@ -52,9 +54,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rangeValues: {
         type: PropType<Array<Dayjs | undefined>>;
     };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
 }>> & Readonly<{
     onSelect?: ((_value: Dayjs) => any) | undefined;
     "onCell-mouse-enter"?: ((_value: Dayjs) => any) | undefined;
@@ -62,5 +61,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/year/index.vue_vue_type_script_setup_true_lang.js

@@ -4,11 +4,12 @@ import { dayjs } from "../../../_utils/date.js";
 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/year/index.vue?vue&type=script&setup=true&lang.ts
 var ROW_COUNT = 4;
 var COL_COUNT = 3;
 var SPAN = 10;
+var MIN_YEAR = 0;
 var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "YearPanel" }), {}, {
 	__name: "index",
 	props: {
@@ -26,8 +27,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		},
 		value: { type: Object },
 		disabledDate: { type: Function },
-		rangeValues: { type: Array },
-		dateRender: { type: Function }
+		rangeValues: { type: Array }
 	},
 	emits: ["select", "cell-mouse-enter"],
 	setup(__props, { emit: __emit }) {
@@ -38,16 +38,25 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const prefixCls = computed(() => getPrefixCls("panel-year"));
 		const pickerPrefixCls = getPrefixCls("picker");
 		const rows = computed(() => {
-			const startYear = Math.floor(headerValue.value.year() / SPAN) * SPAN - 1;
-			const flatData = newArray(CELL_COUNT).map((_, index) => ({
-				label: startYear + index,
-				value: dayjs(`${startYear + index}`, "YYYY"),
-				isPrev: index < 1,
-				isNext: index > SPAN
-			}));
+			const currentYear = Math.max(headerValue.value.year(), MIN_YEAR);
+			const baseYear = Math.floor(currentYear / SPAN) * SPAN;
+			const startYear = Math.max(baseYear - 1, MIN_YEAR);
+			const flatData = newArray(CELL_COUNT).map((_, index) => {
+				const year = startYear + index;
+				return {
+					label: year,
+					value: dayjs(`${year}`, "YYYY"),
+					isPrev: year < baseYear,
+					isNext: year > baseYear + SPAN - 1
+				};
+			});
 			return newArray(ROW_COUNT).map((_, index) => flatData.slice(index * COL_COUNT, (index + 1) * COL_COUNT));
 		});
-		const headerTitle = computed(() => `${rows.value[0][1].label}-${rows.value[ROW_COUNT - 1][COL_COUNT - 1].label}`);
+		const headerTitle = computed(() => {
+			const currentYear = Math.max(headerValue.value.year(), MIN_YEAR);
+			const baseYear = Math.floor(currentYear / SPAN) * SPAN;
+			return `${baseYear}-${baseYear + SPAN - 1}`;
+		});
 		const isSameTime = (current, target) => current.isSame(target, "year");
 		function onCellClick(cellData) {
 			emit("select", cellData.value);
@@ -67,16 +76,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/picker-panel.vue.d.ts

@@ -1,9 +1,32 @@
 import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
-import { RenderFunc } from '../_components/render-function';
 import { TimePickerProps } from '../time-picker/interface';
 import { DisabledDate, DisabledTime, HeaderIcons, HeaderOperations, ShortcutType, WeekStart } from './interface';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_27: {
+    date: Date;
+}, __VLS_36: {
+    date: Date;
+}, __VLS_45: {
+    date: Date;
+}, __VLS_54: {
+    date: Date;
+}, __VLS_65: {
+    date: Date;
+}, __VLS_76: {};
+type __VLS_Slots = {} & {
+    cell?: (props: typeof __VLS_27) => any;
+} & {
+    cell?: (props: typeof __VLS_36) => any;
+} & {
+    cell?: (props: typeof __VLS_45) => any;
+} & {
+    cell?: (props: typeof __VLS_54) => any;
+} & {
+    cell?: (props: typeof __VLS_65) => any;
+} & {
+    extra?: (props: typeof __VLS_76) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mode: {
         type: StringConstructor;
     };
@@ -55,12 +78,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     timePickerProps: {
         type: PropType<Partial<TimePickerProps>>;
     };
-    extra: {
-        type: PropType<RenderFunc>;
-    };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     hideTrigger: {
         type: BooleanConstructor;
     };
@@ -80,6 +97,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     abbreviation: {
         type: BooleanConstructor;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
+    utcOffset: {
+        type: NumberConstructor;
+    };
+    timezone: {
+        type: StringConstructor;
+    };
+    now: {
+        type: PropType<Dayjs>;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     confirm: () => any;
     "cell-click": (_date: Dayjs) => any;
@@ -143,12 +172,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     timePickerProps: {
         type: PropType<Partial<TimePickerProps>>;
     };
-    extra: {
-        type: PropType<RenderFunc>;
-    };
-    dateRender: {
-        type: PropType<RenderFunc>;
-    };
     hideTrigger: {
         type: BooleanConstructor;
     };
@@ -168,6 +191,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     abbreviation: {
         type: BooleanConstructor;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
+    utcOffset: {
+        type: NumberConstructor;
+    };
+    timezone: {
+        type: StringConstructor;
+    };
+    now: {
+        type: PropType<Dayjs>;
+    };
 }>> & Readonly<{
     onConfirm?: (() => any) | undefined;
     "onCell-click"?: ((_date: Dayjs) => any) | undefined;
@@ -181,6 +216,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onMonth-header-click"?: (() => any) | undefined;
 }>, {
     showTime: boolean;
+    hideNotInViewDates: boolean;
     headerIcons: HeaderIcons;
     dayStartOfWeek: WeekStart;
     showConfirmBtn: boolean;
@@ -191,5 +227,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     shortcutsPosition: "bottom" | "left" | "right";
     hideTrigger: 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/picker-panel.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,6 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { isFunction } from "../_utils/is.js";
 import { getDayjsValue, getNow } from "../_utils/date.js";
 import useHeaderValue from "./hooks/use-header-value.js";
-import render_function_default from "../_components/render-function.js";
 import date_default from "./panels/date/index.js";
 import footer_default from "./panels/footer.js";
 import month_default from "./panels/month/index.js";
@@ -10,7 +9,7 @@ import quarter_default from "./panels/quarter/index.js";
 import shortcuts_default from "./panels/shortcuts.js";
 import week_default from "./panels/week/index.js";
 import year_default from "./panels/year/index.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, toRefs, unref, watch, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, renderSlot, toRefs, unref, watch, withCtx } from "vue";
 //#region components/date-picker/picker-panel.vue?vue&type=script&setup=true&lang.ts
 var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "DatePikerPanel" }), {}, {
 	__name: "picker-panel",
@@ -48,8 +47,6 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		disabledDate: { type: Function },
 		disabledTime: { type: Function },
 		timePickerProps: { type: Object },
-		extra: { type: Function },
-		dateRender: { type: Function },
 		hideTrigger: { type: Boolean },
 		confirmBtnDisabled: { type: Boolean },
 		showNowBtn: { type: Boolean },
@@ -58,7 +55,11 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			default: () => ({})
 		},
 		headerOperations: { type: Object },
-		abbreviation: { type: Boolean }
+		abbreviation: { type: Boolean },
+		hideNotInViewDates: { type: Boolean },
+		utcOffset: { type: Number },
+		timezone: { type: String },
+		now: { type: Object }
 	},
 	emits: [
 		"cell-click",
@@ -75,7 +76,7 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { prefixCls, shortcuts, shortcutsPosition, format, value, disabledDate, hideTrigger, showNowBtn, dateRender, showConfirmBtn, headerValue, headerIcons, headerOperations, headerMode } = toRefs(props);
+		const { prefixCls, shortcuts, shortcutsPosition, format, value, disabledDate, hideTrigger, showNowBtn, showConfirmBtn, headerValue, headerIcons, headerOperations, headerMode, utcOffset, timezone, now } = toRefs(props);
 		const hasShortcuts = computed(() => Boolean(shortcuts.value && shortcuts.value.length));
 		const showShortcutsNowBtn = computed(() => showNowBtn.value && showConfirmBtn.value && !hasShortcuts.value);
 		const showShortcuts = computed(() => showShortcutsNowBtn.value || hasShortcuts.value);
@@ -87,7 +88,8 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			[`${prefixCls.value}-container-shortcuts-placement-left`]: showShortcutsInLeft.value,
 			[`${prefixCls.value}-container-shortcuts-placement-right`]: showShortcutsInRight.value
 		}]);
-		const footerValue = computed(() => (value === null || value === void 0 ? void 0 : value.value) || getNow());
+		const footerValue = computed(() => (value === null || value === void 0 ? void 0 : value.value) || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value));
+		const mergedNow = computed(() => (now === null || now === void 0 ? void 0 : now.value) || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value));
 		const { headerValue: headerPanelHeaderValue, setHeaderValue: setHeaderPanelHeaderValue, headerOperations: headerPanelHeaderOperations } = useHeaderValue(reactive({
 			mode: headerMode,
 			format
@@ -97,7 +99,7 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		function getShortcutValue(shortcut) {
 			const { value } = shortcut;
-			return getDayjsValue(isFunction(value) ? value() : value, shortcut.format || format.value);
+			return getDayjsValue(isFunction(value) ? value() : value, shortcut.format || format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 		}
 		function onShortcutClick(shortcut) {
 			emit("shortcut-click", getShortcutValue(shortcut), shortcut);
@@ -115,7 +117,7 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			emit("time-picker-select", time);
 		}
 		function onTodayBtnClick() {
-			emit("today-btn-click", getNow());
+			emit("today-btn-click", mergedNow.value);
 		}
 		function onConfirmBtnClick() {
 			emit("confirm");
@@ -144,7 +146,6 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			headerIcons,
 			headerOperations,
 			disabledDate,
-			dateRender,
 			onSelect: onPanelSelect,
 			onHeaderLabelClick: onPanelHeaderLabelClick
 		});
@@ -178,25 +179,44 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"header-operations",
 					"abbreviation",
 					"disabled-date"
-				])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.mode === "week" ? (openBlock(), createBlock(week_default, mergeProps({ key: 0 }, commonPanelProps, { "day-start-of-week": __props.dayStartOfWeek }), null, 16, ["day-start-of-week"])) : __props.mode === "month" ? (openBlock(), createBlock(month_default, mergeProps({
+				])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.mode === "week" ? (openBlock(), createBlock(week_default, mergeProps({ key: 0 }, commonPanelProps, { "day-start-of-week": __props.dayStartOfWeek }), {
+					cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+					_: 3
+				}, 16, ["day-start-of-week"])) : __props.mode === "month" ? (openBlock(), createBlock(month_default, mergeProps({
 					key: 1,
 					abbreviation: __props.abbreviation
-				}, commonPanelProps), null, 16, ["abbreviation"])) : __props.mode === "year" ? (openBlock(), createBlock(year_default, normalizeProps(mergeProps({ key: 2 }, commonPanelProps)), null, 16)) : __props.mode === "quarter" ? (openBlock(), createBlock(quarter_default, normalizeProps(mergeProps({ key: 3 }, commonPanelProps)), null, 16)) : (openBlock(), createBlock(date_default, mergeProps({ key: 4 }, commonPanelProps, {
+				}, commonPanelProps), {
+					cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+					_: 3
+				}, 16, ["abbreviation"])) : __props.mode === "year" ? (openBlock(), createBlock(year_default, normalizeProps(mergeProps({ key: 2 }, commonPanelProps)), {
+					cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+					_: 3
+				}, 16)) : __props.mode === "quarter" ? (openBlock(), createBlock(quarter_default, normalizeProps(mergeProps({ key: 3 }, commonPanelProps)), {
+					cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+					_: 3
+				}, 16)) : (openBlock(), createBlock(date_default, mergeProps({ key: 4 }, commonPanelProps, {
 					mode: "date",
 					"show-time": __props.showTime,
+					"hide-not-in-view-dates": __props.hideNotInViewDates,
 					"time-picker-props": __props.timePickerProps,
 					"day-start-of-week": __props.dayStartOfWeek,
 					"footer-value": footerValue.value,
 					"time-picker-value": __props.timePickerValue,
 					"disabled-time": __props.disabledTime,
+					now: mergedNow.value,
 					onTimePickerSelect
-				}), null, 16, [
+				}), {
+					cell: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+					_: 3
+				}, 16, [
 					"show-time",
+					"hide-not-in-view-dates",
 					"time-picker-props",
 					"day-start-of-week",
 					"footer-value",
 					"time-picker-value",
-					"disabled-time"
+					"disabled-time",
+					"now"
 				])), createVNode(footer_default, {
 					"prefix-cls": unref(prefixCls),
 					"show-today-btn": unref(showNowBtn) && !(unref(showConfirmBtn) || showShortcutsInBottom.value),
@@ -204,12 +224,9 @@ var picker_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"confirm-btn-disabled": __props.confirmBtnDisabled,
 					onTodayBtnClick,
 					onConfirmBtnClick
-				}, createSlots({ _: 2 }, [__props.extra ? {
+				}, createSlots({ _: 2 }, [_ctx.$slots.extra ? {
 					name: "extra",
-					fn: withCtx(() => [__props.extra ? (openBlock(), createBlock(unref(render_function_default), {
-						key: 0,
-						"render-func": __props.extra
-					}, null, 8, ["render-func"])) : createCommentVNode("", true)]),
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "extra")]),
 					key: "0"
 				} : void 0, showShortcutsInBottom.value ? {
 					name: "btn",