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

package/dist/index.js

@@ -27894,6 +27894,8 @@
       const { mergedClsPrefixRef } = useConfig(props);
       const messageListRef = vue.ref([]);
       const messageRefs = vue.ref({});
+      const providerId = vue.useId();
+      let messageKeyIndex = 0;
       const api = {
         create(content, options) {
           return create(content, { type: "default", ...options });
@@ -27921,7 +27923,7 @@
       });
       vue.provide(messageApiInjectionKey, api);
       function create(content, options) {
-        const key = createId();
+        const key = `${providerId}-${messageKeyIndex++}`;
         const messageReactive = vue.reactive({
           ...options,
           content,
@@ -37605,7 +37607,7 @@
         year: getYear(time)
       },
       inCurrentMonth: isSameMonth(time, monthTs),
-      isCurrentDate: matchDate(currentTs, time, "date"),
+      isCurrentDate: currentTs !== null && matchDate(currentTs, time, "date"),
       inSpan,
       startOfSpan,
       endOfSpan,
@@ -37620,7 +37622,7 @@
         month: getMonth(monthTs),
         year: getYear(monthTs)
       },
-      isCurrent: isSameMonth(currentTs, monthTs),
+      isCurrent: currentTs !== null && isSameMonth(currentTs, monthTs),
       selected: valueTs !== null && matchDate(valueTs, monthTs, "month"),
       ts: getTime(monthTs)
     };
@@ -37631,7 +37633,7 @@
       dateObject: {
         year: getYear(yearTs)
       },
-      isCurrent: isSameYear(currentTs, yearTs),
+      isCurrent: currentTs !== null && isSameYear(currentTs, yearTs),
       selected: valueTs !== null && matchDate(valueTs, yearTs, "year"),
       ts: getTime(yearTs)
     };
@@ -37643,7 +37645,7 @@
         quarter: getQuarter(quarterTs),
         year: getYear(quarterTs)
       },
-      isCurrent: isSameQuarter(currentTs, quarterTs),
+      isCurrent: currentTs !== null && isSameQuarter(currentTs, quarterTs),
       selected: valueTs !== null && matchDate(valueTs, quarterTs, "quarter"),
       ts: getTime(quarterTs)
     };
@@ -37920,6 +37922,7 @@
   const calendarProps = {
     ...useTheme.props,
     isDateDisabled: Function,
+    ssrCurrentTimestamp: Number,
     value: Number,
     defaultValue: {
       type: Number,
@@ -37943,7 +37946,7 @@
         mergedClsPrefixRef
       );
       const { localeRef, dateLocaleRef } = useLocale("DatePicker");
-      const now = Date.now();
+      const now = props.ssrCurrentTimestamp ?? Date.now();
       const monthTsRef = vue.ref(startOfMonth(props.defaultValue ?? now).valueOf());
       const uncontrolledValueRef = vue.ref(props.defaultValue || null);
       const mergedValueRef = useMergedState(
@@ -38772,6 +38775,7 @@
       const { mergedClsPrefixRef, mergedBreakpointsRef } = useConfig(props);
       const numRegex = /^\d+$/;
       const widthRef = vue.ref(void 0);
+      const mountedRef = vue.ref(false);
       const breakpointsRef = useBreakpoints(
         mergedBreakpointsRef?.value || defaultBreakpoints
       );
@@ -38789,7 +38793,9 @@
       const responsiveQueryRef = vue.computed(() => {
         if (!isResponsiveRef.value)
           return void 0;
-        return props.responsive === "self" ? widthRef.value : breakpointsRef.value;
+        if (props.responsive === "self")
+          return widthRef.value;
+        return mountedRef.value ? breakpointsRef.value : void 0;
       });
       const responsiveColsRef = useMemo(() => {
         return Number(
@@ -38823,6 +38829,7 @@
       const isSsrRef = vue.ref(false);
       const contentElRef = vue.ref();
       vue.onMounted(() => {
+        mountedRef.value = true;
         const { value: contentEl } = contentElRef;
         if (contentEl) {
           if (contentEl.hasAttribute(SSR_ATTR_NAME)) {
@@ -41401,11 +41408,12 @@
         cssVarsRef,
         props
       ) : void 0;
+      const labelId = vue.useId();
       return Object.assign(checkbox, {
         rtlEnabled: rtlEnabledRef,
         mergedClsPrefix: mergedClsPrefixRef,
         mergedTheme: themeRef,
-        labelId: createId(),
+        labelId,
         cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
         themeClass: themeClassHandle?.themeClass,
         onRender: themeClassHandle?.onRender
@@ -41456,7 +41464,7 @@
           tabindex: mergedDisabled || !focusable ? void 0 : 0,
           role: "checkbox",
           "aria-checked": indeterminate ? "mixed" : renderedChecked,
-          "aria-labelledby": labelId,
+          "aria-labelledby": labelNode ? labelId : void 0,
           style: cssVars,
           onKeyup: handleKeyUp,
           onKeydown: handleKeyDown,
@@ -49836,7 +49844,7 @@
     props: imageGroupProps,
     setup(props) {
       const { mergedClsPrefixRef } = useConfig(props);
-      const groupId = `c${createId()}`;
+      const groupId = `c${vue.useId()}`;
       const previewInstRef = vue.ref(null);
       const uncontrolledShowRef = vue.ref(props.defaultShow);
       const controlledShowRef = vue.toRef(props, "show");
@@ -49863,12 +49871,12 @@
             "`u-image` can't be placed inside `u-image-group` when image group's `src-list` prop is set."
           );
         }
-        const sid = `r${id}`;
-        if (!registeredImageUrlMap.value.has(`r${sid}`)) {
+        const sid = id;
+        if (!registeredImageUrlMap.value.has(sid)) {
           registeredImageUrlMap.value.set(sid, url);
         }
         return function unregisterPreviewUrl() {
-          if (!registeredImageUrlMap.value.has(sid)) {
+          if (registeredImageUrlMap.value.has(sid)) {
             registeredImageUrlMap.value.delete(sid);
           }
         };
@@ -50020,7 +50028,6 @@
     onLoad: Function,
     ...imagePreviewSharedProps
   };
-  let uuid = 0;
   var Image$1 = vue.defineComponent({
     name: "Image",
     props: imageProps,
@@ -50036,13 +50043,13 @@
         return props.previewSrc || props.src;
       });
       const previewShowRef = vue.ref(false);
-      const imageId = uuid++;
+      const imageId = `r${vue.useId()}`;
       const showPreview = () => {
         if (props.previewDisabled || showErrorRef.value)
           return;
         if (imageGroupHandle) {
           imageGroupHandle.setThumbnailEl(imageRef.value);
-          imageGroupHandle.toggleShow(`r${imageId}`);
+          imageGroupHandle.toggleShow(imageId);
           return;
         }
         const { value: previewInst } = previewInstRef;
@@ -51543,6 +51550,8 @@
     name: "Upload",
     props: uploadProps,
     setup(props) {
+      const uploadId = vue.useId();
+      const uploadKeyIndexRef = vue.ref(0);
       const { localeRef } = useLocale("Upload");
       const { submitImpl, customSubmitImpl } = useUpload();
       if (props.abstract && props.listType === "image-card") {
@@ -51609,6 +51618,11 @@
       const mergedMultipleRef = vue.computed(
         () => props.multiple || props.directory
       );
+      function createUploadKey() {
+        const key = `${uploadId}-${uploadKeyIndexRef.value}`;
+        uploadKeyIndexRef.value += 1;
+        return key;
+      }
       function handleFileAddition(fileAndEntries, e) {
         if (!fileAndEntries || fileAndEntries.length === 0)
           return;
@@ -51628,11 +51642,11 @@
             max - mergedFileListRef.value.length
           );
         }
-        const batchId = createId();
+        const batchId = createUploadKey();
         void Promise.all(
           fileAndEntries.map(async ({ file, entry }) => {
             const fileInfo = {
-              id: createId(),
+              id: createUploadKey(),
               batchId,
               name: file.name,
               status: "pending",
@@ -57484,9 +57498,9 @@
     props: collapseItemProps,
     setup(props) {
       const { mergedRtlRef } = useConfig(props);
-      const randomName = createId();
+      const generatedName = vue.useId();
       const mergedNameRef = useMemo(() => {
-        return props.name ?? randomName;
+        return props.name ?? generatedName;
       });
       const UCollapse = vue.inject(collapseInjectionKey);
       if (!UCollapse) {
@@ -57531,7 +57545,7 @@
       return {
         rtlEnabled: rtlEnabledRef,
         collapseSlots,
-        randomName,
+        randomName: generatedName,
         mergedClsPrefix: mergedClsPrefixRef,
         collapsed: collapsedRef,
         triggerAreas: vue.toRef(collapseProps, "triggerAreas"),
@@ -59643,6 +59657,7 @@
       type: String,
       default: "desktop-first"
     },
+    ssrBreakpointWidth: Number,
     preflightStyleDisabled: Boolean,
     styleMountTarget: Object,
     inlineThemeDisabled: {
@@ -59679,12 +59694,22 @@
         } = props;
         return breakpointMode || UConfigProvider?.mergedBreakpointModeRef.value || "desktop-first";
       });
-      const getMergedBreakpointValues = breakpointMap => {
+      const mergedSsrBreakpointWidthRef = vue.computed(() => {
+        const {
+          ssrBreakpointWidth
+        } = props;
+        return ssrBreakpointWidth !== void 0 ? ssrBreakpointWidth : UConfigProvider?.mergedSsrBreakpointWidthRef.value;
+      });
+      const getSortedBreakpointWidths = breakpointMap => {
+        return Object.keys(breakpointMap).map(Number).sort((leftWidth, rightWidth) => leftWidth - rightWidth);
+      };
+      const getMergedBreakpointValues = (breakpointMap, mode = "desktop-first") => {
         if (!breakpointMap) return;
-        const breakpointWidths = Object.keys(breakpointMap).map(Number).sort((leftWidth, rightWidth) => leftWidth - rightWidth);
+        const breakpointWidths = getSortedBreakpointWidths(breakpointMap);
+        const orderedWidths = mode === "mobile-first" ? breakpointWidths : [...breakpointWidths].reverse();
         const mergedMap = {};
         let previousValue;
-        for (const width of breakpointWidths) {
+        for (const width of orderedWidths) {
           if (previousValue !== void 0) {
             mergedMap[width] = merge$1({}, previousValue, breakpointMap[width]);
           } else {
@@ -59694,23 +59719,24 @@
         }
         return mergedMap;
       };
-      const windowWidthRef = vue.ref(isBrowser$1 ? window.innerWidth : 1920);
+      const windowWidthRef = vue.ref(mergedSsrBreakpointWidthRef.value ?? (isBrowser$1 ? window.innerWidth : void 0));
       const getActiveBreakpointValue = (breakpointMap, mode = "desktop-first") => {
-        if (!breakpointMap || !isBrowser$1) return;
-        const mergedMap = getMergedBreakpointValues(breakpointMap);
-        if (!mergedMap) return;
+        if (!breakpointMap) return;
         const currentWidth = windowWidthRef.value;
-        const breakpointWidths = Object.keys(mergedMap).map(Number).sort((leftWidth, rightWidth) => leftWidth - rightWidth);
+        if (currentWidth === void 0) return;
+        const mergedMap = getMergedBreakpointValues(breakpointMap, mode);
+        if (!mergedMap) return;
+        const breakpointWidths = getSortedBreakpointWidths(mergedMap);
         let matchingBreakpoints;
         if (mode === "mobile-first") {
-          matchingBreakpoints = breakpointWidths.filter(width => width >= currentWidth);
+          matchingBreakpoints = breakpointWidths.filter(width => width <= currentWidth).reverse();
           if (matchingBreakpoints.length === 0) {
-            matchingBreakpoints = [breakpointWidths[breakpointWidths.length - 1]];
+            matchingBreakpoints = [breakpointWidths[0]];
           }
         } else {
-          matchingBreakpoints = breakpointWidths.filter(width => width <= currentWidth).reverse();
+          matchingBreakpoints = breakpointWidths.filter(width => width >= currentWidth);
           if (matchingBreakpoints.length === 0) {
-            matchingBreakpoints = [breakpointWidths[0]];
+            matchingBreakpoints = [breakpointWidths[breakpointWidths.length - 1]];
           }
         }
         const activeBreakpoint = matchingBreakpoints[0];
@@ -59871,6 +59897,7 @@
       vue.provide(configProviderInjectionKey, {
         mergedThemeHashRef,
         mergedBreakpointsRef,
+        mergedSsrBreakpointWidthRef,
         mergedRtlRef,
         mergedIconsRef,
         mergedComponentPropsRef,
@@ -69984,6 +70011,7 @@
     emits: ["edit"],
     props: dataTableProps,
     setup(props, { slots, emit }) {
+      const componentId = vue.useId();
       {
         vue.watchEffect(() => {
           if (props.onPageChange !== void 0) {
@@ -70360,7 +70388,7 @@
         indentRef: vue.toRef(props, "indent"),
         childTriggerColIndexRef,
         bodyWidthRef,
-        componentId: createId(),
+        componentId,
         hoverKeyRef,
         mergedClsPrefixRef,
         mergedThemeRef: themeRef,
@@ -70677,6 +70705,7 @@
     onClear: Function,
     onConfirm: Function,
     onClose: Function,
+    ssrCurrentTimestamp: Number,
     onTabOut: Function,
     onUpdateValue: {
       type: Function,
@@ -70859,11 +70888,15 @@
       isSecondDisabled: isSecondDisabledRef
     };
     const mergedDateFormatRef = vue.computed(() => props.dateFormat || localeRef.value.dateFormat);
+    const initialCurrentTimestamp = props.ssrCurrentTimestamp ?? Date.now();
     const dateInputValueRef = vue.ref(props.value === null || Array.isArray(props.value) ? "" : format$3(props.value, mergedDateFormatRef.value));
-    const calendarValueRef = vue.ref(props.value === null || Array.isArray(props.value) ? Date.now() : props.value);
+    const calendarValueRef = vue.ref(props.value === null || Array.isArray(props.value) ? initialCurrentTimestamp : props.value);
     const yearVlRef = vue.ref(null);
     const yearScrollbarRef = vue.ref(null);
-    const nowRef = vue.ref(Date.now());
+    const nowRef = vue.ref(props.ssrCurrentTimestamp ?? null);
+    vue.onMounted(() => {
+      nowRef.value = Date.now();
+    });
     const dateArrayRef = vue.computed(() => {
       return dateArray(calendarValueRef.value, props.value, nowRef.value, firstDayOfWeekRef.value ?? localeRef.value.firstDayOfWeek);
     });
@@ -70991,7 +71024,7 @@
       if (props.value !== null && !Array.isArray(props.value)) {
         newValue = props.value;
       } else {
-        newValue = Date.now();
+        newValue = calendarValueRef.value;
       }
       if (type === "datetime" && props.defaultTime !== null && !Array.isArray(props.defaultTime)) {
         let time;
@@ -71031,7 +71064,7 @@
       if (props.value !== null && !Array.isArray(props.value)) {
         newValue = props.value;
       } else {
-        newValue = Date.now();
+        newValue = calendarValueRef.value;
       }
       newValue = getTime(dateItem.type === "month" ? setMonth(newValue, dateItem.dateObject.month) : setYear(newValue, dateItem.dateObject.year));
       updatePanelValue(newValue);
@@ -71807,11 +71840,15 @@
     const {
       value
     } = props;
-    const defaultCalendarStartTime = props.defaultCalendarStartTime ?? (Array.isArray(value) && typeof value[0] === "number" ? value[0] : Date.now());
+    const initialCurrentTimestamp = props.ssrCurrentTimestamp ?? Date.now();
+    const defaultCalendarStartTime = props.defaultCalendarStartTime ?? (Array.isArray(value) && typeof value[0] === "number" ? value[0] : initialCurrentTimestamp);
     const startCalendarDateTimeRef = vue.ref(defaultCalendarStartTime);
     const endCalendarDateTimeRef = vue.ref(props.defaultCalendarEndTime ?? (Array.isArray(value) && typeof value[1] === "number" ? value[1] : getTime(addMonths(defaultCalendarStartTime, 1))));
     adjustCalendarTimes(true);
-    const nowRef = vue.ref(Date.now());
+    const nowRef = vue.ref(props.ssrCurrentTimestamp ?? null);
+    vue.onMounted(() => {
+      nowRef.value = Date.now();
+    });
     const isSelectingRef = vue.ref(false);
     const memorizedStartDateTimeRef = vue.ref(0);
     const mergedDateFormatRef = vue.computed(() => props.dateFormat || localeRef.value.dateFormat);
@@ -71874,19 +71911,19 @@
     });
     const startQuarterArrayRef = vue.computed(() => {
       const startValue = pluckValueFromRange(props.value, "start");
-      return quarterArray(startValue ?? Date.now(), startValue, nowRef.value);
+      return quarterArray(startValue ?? startCalendarDateTimeRef.value, startValue, nowRef.value);
     });
     const endQuarterArrayRef = vue.computed(() => {
       const endValue = pluckValueFromRange(props.value, "end");
-      return quarterArray(endValue ?? Date.now(), endValue, nowRef.value);
+      return quarterArray(endValue ?? endCalendarDateTimeRef.value, endValue, nowRef.value);
     });
     const startMonthArrayRef = vue.computed(() => {
       const startValue = pluckValueFromRange(props.value, "start");
-      return monthArray(startValue ?? Date.now(), startValue, nowRef.value);
+      return monthArray(startValue ?? startCalendarDateTimeRef.value, startValue, nowRef.value);
     });
     const endMonthArrayRef = vue.computed(() => {
       const endValue = pluckValueFromRange(props.value, "end");
-      return monthArray(endValue ?? Date.now(), endValue, nowRef.value);
+      return monthArray(endValue ?? endCalendarDateTimeRef.value, endValue, nowRef.value);
     });
     vue.watch(vue.computed(() => props.value), value2 => {
       if (value2 !== null && Array.isArray(value2)) {
@@ -72231,7 +72268,7 @@
       const mergedValue = value2 === void 0 ? props.value : value2;
       if (value2 === void 0 || type2 === "start") {
         if (startMonthScrollbarRef.value) {
-          const monthIndex = !Array.isArray(mergedValue) ? getMonth(Date.now()) : getMonth(mergedValue[0]);
+          const monthIndex = !Array.isArray(mergedValue) ? getMonth(startCalendarDateTimeRef.value) : getMonth(mergedValue[0]);
           startMonthScrollbarRef.value.scrollTo({
             debounce: false,
             index: monthIndex,
@@ -72239,7 +72276,7 @@
           });
         }
         if (startYearVlRef.value) {
-          const yearIndex = (!Array.isArray(mergedValue) ? getYear(Date.now()) : getYear(mergedValue[0])) - START_YEAR$1;
+          const yearIndex = (!Array.isArray(mergedValue) ? getYear(startCalendarDateTimeRef.value) : getYear(mergedValue[0])) - START_YEAR$1;
           startYearVlRef.value.scrollTo({
             index: yearIndex,
             debounce: false
@@ -72248,7 +72285,7 @@
       }
       if (value2 === void 0 || type2 === "end") {
         if (endMonthScrollbarRef.value) {
-          const monthIndex = !Array.isArray(mergedValue) ? getMonth(Date.now()) : getMonth(mergedValue[1]);
+          const monthIndex = !Array.isArray(mergedValue) ? getMonth(endCalendarDateTimeRef.value) : getMonth(mergedValue[1]);
           endMonthScrollbarRef.value.scrollTo({
             debounce: false,
             index: monthIndex,
@@ -72256,7 +72293,7 @@
           });
         }
         if (endYearVlRef.value) {
-          const yearIndex = (!Array.isArray(mergedValue) ? getYear(Date.now()) : getYear(mergedValue[1])) - START_YEAR$1;
+          const yearIndex = (!Array.isArray(mergedValue) ? getYear(endCalendarDateTimeRef.value) : getYear(mergedValue[1])) - START_YEAR$1;
           endYearVlRef.value.scrollTo({
             index: yearIndex,
             debounce: false
@@ -73992,6 +74029,10 @@
       const { mergedThemeRef, mergedClsPrefixRef } = vue.inject(
         timePickerInjectionKey
       );
+      const mountedRef = vue.ref(false);
+      vue.onMounted(() => {
+        mountedRef.value = true;
+      });
       const hoursRef = vue.computed(() => {
         const { isHourDisabled, hours, use12Hours, amPmValue } = props;
         if (!use12Hours) {
@@ -74003,7 +74044,7 @@
             };
           });
         } else {
-          const mergedAmPmValue = amPmValue ?? getAmPm(Date.now());
+          const mergedAmPmValue = amPmValue ?? (mountedRef.value ? getAmPm(Date.now()) : "am");
           return getTimeUnits(time.hours, hours, mergedAmPmValue).map((hour) => {
             const hourAs12FormattedNumber = Number(hour);
             const hourAs24FormattedNumber = mergedAmPmValue === "pm" && hourAs12FormattedNumber !== 12 ? hourAs12FormattedNumber + 12 : hourAs12FormattedNumber;
@@ -76205,6 +76246,7 @@
     onConfirm: Function,
     defaultCalendarStartTime: Number,
     defaultCalendarEndTime: Number,
+    ssrCurrentTimestamp: Number,
     bindCalendarMonths: Boolean,
     triggerPreset: {
       type: String,
@@ -77088,6 +77130,7 @@
         shortcuts: this.defaultShortcuts ? this.getDefaultShortcuts() : this.shortcuts,
         style: this.cssVars,
         defaultTime: this.defaultTime,
+        ssrCurrentTimestamp: this.ssrCurrentTimestamp,
         themeClass: this.themeClass,
         panel: this.panel,
         onRender: this.onRender
@@ -77503,7 +77546,7 @@
         month: dayMonth,
         date: dayDate,
         ts,
-        isCurrentDate: isSameDay(day, now),
+        isCurrentDate: now !== null && isSameDay(day, now),
         isCurrentMonth: isSameMonth(day, date),
         selected,
         inRange,
@@ -77606,7 +77649,10 @@
         const loc = dateLocaleRef?.value?.locale;
         return loc ? { locale: loc } : void 0;
       });
-      const now = Date.now();
+      const nowRef = vue.ref(null);
+      vue.onMounted(() => {
+        nowRef.value = Date.now();
+      });
       const {
         monthScrollbarRef,
         yearScrollbarRef,
@@ -77662,7 +77708,7 @@
               month,
               props.value ?? null,
               null,
-              now,
+              nowRef.value,
               props.isDateDisabled
             )
           });
@@ -77689,8 +77735,7 @@
         weekdayNamesRef,
         monthScrollbarRef,
         yearScrollbarRef,
-        calendarScrollbarRef,
-        now
+        calendarScrollbarRef
       };
     },
     render() {
@@ -77922,7 +77967,10 @@
         const loc = dateLocaleRef?.value?.locale;
         return loc ? { locale: loc } : void 0;
       });
-      const now = Date.now();
+      const nowRef = vue.ref(null);
+      vue.onMounted(() => {
+        nowRef.value = Date.now();
+      });
       const {
         monthScrollbarRef,
         yearScrollbarRef,
@@ -77979,7 +78027,7 @@
               null,
               // single value не используется для range
               props.value,
-              now,
+              nowRef.value,
               props.isDateDisabled
             )
           });
@@ -78006,8 +78054,7 @@
         weekdayNamesRef,
         monthScrollbarRef,
         yearScrollbarRef,
-        calendarScrollbarRef,
-        now
+        calendarScrollbarRef
       };
     },
     render() {
@@ -81088,8 +81135,10 @@
     setup() {
       const dialogListRef = vue.ref([]);
       const dialogInstRefs = {};
+      const providerId = vue.useId();
+      let dialogKeyIndex = 0;
       function create(options = {}) {
-        const key = createId();
+        const key = `${providerId}-${dialogKeyIndex++}`;
         const dialogReactive = vue.reactive({
           ...options,
           key,
@@ -82235,8 +82284,10 @@
       const notificationListRef = vue.ref([]);
       const notificationRefs = {};
       const leavingKeySet = /* @__PURE__ */ new Set();
+      const providerId = vue.useId();
+      let notificationKeyIndex = 0;
       function create(options) {
-        const key = createId();
+        const key = `${providerId}-${notificationKeyIndex++}`;
         const destroy = () => {
           leavingKeySet.add(key);
           if (notificationRefs[key]) {
@@ -83947,7 +83998,6 @@
     paddingTop: "0 !important"
   })])]);
 
-  const globalDataKeyMap = /* @__PURE__ */ new WeakMap();
   const dynamicInputProps = {
     ...useTheme.props,
     max: Number,
@@ -84025,6 +84075,9 @@
         controlledValueRef,
         uncontrolledValueRef
       );
+      const componentId = vue.useId();
+      const localDataKeyMap = /* @__PURE__ */ new WeakMap();
+      let localDataKeyIndex = 0;
       const themeRef = useTheme(
         "DynamicInput",
         "-dynamic-input",
@@ -84066,9 +84119,10 @@
         if (typeof value !== "object")
           return index;
         const rawValue = vue.isProxy(value) ? vue.toRaw(value) : value;
-        let key = globalDataKeyMap.get(rawValue);
+        let key = localDataKeyMap.get(rawValue);
         if (key === void 0) {
-          globalDataKeyMap.set(rawValue, key = createId());
+          key = `${componentId}-${localDataKeyIndex++}`;
+          localDataKeyMap.set(rawValue, key);
         }
         return key;
       }
@@ -84080,9 +84134,9 @@
         if (originalItem && value && typeof originalItem === "object" && typeof value === "object") {
           const rawOriginal = vue.isProxy(originalItem) ? vue.toRaw(originalItem) : originalItem;
           const rawNew = vue.isProxy(value) ? vue.toRaw(value) : value;
-          const originalKey = globalDataKeyMap.get(rawOriginal);
+          const originalKey = localDataKeyMap.get(rawOriginal);
           if (originalKey !== void 0) {
-            globalDataKeyMap.set(rawNew, originalKey);
+            localDataKeyMap.set(rawNew, originalKey);
           }
         }
         doUpdateValue(newValue);
@@ -86967,7 +87021,9 @@
         mergedRequireMarkPlacement: mergedRequireMarkPlacementRef
       } = formItemMiscRefs;
       const renderExplainsRef = vue.ref([]);
-      const feedbackIdRef = vue.ref(createId());
+      const feedbackBaseId = vue.useId();
+      const feedbackIdIndexRef = vue.ref(0);
+      const feedbackIdRef = vue.ref(`${feedbackBaseId}-${feedbackIdIndexRef.value}`);
       const labelElementRef = vue.ref(null);
       const mergedDisabledRef = UForm ? vue.toRef(UForm.props, "disabled") : vue.ref(false);
       const themeRef = useTheme(
@@ -87002,7 +87058,8 @@
         validationErroredRef.value = false;
         validationWarnedRef.value = false;
         if (props.feedback) {
-          feedbackIdRef.value = createId();
+          feedbackIdIndexRef.value += 1;
+          feedbackIdRef.value = `${feedbackBaseId}-${feedbackIdIndexRef.value}`;
         }
       }
       function handleContentBlur() {
@@ -88486,7 +88543,7 @@
     onUpdateMenuValue: [Function, Array],
     onUpdateActiveMenuKey: Function
   };
-  var HeaderNavigation = vue.defineComponent({
+  const HeaderNavigation = vue.defineComponent({
     name: "HeaderNavigation",
     props: headerNavigationProps,
     setup(props) {
@@ -90854,6 +90911,8 @@
   function transformHeatmapFirstDayOfWeekToDateFns(firstDayOfWeek) {
     return (firstDayOfWeek + 1) % 7;
   }
+  const HEATMAP_LABEL_BASE_DATE = new Date(2024, 0, 1);
+  const HEATMAP_LABEL_BASE_YEAR = 2024;
   const heatmapProps = {
     ...useTheme.props,
     activeColors: Array,
@@ -91016,7 +91075,7 @@
       const weekLabelsRef = vue.computed(() => {
         const { weekdayFormat } = localeRef.value;
         const { locale } = dateLocaleRef.value;
-        const baseDate = startOfWeek(/* @__PURE__ */ new Date(), {
+        const baseDate = startOfWeek(HEATMAP_LABEL_BASE_DATE, {
           weekStartsOn: transformHeatmapFirstDayOfWeekToDateFns(
             props.firstDayOfWeek
           )
@@ -91031,10 +91090,9 @@
       const loadingMonthLabelsRef = vue.computed(() => {
         const { monthFormat } = localeRef.value;
         const { locale } = dateLocaleRef.value;
-        const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
         const colSpans = [5, 4, 5, 4, 5, 4, 5, 4, 4, 5, 4, 4];
         return Array.from({ length: 12 }, (_, i) => {
-          const monthDate = new Date(currentYear, i, 1);
+          const monthDate = new Date(HEATMAP_LABEL_BASE_YEAR, i, 1);
           return {
             name: format$3(monthDate, monthFormat, { locale }),
             colSpan: colSpans[i]
@@ -97099,7 +97157,7 @@
         cssVarsRef,
         props
       ) : void 0;
-      const ellipsisNodeId = createId();
+      const ellipsisNodeId = vue.useId();
       const overflowRef = vue.ref(null);
       const counterRef = vue.ref(null);
       let isFirstResize = true;
@@ -97389,8 +97447,10 @@
     setup() {
       const modalListRef = vue.ref([]);
       const modalInstRefs = {};
+      const providerId = vue.useId();
+      let modalKeyIndex = 0;
       function create(options = {}) {
-        const key = createId();
+        const key = `${providerId}-${modalKeyIndex++}`;
         const modalReactive = vue.reactive({
           ...options,
           key,
@@ -105216,6 +105276,7 @@
       default: void 0
       // the same as `time` prop
     },
+    ssrCurrentTimestamp: Number,
     unix: Boolean,
     format: String,
     text: Boolean,
@@ -105225,7 +105286,7 @@
     name: "Time",
     props: timeProps,
     setup(props) {
-      const now = Date.now();
+      const now = props.ssrCurrentTimestamp ?? Date.now();
       const {
         localeRef,
         dateLocaleRef
@@ -111031,7 +111092,7 @@
     });
   }
 
-  var version = "2.0.0-beta.1";
+  var version = "2.0.0-beta.3";
 
   function create({
     componentPrefix = "U",