@uzum-tech/ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/date-picker/src/panel/date.d.ts

@@ -27,6 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
@@ -2527,6 +2528,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/daterange.d.ts

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
@@ -2566,6 +2567,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/datetime.d.ts

@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
@@ -2520,6 +2521,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/datetimerange.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
@@ -2557,6 +2558,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/panelMonth.d.ts

@@ -46,6 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;
@@ -2556,6 +2557,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;
@@ -5059,6 +5061,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;
@@ -7569,6 +7572,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;

package/lib/date-picker/src/panel/panelMonthContent.d.ts

@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClear: FunctionConstructor;
     onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     onClose: import("vue").PropType<import("../interface").OnClose>;
+    ssrCurrentTimestamp: NumberConstructor;
     onTabOut: FunctionConstructor;
     onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
@@ -2525,6 +2526,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClear: FunctionConstructor;
     onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     onClose: import("vue").PropType<import("../interface").OnClose>;
+    ssrCurrentTimestamp: NumberConstructor;
     onTabOut: FunctionConstructor;
     onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/panelYear.d.ts

@@ -46,6 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;
@@ -2556,6 +2557,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;
@@ -5059,6 +5061,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;
@@ -7569,6 +7572,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear: FunctionConstructor;
         onConfirm: PropType<(value: import("../interface").Value | null) => void>;
         onClose: PropType<import("../interface").OnClose>;
+        ssrCurrentTimestamp: NumberConstructor;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<OnPanelUpdateValue>;

package/lib/date-picker/src/panel/panelYearContent.d.ts

@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClear: FunctionConstructor;
     onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     onClose: import("vue").PropType<import("../interface").OnClose>;
+    ssrCurrentTimestamp: NumberConstructor;
     onTabOut: FunctionConstructor;
     onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
@@ -2525,6 +2526,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClear: FunctionConstructor;
     onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     onClose: import("vue").PropType<import("../interface").OnClose>;
+    ssrCurrentTimestamp: NumberConstructor;
     onTabOut: FunctionConstructor;
     onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/use-calendar.d.ts

@@ -24,6 +24,7 @@ declare const useCalendarProps: {
     readonly onClear: FunctionConstructor;
     readonly onConfirm: PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/use-calendar.js

@@ -14,6 +14,7 @@ const useCalendarProps = Object.assign(Object.assign({}, use_panel_common_1.useP
     } });
 exports.useCalendarProps = useCalendarProps;
 function useCalendar(props, type) {
+    var _a, _b;
     const panelCommon = (0, use_panel_common_1.usePanelCommon)(props);
     const { isValueInvalidRef, isDateDisabledRef, maxDateRef, isDateInvalidRef, isTimeInvalidRef, isDateTimeInvalidRef, isHourDisabledRef, isMinuteDisabledRef, isSecondDisabledRef, localeRef, firstDayOfWeekRef, datePickerSlots } = (0, vue_1.inject)(interface_1.datePickerInjectionKey);
     const validation = {
@@ -27,15 +28,19 @@ function useCalendar(props, type) {
         isSecondDisabled: isSecondDisabledRef
     };
     const mergedDateFormatRef = (0, vue_1.computed)(() => props.dateFormat || localeRef.value.dateFormat);
+    const initialCurrentTimestamp = (_a = props.ssrCurrentTimestamp) !== null && _a !== void 0 ? _a : Date.now();
     const dateInputValueRef = (0, vue_1.ref)(props.value === null || Array.isArray(props.value)
         ? ''
         : (0, date_fns_1.format)(props.value, mergedDateFormatRef.value));
     const calendarValueRef = (0, vue_1.ref)(props.value === null || Array.isArray(props.value)
-        ? Date.now()
+        ? initialCurrentTimestamp
         : props.value);
     const yearVlRef = (0, vue_1.ref)(null);
     const yearScrollbarRef = (0, vue_1.ref)(null);
-    const nowRef = (0, vue_1.ref)(Date.now());
+    const nowRef = (0, vue_1.ref)((_b = props.ssrCurrentTimestamp) !== null && _b !== void 0 ? _b : null);
+    (0, vue_1.onMounted)(() => {
+        nowRef.value = Date.now();
+    });
     const dateArrayRef = (0, vue_1.computed)(() => {
         var _a;
         return (0, utils_1.dateArray)(calendarValueRef.value, props.value, nowRef.value, (_a = firstDayOfWeekRef.value) !== null && _a !== void 0 ? _a : localeRef.value.firstDayOfWeek);
@@ -164,7 +169,7 @@ function useCalendar(props, type) {
             newValue = props.value;
         }
         else {
-            newValue = Date.now();
+            newValue = calendarValueRef.value;
         }
         if (type === 'datetime'
             && props.defaultTime !== null
@@ -210,7 +215,7 @@ function useCalendar(props, type) {
             newValue = props.value;
         }
         else {
-            newValue = Date.now();
+            newValue = calendarValueRef.value;
         }
         newValue = (0, date_fns_1.getTime)(dateItem.type === 'month'
             ? (0, date_fns_1.setMonth)(newValue, dateItem.dateObject.month)

package/lib/date-picker/src/panel/use-dual-calendar.d.ts

@@ -27,6 +27,7 @@ declare const useDualCalendarProps: {
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;

package/lib/date-picker/src/panel/use-dual-calendar.js

@@ -14,7 +14,7 @@ const useDualCalendarProps = Object.assign(Object.assign({}, use_panel_common_1.
     } });
 exports.useDualCalendarProps = useDualCalendarProps;
 function useDualCalendar(props, type) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { isDateDisabledRef, maxDateRef, isStartHourDisabledRef, isEndHourDisabledRef, isStartMinuteDisabledRef, isEndMinuteDisabledRef, isStartSecondDisabledRef, isEndSecondDisabledRef, isStartDateInvalidRef, isEndDateInvalidRef, isStartTimeInvalidRef, isEndTimeInvalidRef, isStartValueInvalidRef, isEndValueInvalidRef, isRangeInvalidRef, localeRef, rangesRef, closeOnSelectRef, updateValueOnCloseRef, firstDayOfWeekRef, datePickerSlots } = (0, vue_1.inject)(interface_1.datePickerInjectionKey);
     const validation = {
         isDateDisabled: isDateDisabledRef,
@@ -42,15 +42,19 @@ function useDualCalendar(props, type) {
     const startMonthScrollbarRef = (0, vue_1.ref)(null);
     const endMonthScrollbarRef = (0, vue_1.ref)(null);
     const { value } = props;
-    const defaultCalendarStartTime = (_a = props.defaultCalendarStartTime) !== null && _a !== void 0 ? _a : (Array.isArray(value) && typeof value[0] === 'number'
+    const initialCurrentTimestamp = (_a = props.ssrCurrentTimestamp) !== null && _a !== void 0 ? _a : Date.now();
+    const defaultCalendarStartTime = (_b = props.defaultCalendarStartTime) !== null && _b !== void 0 ? _b : (Array.isArray(value) && typeof value[0] === 'number'
         ? value[0]
-        : Date.now());
+        : initialCurrentTimestamp);
     const startCalendarDateTimeRef = (0, vue_1.ref)(defaultCalendarStartTime);
-    const endCalendarDateTimeRef = (0, vue_1.ref)((_b = props.defaultCalendarEndTime) !== null && _b !== void 0 ? _b : (Array.isArray(value) && typeof value[1] === 'number'
+    const endCalendarDateTimeRef = (0, vue_1.ref)((_c = props.defaultCalendarEndTime) !== null && _c !== void 0 ? _c : (Array.isArray(value) && typeof value[1] === 'number'
         ? value[1]
         : (0, date_fns_1.getTime)((0, date_fns_1.addMonths)(defaultCalendarStartTime, 1))));
     adjustCalendarTimes(true);
-    const nowRef = (0, vue_1.ref)(Date.now());
+    const nowRef = (0, vue_1.ref)((_d = props.ssrCurrentTimestamp) !== null && _d !== void 0 ? _d : null);
+    (0, vue_1.onMounted)(() => {
+        nowRef.value = Date.now();
+    });
     const isSelectingRef = (0, vue_1.ref)(false);
     const memorizedStartDateTimeRef = (0, vue_1.ref)(0);
     const mergedDateFormatRef = (0, vue_1.computed)(() => props.dateFormat || localeRef.value.dateFormat);
@@ -117,19 +121,19 @@ function useDualCalendar(props, type) {
     });
     const startQuarterArrayRef = (0, vue_1.computed)(() => {
         const startValue = (0, utils_1.pluckValueFromRange)(props.value, 'start');
-        return (0, utils_1.quarterArray)(startValue !== null && startValue !== void 0 ? startValue : Date.now(), startValue, nowRef.value);
+        return (0, utils_1.quarterArray)(startValue !== null && startValue !== void 0 ? startValue : startCalendarDateTimeRef.value, startValue, nowRef.value);
     });
     const endQuarterArrayRef = (0, vue_1.computed)(() => {
         const endValue = (0, utils_1.pluckValueFromRange)(props.value, 'end');
-        return (0, utils_1.quarterArray)(endValue !== null && endValue !== void 0 ? endValue : Date.now(), endValue, nowRef.value);
+        return (0, utils_1.quarterArray)(endValue !== null && endValue !== void 0 ? endValue : endCalendarDateTimeRef.value, endValue, nowRef.value);
     });
     const startMonthArrayRef = (0, vue_1.computed)(() => {
         const startValue = (0, utils_1.pluckValueFromRange)(props.value, 'start');
-        return (0, utils_1.monthArray)(startValue !== null && startValue !== void 0 ? startValue : Date.now(), startValue, nowRef.value);
+        return (0, utils_1.monthArray)(startValue !== null && startValue !== void 0 ? startValue : startCalendarDateTimeRef.value, startValue, nowRef.value);
     });
     const endMonthArrayRef = (0, vue_1.computed)(() => {
         const endValue = (0, utils_1.pluckValueFromRange)(props.value, 'end');
-        return (0, utils_1.monthArray)(endValue !== null && endValue !== void 0 ? endValue : Date.now(), endValue, nowRef.value);
+        return (0, utils_1.monthArray)(endValue !== null && endValue !== void 0 ? endValue : endCalendarDateTimeRef.value, endValue, nowRef.value);
     });
     (0, vue_1.watch)((0, vue_1.computed)(() => props.value), (value) => {
         if (value !== null && Array.isArray(value)) {
@@ -510,7 +514,7 @@ function useDualCalendar(props, type) {
         if (value === undefined || type === 'start') {
             if (startMonthScrollbarRef.value) {
                 const monthIndex = !Array.isArray(mergedValue)
-                    ? (0, date_fns_1.getMonth)(Date.now())
+                    ? (0, date_fns_1.getMonth)(startCalendarDateTimeRef.value)
                     : (0, date_fns_1.getMonth)(mergedValue[0]);
                 startMonthScrollbarRef.value.scrollTo({
                     debounce: false,
@@ -520,7 +524,7 @@ function useDualCalendar(props, type) {
             }
             if (startYearVlRef.value) {
                 const yearIndex = (!Array.isArray(mergedValue)
-                    ? (0, date_fns_1.getYear)(Date.now())
+                    ? (0, date_fns_1.getYear)(startCalendarDateTimeRef.value)
                     : (0, date_fns_1.getYear)(mergedValue[0])) - config_1.START_YEAR;
                 startYearVlRef.value.scrollTo({ index: yearIndex, debounce: false });
             }
@@ -528,7 +532,7 @@ function useDualCalendar(props, type) {
         if (value === undefined || type === 'end') {
             if (endMonthScrollbarRef.value) {
                 const monthIndex = !Array.isArray(mergedValue)
-                    ? (0, date_fns_1.getMonth)(Date.now())
+                    ? (0, date_fns_1.getMonth)(endCalendarDateTimeRef.value)
                     : (0, date_fns_1.getMonth)(mergedValue[1]);
                 endMonthScrollbarRef.value.scrollTo({
                     debounce: false,
@@ -538,7 +542,7 @@ function useDualCalendar(props, type) {
             }
             if (endYearVlRef.value) {
                 const yearIndex = (!Array.isArray(mergedValue)
-                    ? (0, date_fns_1.getYear)(Date.now())
+                    ? (0, date_fns_1.getYear)(endCalendarDateTimeRef.value)
                     : (0, date_fns_1.getYear)(mergedValue[1])) - config_1.START_YEAR;
                 endYearVlRef.value.scrollTo({ index: yearIndex, debounce: false });
             }

package/lib/date-picker/src/panel/use-panel-common.d.ts

@@ -18,6 +18,7 @@ declare const usePanelCommonProps: {
     readonly onClear: FunctionConstructor;
     readonly onConfirm: PropType<(value: Value | null) => void>;
     readonly onClose: PropType<OnClose>;
+    readonly ssrCurrentTimestamp: NumberConstructor;
     readonly onTabOut: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: PropType<OnPanelUpdateValue>;

package/lib/date-picker/src/panel/use-panel-common.js

@@ -23,6 +23,7 @@ const usePanelCommonProps = {
     onClear: Function,
     onConfirm: Function,
     onClose: Function,
+    ssrCurrentTimestamp: Number,
     onTabOut: Function,
     onUpdateValue: {
         type: Function,

package/lib/date-picker/src/utils.d.ts

@@ -50,10 +50,10 @@ export type DateCommonItem = DateItem | MonthItem | YearItem | QuarterItem;
  * Given time to display calendar, given the selected time, given current time,
  * return the date array of display time's month.
  */
-declare function dateArray(monthTs: number, valueTs: number | [number, number] | null, currentTs: number, startDay: 0 | 1 | 2 | 3 | 4 | 5 | 6, strip?: boolean): DateItem[];
-declare function monthArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): MonthItem[];
-declare function quarterArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): QuarterItem[];
-declare function yearArray(valueTs: number | null, currentTs: number, maxDate?: number): YearItem[];
+declare function dateArray(monthTs: number, valueTs: number | [number, number] | null, currentTs: number | null, startDay: 0 | 1 | 2 | 3 | 4 | 5 | 6, strip?: boolean): DateItem[];
+declare function monthArray(yearAnchorTs: number, valueTs: number | null, currentTs: number | null): MonthItem[];
+declare function quarterArray(yearAnchorTs: number, valueTs: number | null, currentTs: number | null): QuarterItem[];
+declare function yearArray(valueTs: number | null, currentTs: number | null, maxDate?: number): YearItem[];
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: UDateLocale['locale'];
 }): Date;

package/lib/date-picker/src/utils.js

@@ -72,7 +72,7 @@ function dateItem(time, monthTs, valueTs, currentTs) {
             year: (0, date_fns_1.getYear)(time)
         },
         inCurrentMonth: (0, date_fns_1.isSameMonth)(time, monthTs),
-        isCurrentDate: matchDate(currentTs, time, 'date'),
+        isCurrentDate: currentTs !== null && matchDate(currentTs, time, 'date'),
         inSpan,
         startOfSpan,
         endOfSpan,
@@ -87,7 +87,7 @@ function monthItem(monthTs, valueTs, currentTs) {
             month: (0, date_fns_1.getMonth)(monthTs),
             year: (0, date_fns_1.getYear)(monthTs)
         },
-        isCurrent: (0, date_fns_1.isSameMonth)(currentTs, monthTs),
+        isCurrent: currentTs !== null && (0, date_fns_1.isSameMonth)(currentTs, monthTs),
         selected: valueTs !== null && matchDate(valueTs, monthTs, 'month'),
         ts: (0, date_fns_1.getTime)(monthTs)
     };
@@ -98,7 +98,7 @@ function yearItem(yearTs, valueTs, currentTs) {
         dateObject: {
             year: (0, date_fns_1.getYear)(yearTs)
         },
-        isCurrent: (0, date_fns_1.isSameYear)(currentTs, yearTs),
+        isCurrent: currentTs !== null && (0, date_fns_1.isSameYear)(currentTs, yearTs),
         selected: valueTs !== null && matchDate(valueTs, yearTs, 'year'),
         ts: (0, date_fns_1.getTime)(yearTs)
     };
@@ -110,7 +110,7 @@ function quarterItem(quarterTs, valueTs, currentTs) {
             quarter: (0, date_fns_1.getQuarter)(quarterTs),
             year: (0, date_fns_1.getYear)(quarterTs)
         },
-        isCurrent: (0, date_fns_1.isSameQuarter)(currentTs, quarterTs),
+        isCurrent: currentTs !== null && (0, date_fns_1.isSameQuarter)(currentTs, quarterTs),
         selected: valueTs !== null && matchDate(valueTs, quarterTs, 'quarter'),
         ts: (0, date_fns_1.getTime)(quarterTs)
     };

package/lib/date-picker-v2/src/panel/CalendarPanel.d.ts

@@ -1765,7 +1765,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly yPlacement: "left" | "right";
         readonly xPlacement: "top" | "bottom";
     }> | null>;
-    now: number;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: PropType<Value>;
     displayYear: {

package/lib/date-picker-v2/src/panel/CalendarPanel.js

@@ -57,7 +57,10 @@ exports.default = (0, vue_1.defineComponent)({
             const loc = (_a = dateLocaleRef === null || dateLocaleRef === void 0 ? void 0 : dateLocaleRef.value) === null || _a === void 0 ? void 0 : _a.locale;
             return loc ? { locale: loc } : undefined;
         });
-        const now = Date.now();
+        const nowRef = (0, vue_1.ref)(null);
+        (0, vue_1.onMounted)(() => {
+            nowRef.value = Date.now();
+        });
         // Используем composable для скролла
         const { monthScrollbarRef, yearScrollbarRef, calendarScrollbarRef, scrollToMonthInMonthList, scrollToYear, scrollToMonthInCalendar: scrollToMonthInCalendarRaw } = (0, useCalendarScroll_1.useCalendarScroll)();
         // Все месяцы для навигации (с локализацией)
@@ -99,7 +102,7 @@ exports.default = (0, vue_1.defineComponent)({
                     year,
                     month,
                     label: (0, utils_1.getMonthLabel)(month, dateFnsOptions.value),
-                    dates: (0, utils_1.generateDatesForMonth)(year, month, (_a = props.value) !== null && _a !== void 0 ? _a : null, null, now, props.isDateDisabled)
+                    dates: (0, utils_1.generateDatesForMonth)(year, month, (_a = props.value) !== null && _a !== void 0 ? _a : null, null, nowRef.value, props.isDateDisabled)
                 });
             }
             return months;
@@ -123,8 +126,7 @@ exports.default = (0, vue_1.defineComponent)({
             weekdayNamesRef,
             monthScrollbarRef,
             yearScrollbarRef,
-            calendarScrollbarRef,
-            now
+            calendarScrollbarRef
         };
     },
     render() {

package/lib/date-picker-v2/src/panel/CalendarRangePanel.d.ts

@@ -1776,7 +1776,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly yPlacement: "left" | "right";
         readonly xPlacement: "top" | "bottom";
     }> | null>;
-    now: number;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<RangeValue>;

package/lib/date-picker-v2/src/panel/CalendarRangePanel.js

@@ -68,7 +68,10 @@ exports.default = (0, vue_1.defineComponent)({
             const loc = (_a = dateLocaleRef === null || dateLocaleRef === void 0 ? void 0 : dateLocaleRef.value) === null || _a === void 0 ? void 0 : _a.locale;
             return loc ? { locale: loc } : undefined;
         });
-        const now = Date.now();
+        const nowRef = (0, vue_1.ref)(null);
+        (0, vue_1.onMounted)(() => {
+            nowRef.value = Date.now();
+        });
         // Используем composable для скролла
         const { monthScrollbarRef, yearScrollbarRef, calendarScrollbarRef, scrollToMonthInMonthList, scrollToYear, scrollToMonthInCalendar: scrollToMonthInCalendarRaw } = (0, useCalendarScroll_1.useCalendarScroll)();
         // Все месяцы для навигации (с локализацией)
@@ -110,7 +113,7 @@ exports.default = (0, vue_1.defineComponent)({
                     month,
                     label: (0, utils_1.getMonthLabel)(month, dateFnsOptions.value),
                     dates: (0, utils_1.generateDatesForMonth)(year, month, null, // single value не используется для range
-                    props.value, now, props.isDateDisabled)
+                    props.value, nowRef.value, props.isDateDisabled)
                 });
             }
             return months;
@@ -134,8 +137,7 @@ exports.default = (0, vue_1.defineComponent)({
             weekdayNamesRef,
             monthScrollbarRef,
             yearScrollbarRef,
-            calendarScrollbarRef,
-            now
+            calendarScrollbarRef
         };
     },
     render() {

package/lib/date-picker-v2/src/utils.d.ts

@@ -3,7 +3,7 @@ import type { DateItem, MonthItem, YearItem } from './interface';
 export interface DateFnsOptions {
     locale: Locale;
 }
-export declare function generateDatesForMonth(year: number, month: number, value: number | null, rangeValue: [number, number] | null, now: number, isDateDisabled?: (ts: number) => boolean): DateItem[];
+export declare function generateDatesForMonth(year: number, month: number, value: number | null, rangeValue: [number, number] | null, now: number | null, isDateDisabled?: (ts: number) => boolean): DateItem[];
 export declare function getMonthLabel(month: number, options?: DateFnsOptions): string;
 export declare function getWeekdayNames(options?: DateFnsOptions, dayFormat?: string): string[];
 export declare function generateMonthsForYear(year: number, options?: DateFnsOptions, monthFormat?: string): MonthItem[];

package/lib/date-picker-v2/src/utils.js

@@ -45,7 +45,7 @@ function generateDatesForMonth(year, month, value, rangeValue, now, isDateDisabl
             month: dayMonth,
             date: dayDate,
             ts,
-            isCurrentDate: (0, date_fns_1.isSameDay)(day, now),
+            isCurrentDate: now !== null && (0, date_fns_1.isSameDay)(day, now),
             isCurrentMonth: (0, date_fns_1.isSameMonth)(day, date),
             selected,
             inRange,

package/lib/dialog/src/DialogProvider.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UDialogProvider = exports.dialogProviderProps = void 0;
-const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
@@ -17,8 +16,10 @@ exports.UDialogProvider = (0, vue_1.defineComponent)({
     setup() {
         const dialogListRef = (0, vue_1.ref)([]);
         const dialogInstRefs = {};
+        const providerId = (0, vue_1.useId)();
+        let dialogKeyIndex = 0;
         function create(options = {}) {
-            const key = (0, seemly_1.createId)();
+            const key = `${providerId}-${dialogKeyIndex++}`;
             const dialogReactive = (0, vue_1.reactive)(Object.assign(Object.assign({}, options), { key, destroy: () => {
                     dialogInstRefs[`u-dialog-${key}`].hide();
                 } }));

package/lib/dynamic-input/src/DynamicInput.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dynamicInputProps = void 0;
-const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _internal_1 = require("../../_internal");
@@ -20,7 +19,6 @@ const InputPreset_1 = __importDefault(require("./InputPreset"));
 const interface_1 = require("./interface");
 const PairPreset_1 = __importDefault(require("./PairPreset"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const globalDataKeyMap = new WeakMap();
 exports.dynamicInputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { max: Number, min: {
         type: Number,
         default: 0
@@ -67,6 +65,9 @@ exports.default = (0, vue_1.defineComponent)({
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
+        const componentId = (0, vue_1.useId)();
+        const localDataKeyMap = new WeakMap();
+        let localDataKeyIndex = 0;
         const themeRef = (0, _mixins_1.useTheme)('DynamicInput', '-dynamic-input', index_cssr_1.default, styles_1.dynamicInputLight, props, mergedClsPrefixRef);
         const insertionDisabledRef = (0, vue_1.computed)(() => {
             const { value: mergedValue } = mergedValueRef;
@@ -102,9 +103,10 @@ exports.default = (0, vue_1.defineComponent)({
             if (typeof value !== 'object')
                 return index;
             const rawValue = (0, vue_1.isProxy)(value) ? (0, vue_1.toRaw)(value) : value;
-            let key = globalDataKeyMap.get(rawValue);
+            let key = localDataKeyMap.get(rawValue);
             if (key === undefined) {
-                globalDataKeyMap.set(rawValue, (key = (0, seemly_1.createId)()));
+                key = `${componentId}-${localDataKeyIndex++}`;
+                localDataKeyMap.set(rawValue, key);
             }
             return key;
         }
@@ -123,9 +125,9 @@ exports.default = (0, vue_1.defineComponent)({
                     : originalItem;
                 const rawNew = (0, vue_1.isProxy)(value) ? (0, vue_1.toRaw)(value) : value;
                 // inherit key is value position is not change
-                const originalKey = globalDataKeyMap.get(rawOriginal);
+                const originalKey = localDataKeyMap.get(rawOriginal);
                 if (originalKey !== undefined) {
-                    globalDataKeyMap.set(rawNew, originalKey);
+                    localDataKeyMap.set(rawNew, originalKey);
                 }
             }
             doUpdateValue(newValue);

package/lib/form/src/FormItem.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formItemPropKeys = exports.formItemProps = void 0;
 const async_validator_1 = __importDefault(require("async-validator"));
 const lodash_es_1 = require("lodash-es");
-const seemly_1 = require("seemly");
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const use_form_item_1 = require("../../_mixins/use-form-item");
@@ -84,7 +83,9 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedSize: mergedSizeRef } = formItemSizeRefs;
         const { mergedLabelPlacement: labelPlacementRef, mergedLabelAlign: labelTextAlignRef, mergedRequireMarkPlacement: mergedRequireMarkPlacementRef } = formItemMiscRefs;
         const renderExplainsRef = (0, vue_1.ref)([]);
-        const feedbackIdRef = (0, vue_1.ref)((0, seemly_1.createId)());
+        const feedbackBaseId = (0, vue_1.useId)();
+        const feedbackIdIndexRef = (0, vue_1.ref)(0);
+        const feedbackIdRef = (0, vue_1.ref)(`${feedbackBaseId}-${feedbackIdIndexRef.value}`);
         const labelElementRef = (0, vue_1.ref)(null);
         const mergedDisabledRef = UForm
             ? (0, vue_1.toRef)(UForm.props, 'disabled')
@@ -112,7 +113,8 @@ exports.default = (0, vue_1.defineComponent)({
             validationErroredRef.value = false;
             validationWarnedRef.value = false;
             if (props.feedback) {
-                feedbackIdRef.value = (0, seemly_1.createId)();
+                feedbackIdIndexRef.value += 1;
+                feedbackIdRef.value = `${feedbackBaseId}-${feedbackIdIndexRef.value}`;
             }
         }
         function handleContentBlur() {

package/lib/grid/src/Grid.js

@@ -46,6 +46,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedClsPrefixRef, mergedBreakpointsRef } = (0, _mixins_1.useConfig)(props);
         const numRegex = /^\d+$/;
         const widthRef = (0, vue_1.ref)(undefined);
+        const mountedRef = (0, vue_1.ref)(false);
         const breakpointsRef = (0, vooks_1.useBreakpoints)((mergedBreakpointsRef === null || mergedBreakpointsRef === void 0 ? void 0 : mergedBreakpointsRef.value) || config_1.defaultBreakpoints);
         const isResponsiveRef = (0, vooks_1.useMemo)(() => {
             if (props.itemResponsive)
@@ -61,7 +62,12 @@ exports.default = (0, vue_1.defineComponent)({
         const responsiveQueryRef = (0, vue_1.computed)(() => {
             if (!isResponsiveRef.value)
                 return undefined;
-            return props.responsive === 'self' ? widthRef.value : breakpointsRef.value;
+            if (props.responsive === 'self')
+                return widthRef.value;
+            // `screen` responsiveness depends on client-only media queries. Keep the
+            // first SSR and hydration render deterministic, then resolve breakpoints
+            // after mount.
+            return mountedRef.value ? breakpointsRef.value : undefined;
         });
         const responsiveColsRef = (0, vooks_1.useMemo)(() => {
             var _a;
@@ -86,6 +92,7 @@ exports.default = (0, vue_1.defineComponent)({
         const isSsrRef = (0, vue_1.ref)(false);
         const contentElRef = (0, vue_1.ref)();
         (0, vue_1.onMounted)(() => {
+            mountedRef.value = true;
             const { value: contentEl } = contentElRef;
             if (contentEl) {
                 if (contentEl.hasAttribute(SSR_ATTR_NAME)) {