@uzum-tech/ui 1.5.4 → 1.6.0

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) {
@@ -36916,7 +36922,8 @@
         type: Boolean,
         default: void 0
       },
-      onChange: [Function, Array]
+      onChange: [Function, Array],
+      onClick: [Function, Array]
     };
     const radioGroupInjectionKey = createInjectionKey("u-radio-group");
     function useRadio(props) {
@@ -37516,7 +37523,8 @@
         textColorSuccess: textQuaternary,
         textColorError: textQuaternary,
         textColorWarning: textQuaternary,
-        borderColor: staticWhite
+        borderColor: staticWhite,
+        dotSize: "12px"
       };
     };
     const badgeLight = {
@@ -38944,13 +38952,13 @@
         elementsQuaternary
       } = vars;
       return {
-        itemPaddingSmall: "0 4px",
+        itemPaddingSmall: "0 10px",
         itemMarginSmall: "0 0 0 2px",
         itemMarginSmallRtl: "0 2px 0 0",
-        itemPaddingMedium: "0 4px",
+        itemPaddingMedium: "0 12px",
         itemMarginMedium: "0 0 0 2px",
         itemMarginMediumRtl: "0 2px 0 0",
-        itemPaddingLarge: "0 4px",
+        itemPaddingLarge: "0 14px",
         itemMarginLarge: "0 0 0 2px",
         itemMarginLargeRtl: "0 2px 0 0",
         buttonIconSizeSmall: "14px",
@@ -39003,8 +39011,8 @@
         itemBorderActive: "0px",
         itemBorderDisabled: "0px",
         itemBorderRadius: borderRadius,
-        itemSizeSmall: "24px",
-        itemSizeMedium: "32px",
+        itemSizeSmall: "32px",
+        itemSizeMedium: "36px",
         itemSizeLarge: "40px",
         itemFontSizeSmall: fontBodyMedium,
         itemFontSizeMedium: fontBodyMedium,
@@ -47312,11 +47320,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 +47909,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 +47967,6 @@
         border-radius: 100px;
       `), cM("dot", [cB("badge-sup", `
           transform: none;
-          width: 12px;
-          height: 12px;
           transform: none;
           left: auto;
           right: 0;
@@ -47988,6 +47990,7 @@
       processing: Boolean,
       color: String,
       textColor: String,
+      dotSize: [String, Number],
       offset: Array
     };
     var UBadge = vue.defineComponent({
@@ -48025,7 +48028,8 @@
               [createKey("color", type)]: color,
               [createKey("textColor", type)]: textColor,
               fontSize,
-              borderColor
+              borderColor,
+              dotSize
             }
           } = themeRef.value;
           return {
@@ -48035,7 +48039,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 +53669,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));
       }
@@ -59331,6 +59337,28 @@
       --u-merged-border: var(--u-border-checked);
       --u-merged-shadow: var(--u-box-shadow-hover-checked);
       --u-merged-icon: var(--u-check-mark-color);
+    `, [c$1("&:hover", `
+        --u-merged-color: var(--u-color-hover-checked);
+        --u-merged-border: var(--u-border-hover-checked);
+        --u-merged-shadow: var(--u-box-shadow-hover-checked);
+      `), c$1("&:focus", `
+        --u-merged-color: var(--u-color-focus-checked);
+        --u-merged-border: var(--u-border-focus-checked);
+        --u-merged-shadow: var(--u-box-shadow-focus-checked);
+      `), c$1("&:active", `
+        --u-merged-color: var(--u-color-active-checked);
+        --u-merged-border: var(--u-border-active-checked);
+        --u-merged-shadow: var(--u-box-shadow-active-checked);
+      `), cM("disabled", `
+        --u-merged-color: var(--u-color-disabled-checked);
+        --u-merged-border: var(--u-border-disabled-checked);
+        --u-merged-shadow: transparent;
+        --u-merged-icon: var(--u-check-mark-color-disabled-checked);
+      `)]), cM("indeterminate", `
+      --u-merged-color: var(--u-color-checked);
+      --u-merged-border: var(--u-border-checked);
+      --u-merged-shadow: var(--u-box-shadow-hover-checked);
+      --u-merged-icon: var(--u-check-mark-color);
     `, [c$1("&:hover", `
         --u-merged-color: var(--u-color-hover-checked);
         --u-merged-border: var(--u-border-hover-checked);
@@ -64278,9 +64306,9 @@
       line-height: 20px;
     `), cB("base-selection-label", `
       background-color: var(--u-pagination-size-picker-background);
-    `), cB("base-selection__border", `
-      border-color: var(--u-pagination-size-picker-border);
-    `)]), cB("pagination-quick-jumper", `
+    `), cB("base-selection", [cE("border", `
+        border-color: var(--u-pagination-size-picker-border);
+      `)])]), cB("pagination-quick-jumper", `
     white-space: nowrap;
     display: flex;
     color: var(--u-jumper-text-color);
@@ -64314,14 +64342,19 @@
       border-color .3s var(--u-bezier),
       background-color .3s var(--u-bezier),
       fill .3s var(--u-bezier);
-  `, [cM("button", `
+  `, [c$1("&:has(.more-icon)", `
+      font-size: 24px;
+    `), cM("button", `
       background: var(--u-button-color);
       color: var(--u-button-icon-color);
       border: var(--u-button-border);
       padding: 0;
     `, [cB("base-icon", `
         font-size: var(--u-button-icon-size);
-      `)]), cNotM("disabled", [cM("hover", hoverStyleProps, hoverStyleChildren$1), c$1("&:hover", hoverStyleProps, hoverStyleChildren$1), c$1("&:active", `
+      `)]), cNotM("disabled", [cNotM("clickable", `
+        width: 45px;
+        padding: 0;
+      `), cM("hover", hoverStyleProps, hoverStyleChildren$1), c$1("&:hover", hoverStyleProps, hoverStyleChildren$1), c$1("&:active", `
         font-weight: 700;
         background: var(--u-item-color-pressed);
         color: var(--u-item-text-color-pressed);
@@ -64540,7 +64573,12 @@
           return mergedComponentPropsRef?.value?.Pagination?.inputSize || smallerSize(props.size);
         });
         const selectSizeRef = vue.computed(() => {
-          return mergedComponentPropsRef?.value?.Pagination?.selectSize || props.size;
+          const selectSizes = {
+            small: "small",
+            medium: "small",
+            large: "medium"
+          };
+          return mergedComponentPropsRef?.value?.Pagination?.selectSize || selectSizes[props.size];
         });
         const startIndexRef = vue.computed(() => {
           return (mergedPageRef.value - 1) * mergedPageSizeRef.value;
@@ -64930,7 +64968,7 @@
                     case "fast-forward":
                       const fastForwardNode = this.fastForwardActive ? /* @__PURE__ */ vue.h(UBaseIcon, { clsPrefix: mergedClsPrefix }, {
                         default: () => this.rtlEnabled ? /* @__PURE__ */ vue.h(FastBackwardIcon, null) : /* @__PURE__ */ vue.h(FastForwardIcon, null)
-                      }) : /* @__PURE__ */ vue.h(UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => /* @__PURE__ */ vue.h(MoreIcon, null) });
+                      }) : /* @__PURE__ */ vue.h(UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => /* @__PURE__ */ vue.h(MoreIcon, { class: "more-icon" }) });
                       if (renderLabel) {
                         contentNode = renderLabel({
                           type: "fast-forward",
@@ -64946,7 +64984,7 @@
                     case "fast-backward":
                       const fastBackwardNode = this.fastBackwardActive ? /* @__PURE__ */ vue.h(UBaseIcon, { clsPrefix: mergedClsPrefix }, {
                         default: () => this.rtlEnabled ? /* @__PURE__ */ vue.h(FastForwardIcon, null) : /* @__PURE__ */ vue.h(FastBackwardIcon, null)
-                      }) : /* @__PURE__ */ vue.h(UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => /* @__PURE__ */ vue.h(MoreIcon, null) });
+                      }) : /* @__PURE__ */ vue.h(UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => /* @__PURE__ */ vue.h(MoreIcon, { class: "more-icon" }) });
                       if (renderLabel) {
                         contentNode = renderLabel({
                           type: "fast-backward",
@@ -64991,7 +65029,7 @@
                         disabled,
                         trigger: "hover",
                         virtualScroll: true,
-                        style: { width: "60px" },
+                        style: { minWidth: "70px", textAlign: "center" },
                         theme: mergedTheme.peers.Popselect,
                         themeOverrides: mergedTheme.peerOverrides.Popselect,
                         builtinThemeOverrides: {
@@ -65068,7 +65106,7 @@
                     themeOverrides: mergedTheme.peerOverrides.Select,
                     onUpdateValue: handleSizePickerChange
                   }
-                ), /* @__PURE__ */ vue.h("span", { class: `${mergedClsPrefix}-label` }, `${sizePickerLabel || ""}`)) : null;
+                ), /* @__PURE__ */ vue.h("span", { class: `${mergedClsPrefix}-label` }, sizePickerLabel || "")) : null;
               }
               case "quick-jumper":
                 return !simple && showQuickJumper ? /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefix}-pagination-quick-jumper` }, goto ? goto() : resolveSlot(this.$slots.goto, () => [locale.goto]), /* @__PURE__ */ vue.h(
@@ -65595,7 +65633,8 @@
               disabled: this.mergedDisabled,
               onChange: this.handleRadioInputChange,
               onFocus: this.handleRadioInputFocus,
-              onBlur: this.handleRadioInputBlur
+              onBlur: this.handleRadioInputBlur,
+              onClick: this.onClick
             }
           ),
           /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefix}-radio__dot-wrapper` }, "\xA0", /* @__PURE__ */ vue.h(
@@ -86053,6 +86092,9 @@
         onUpdateChecked: {
           type: Function,
           required: true
+        },
+        onClick: {
+          type: Function
         }
       },
       setup(props) {
@@ -86071,6 +86113,7 @@
               disabled: props.disabled,
               checked: mergedCheckedRowKeySetRef.value.has(rowKey),
               onUpdateChecked: props.onUpdateChecked,
+              onClick: props.onClick,
               size: sizeRef.value
             }
           );
@@ -86870,6 +86913,9 @@
                           key: currentPage,
                           rowKey,
                           disabled: rowInfo.tmNode.disabled,
+                          onClick: (event) => {
+                            event.stopPropagation();
+                          },
                           onUpdateChecked: () => {
                             handleRadioUpdateChecked(rowInfo.tmNode);
                           }
@@ -86880,11 +86926,12 @@
                           key: currentPage,
                           rowKey,
                           disabled: rowInfo.tmNode.disabled,
-                          onUpdateChecked: (checked, e) => {
+                          onUpdateChecked: (checked, event) => {
+                            event.stopPropagation();
                             handleCheckboxUpdateChecked(
                               rowInfo.tmNode,
                               checked,
-                              e.shiftKey
+                              event.shiftKey
                             );
                           }
                         }
@@ -95010,6 +95057,7 @@
       const {
         isValueInvalidRef,
         isDateDisabledRef,
+        maxDateRef,
         isDateInvalidRef,
         isTimeInvalidRef,
         isDateTimeInvalidRef,
@@ -95050,7 +95098,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 +95143,9 @@
         return getTime(startOfDay(value));
       }
       function mergedIsDateDisabled(ts) {
+        if (maxDateRef.value && ts > maxDateRef.value) {
+          return true;
+        }
         const {
           isDateDisabled: {
             value: isDateDisabled
@@ -95905,6 +95956,7 @@
     function useDualCalendar(props, type) {
       const {
         isDateDisabledRef,
+        maxDateRef,
         isStartHourDisabledRef,
         isEndHourDisabledRef,
         isStartMinuteDisabledRef,
@@ -96014,10 +96066,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 +96161,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 +97624,7 @@
       shortcuts: Object,
       defaultShortcuts: Boolean,
       isDateDisabled: Function,
+      maxDate: Number,
       isTimeDisabled: Function,
       show: {
         type: Boolean,
@@ -98149,6 +98205,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"),
@@ -109664,6 +109721,16 @@
         ...listItemProps
       },
       setup(props, { slots }) {
+        {
+          vue.watchEffect(() => {
+            if (slots.avatar !== void 0) {
+              warnOnce(
+                "list-item",
+                "`avatar` is deprecated, please use `prefix` instead."
+              );
+            }
+          });
+        }
         const listInjection = vue.inject(listInjectionKey, null);
         if (!listInjection) {
           throwError("list-item", "`u-list-item` must be placed in `u-list`.");
@@ -127000,7 +127067,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.5.4";
+    var version = "1.6.0";
 
     function create({
       componentPrefix = "U",