@uzum-tech/ui 1.5.5 → 1.6.0

package/dist/index.js

@@ -36922,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) {
@@ -38951,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",
@@ -39010,8 +39011,8 @@
         itemBorderActive: "0px",
         itemBorderDisabled: "0px",
         itemBorderRadius: borderRadius,
-        itemSizeSmall: "24px",
-        itemSizeMedium: "32px",
+        itemSizeSmall: "32px",
+        itemSizeMedium: "36px",
         itemSizeLarge: "40px",
         itemFontSizeSmall: fontBodyMedium,
         itemFontSizeMedium: fontBodyMedium,
@@ -59336,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);
@@ -64283,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);
@@ -64319,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);
@@ -64545,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;
@@ -64935,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",
@@ -64951,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",
@@ -64996,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: {
@@ -65073,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(
@@ -65600,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(
@@ -86058,6 +86092,9 @@
         onUpdateChecked: {
           type: Function,
           required: true
+        },
+        onClick: {
+          type: Function
         }
       },
       setup(props) {
@@ -86076,6 +86113,7 @@
               disabled: props.disabled,
               checked: mergedCheckedRowKeySetRef.value.has(rowKey),
               onUpdateChecked: props.onUpdateChecked,
+              onClick: props.onClick,
               size: sizeRef.value
             }
           );
@@ -86875,6 +86913,9 @@
                           key: currentPage,
                           rowKey,
                           disabled: rowInfo.tmNode.disabled,
+                          onClick: (event) => {
+                            event.stopPropagation();
+                          },
                           onUpdateChecked: () => {
                             handleRadioUpdateChecked(rowInfo.tmNode);
                           }
@@ -86885,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
                             );
                           }
                         }
@@ -109679,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`.");
@@ -127015,7 +127067,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.5.5";
+    var version = "1.6.0";
 
     function create({
       componentPrefix = "U",