@uzum-tech/ui 1.5.4 → 1.5.5

package/dist/index.js

@@ -765,6 +765,12 @@
       return color.replace(/#|\(|\)|,|\s/g, "_");
     }
 
+    const resolveSize = (value, fallback) => {
+      if (value === void 0) return fallback;
+      value = String(value);
+      return /^\d+$/.test(value) ? `${value}px` : value;
+    };
+
     function ampCount(selector) {
       let cnt = 0;
       for (let i = 0; i < selector.length; ++i) {
@@ -37516,7 +37522,8 @@
         textColorSuccess: textQuaternary,
         textColorError: textQuaternary,
         textColorWarning: textQuaternary,
-        borderColor: staticWhite
+        borderColor: staticWhite,
+        dotSize: "12px"
       };
     };
     const badgeLight = {
@@ -47312,11 +47319,6 @@
           const getBackgroundColor = (color2) => {
             return props.disabled || size === "small" ? "rgba(0,0,0,0)" : color2;
           };
-          const resolveSize = (value, fallback) => {
-            if (value === void 0) return fallback;
-            value = String(value);
-            return /^\d+$/.test(value) ? `${value}px` : value;
-          };
           return {
             "--u-font-size": fontSize,
             "--u-font-weight": fontWeight,
@@ -47906,13 +47908,14 @@
       transformOrigin: "left bottom",
       originalTransform: "translateX(0)"
     })])]), cM("dot", [cB("badge-sup", `
-        height: 8px;
-        width: 8px;
+        height: var(--u-dot-size);
+        width: var(--u-dot-size);
+        justify-content: center;
+        overflow: hidden;
         padding: 0;
-        min-width: 8px;
         left: 100%;
         bottom: calc(100% - 4px);
-      `, [c$1("::before", "border-radius: 4px;")])]), cB("badge-sup", `
+      `, [c$1("::before", "border-radius: 4px;"), c$1("img", "width: 100%")])]), cB("badge-sup", `
       background: var(--u-color);
       transition:
         background-color .3s var(--u-bezier),
@@ -47963,8 +47966,6 @@
         border-radius: 100px;
       `), cM("dot", [cB("badge-sup", `
           transform: none;
-          width: 12px;
-          height: 12px;
           transform: none;
           left: auto;
           right: 0;
@@ -47988,6 +47989,7 @@
       processing: Boolean,
       color: String,
       textColor: String,
+      dotSize: [String, Number],
       offset: Array
     };
     var UBadge = vue.defineComponent({
@@ -48025,7 +48027,8 @@
               [createKey("color", type)]: color,
               [createKey("textColor", type)]: textColor,
               fontSize,
-              borderColor
+              borderColor,
+              dotSize
             }
           } = themeRef.value;
           return {
@@ -48035,7 +48038,8 @@
             "--u-bezier": cubicBezierEaseInOut,
             "--u-ripple-bezier": cubicBezierEaseOut,
             "--u-text-color": propTextColor || textColor,
-            "--u-border-color": borderColor
+            "--u-border-color": borderColor,
+            "--u-dot-size": resolveSize(props.dotSize, dotSize)
           };
         });
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
@@ -53664,10 +53668,11 @@
       }
       return calendarQuarters;
     }
-    function yearArray(valueTs, currentTs) {
+    function yearArray(valueTs, currentTs, maxDate) {
       const calendarYears = [];
       const time1900 = new Date(START_YEAR, 0, 1);
-      let count = END_YEAR - START_YEAR + 1;
+      const endYear = maxDate ? new Date(maxDate).getFullYear() : END_YEAR;
+      let count = endYear - START_YEAR + 1;
       while (count--) {
         calendarYears.push(yearItem(getTime(addYears(time1900, count)), valueTs, currentTs));
       }
@@ -95010,6 +95015,7 @@
       const {
         isValueInvalidRef,
         isDateDisabledRef,
+        maxDateRef,
         isDateInvalidRef,
         isTimeInvalidRef,
         isDateTimeInvalidRef,
@@ -95050,7 +95056,7 @@
         const {
           value
         } = props;
-        return yearArray(Array.isArray(value) ? null : value, nowRef.value);
+        return yearArray(Array.isArray(value) ? null : value, nowRef.value, maxDateRef.value);
       });
       const quarterArrayRef = vue.computed(() => {
         const {
@@ -95095,6 +95101,9 @@
         return getTime(startOfDay(value));
       }
       function mergedIsDateDisabled(ts) {
+        if (maxDateRef.value && ts > maxDateRef.value) {
+          return true;
+        }
         const {
           isDateDisabled: {
             value: isDateDisabled
@@ -95905,6 +95914,7 @@
     function useDualCalendar(props, type) {
       const {
         isDateDisabledRef,
+        maxDateRef,
         isStartHourDisabledRef,
         isEndHourDisabledRef,
         isStartMinuteDisabledRef,
@@ -96014,10 +96024,10 @@
         return shortcuts || rangesRef.value;
       });
       const startYearArrayRef = vue.computed(() => {
-        return yearArray(pluckValueFromRange(props.value, "start"), nowRef.value);
+        return yearArray(pluckValueFromRange(props.value, "start"), nowRef.value, maxDateRef.value);
       });
       const endYearArrayRef = vue.computed(() => {
-        return yearArray(pluckValueFromRange(props.value, "end"), nowRef.value);
+        return yearArray(pluckValueFromRange(props.value, "end"), nowRef.value, maxDateRef.value);
       });
       const startQuarterArrayRef = vue.computed(() => {
         const startValue = pluckValueFromRange(props.value, "start");
@@ -96109,6 +96119,9 @@
         adjustCalendarTimes(false);
       }
       function mergedIsDateDisabled(ts) {
+        if (maxDateRef.value && ts > maxDateRef.value) {
+          return true;
+        }
         const isDateDisabled = isDateDisabledRef.value;
         if (!isDateDisabled) return false;
         if (!Array.isArray(props.value)) return isDateDisabled(ts, "start", null);
@@ -97569,6 +97582,7 @@
       shortcuts: Object,
       defaultShortcuts: Boolean,
       isDateDisabled: Function,
+      maxDate: Number,
       isTimeDisabled: Function,
       show: {
         type: Boolean,
@@ -98149,6 +98163,7 @@
           dateLocaleRef,
           firstDayOfWeekRef: vue.toRef(props, "firstDayOfWeek"),
           isDateDisabledRef: vue.toRef(props, "isDateDisabled"),
+          maxDateRef: vue.toRef(props, "maxDate"),
           rangesRef: vue.toRef(props, "ranges"),
           timePickerPropsRef: vue.toRef(props, "timePickerProps"),
           closeOnSelectRef: vue.toRef(props, "closeOnSelect"),
@@ -127000,7 +127015,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.5.4";
+    var version = "1.5.5";
 
     function create({
       componentPrefix = "U",