@uzum-tech/ui 1.5.4 → 1.6.0

package/lib/list/src/ListItem.js

@@ -12,6 +12,13 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'ListItem',
     props: Object.assign({}, props_1.listItemProps),
     setup(props, { slots }) {
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (slots.avatar !== undefined) {
+                    (0, _utils_1.warnOnce)('list-item', '`avatar` is deprecated, please use `prefix` instead.');
+                }
+            });
+        }
         const listInjection = (0, vue_1.inject)(props_1.listInjectionKey, null);
         if (!listInjection) {
             (0, _utils_1.throwError)('list-item', '`u-list-item` must be placed in `u-list`.');

package/lib/pagination/src/Pagination.js

@@ -152,7 +152,13 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const selectSizeRef = (0, vue_1.computed)(() => {
             var _a, _b;
-            return (((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.selectSize) || props.size);
+            const selectSizes = {
+                small: 'small',
+                medium: 'small',
+                large: 'medium'
+            };
+            return (((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.selectSize) ||
+                selectSizes[props.size]);
         });
         const startIndexRef = (0, vue_1.computed)(() => {
             return (mergedPageRef.value - 1) * mergedPageSizeRef.value;
@@ -452,7 +458,7 @@ exports.default = (0, vue_1.defineComponent)({
                                             // eslint-disable-next-line no-case-declarations
                                             const fastForwardNode = this.fastForwardActive ? ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, {
                                                 default: () => this.rtlEnabled ? ((0, vue_1.h)(icons_1.FastBackwardIcon, null)) : ((0, vue_1.h)(icons_1.FastForwardIcon, null))
-                                            })) : ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.MoreIcon, null) }));
+                                            })) : ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.MoreIcon, { class: "more-icon" }) }));
                                             if (renderLabel) {
                                                 contentNode = renderLabel({
                                                     type: 'fast-forward',
@@ -471,7 +477,7 @@ exports.default = (0, vue_1.defineComponent)({
                                             // eslint-disable-next-line no-case-declarations
                                             const fastBackwardNode = this.fastBackwardActive ? ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, {
                                                 default: () => this.rtlEnabled ? ((0, vue_1.h)(icons_1.FastForwardIcon, null)) : ((0, vue_1.h)(icons_1.FastBackwardIcon, null))
-                                            })) : ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.MoreIcon, null) }));
+                                            })) : ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.MoreIcon, { class: "more-icon" }) }));
                                             if (renderLabel) {
                                                 contentNode = renderLabel({
                                                     type: 'fast-backward',
@@ -515,7 +521,7 @@ exports.default = (0, vue_1.defineComponent)({
                                                 ? 'fast-backward'
                                                 : 'fast-forward'
                                             : pageItem.type;
-                                        return ((0, vue_1.h)(popselect_1.UPopselect, { to: this.to, key: key, disabled: disabled, trigger: "hover", virtualScroll: true, style: { width: '60px' }, theme: mergedTheme.peers.Popselect, themeOverrides: mergedTheme.peerOverrides.Popselect, builtinThemeOverrides: {
+                                        return ((0, vue_1.h)(popselect_1.UPopselect, { to: this.to, key: key, disabled: disabled, trigger: "hover", virtualScroll: true, style: { minWidth: '70px', textAlign: 'center' }, theme: mergedTheme.peers.Popselect, themeOverrides: mergedTheme.peerOverrides.Popselect, builtinThemeOverrides: {
                                                 peers: {
                                                     InternalSelectMenu: {
                                                         height: 'calc(var(--u-option-height) * 4.6)'
@@ -569,7 +575,7 @@ exports.default = (0, vue_1.defineComponent)({
                     case 'size-picker': {
                         return !simple && showSizePicker ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-pagination-size-picker` },
                             (0, vue_1.h)(select_1.USelect, Object.assign({ consistentMenuWidth: false, placeholder: "", showCheckmark: false, to: this.to }, this.selectProps, { size: selectSize, options: pageSizeOptions, value: mergedPageSize, disabled: disabled, theme: mergedTheme.peers.Select, themeOverrides: mergedTheme.peerOverrides.Select, onUpdateValue: handleSizePickerChange })),
-                            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-label` }, `${sizePickerLabel || ''}`))) : null;
+                            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-label` }, sizePickerLabel || ''))) : null;
                     }
                     case 'quick-jumper':
                         return !simple && showQuickJumper ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-pagination-quick-jumper` },

package/lib/pagination/src/styles/index.cssr.js

@@ -92,9 +92,9 @@ exports.default = (0, cssr_1.cB)('pagination', `
  line-height: 20px;
  `), (0, cssr_1.cB)('base-selection-label', `
  background-color: var(--u-pagination-size-picker-background);
- `), (0, cssr_1.cB)('base-selection__border', `
+ `), (0, cssr_1.cB)('base-selection', [(0, cssr_1.cE)('border', `
  border-color: var(--u-pagination-size-picker-border);
- `)]), (0, cssr_1.cB)('pagination-quick-jumper', `
+ `)])]), (0, cssr_1.cB)('pagination-quick-jumper', `
  white-space: nowrap;
  display: flex;
  color: var(--u-jumper-text-color);
@@ -128,14 +128,19 @@ exports.default = (0, cssr_1.cB)('pagination', `
  border-color .3s var(--u-bezier),
  background-color .3s var(--u-bezier),
  fill .3s var(--u-bezier);
- `, [(0, cssr_1.cM)('button', `
+ `, [(0, cssr_1.c)('&:has(.more-icon)', `
+ font-size: 24px;
+ `), (0, cssr_1.cM)('button', `
  background: var(--u-button-color);
  color: var(--u-button-icon-color);
  border: var(--u-button-border);
  padding: 0;
  `, [(0, cssr_1.cB)('base-icon', `
  font-size: var(--u-button-icon-size);
- `)]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cM)('hover', hoverStyleProps, hoverStyleChildren), (0, cssr_1.c)('&:hover', hoverStyleProps, hoverStyleChildren), (0, cssr_1.c)('&:active', `
+ `)]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cNotM)('clickable', `
+ width: 45px;
+ padding: 0;
+ `), (0, cssr_1.cM)('hover', hoverStyleProps, hoverStyleChildren), (0, cssr_1.c)('&:hover', hoverStyleProps, hoverStyleChildren), (0, cssr_1.c)('&:active', `
  font-weight: 700;
  background: var(--u-item-color-pressed);
  color: var(--u-item-text-color-pressed);

package/lib/pagination/styles/light.js

@@ -9,13 +9,13 @@ const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
     const { brandPrimary100, transparencySecondary, elementsPrimary, brandPrimary500, textSecondary, borderRadius, fontBodyMedium, fontBodyLarge, textPrimary, textTertiary, elementsTertiary, 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',
@@ -68,8 +68,8 @@ const self = (vars) => {
         itemBorderActive: '0px',
         itemBorderDisabled: '0px',
         itemBorderRadius: borderRadius,
-        itemSizeSmall: '24px',
-        itemSizeMedium: '32px',
+        itemSizeSmall: '32px',
+        itemSizeMedium: '36px',
         itemSizeLarge: '40px',
         itemFontSizeSmall: fontBodyMedium,
         itemFontSizeMedium: fontBodyMedium,

package/lib/radio/src/Radio.d.ts

@@ -29,6 +29,7 @@ export declare const radioProps: {
         readonly default: undefined;
     };
     readonly onChange: PropType<import("../../_internal/radio").OnChangeImpl>;
+    readonly onClick: PropType<(event: MouseEvent) => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
@@ -216,6 +217,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly onChange: PropType<import("../../_internal/radio").OnChangeImpl>;
+    readonly onClick: PropType<(event: MouseEvent) => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
@@ -438,6 +440,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly onChange: PropType<import("../../_internal/radio").OnChangeImpl>;
+    readonly onClick: PropType<(event: MouseEvent) => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;

package/lib/radio/src/Radio.js

@@ -91,7 +91,7 @@ exports.default = (0, vue_1.defineComponent)({
                     [`${mergedClsPrefix}-radio--focus`]: this.focus
                 }
             ], style: this.cssVars },
-            (0, vue_1.h)("input", { ref: "inputRef", type: "radio", class: `${mergedClsPrefix}-radio-input`, value: this.value, name: this.mergedName, checked: this.renderSafeChecked, disabled: this.mergedDisabled, onChange: this.handleRadioInputChange, onFocus: this.handleRadioInputFocus, onBlur: this.handleRadioInputBlur }),
+            (0, vue_1.h)("input", { ref: "inputRef", type: "radio", class: `${mergedClsPrefix}-radio-input`, value: this.value, name: this.mergedName, checked: this.renderSafeChecked, disabled: this.mergedDisabled, onChange: this.handleRadioInputChange, onFocus: this.handleRadioInputFocus, onBlur: this.handleRadioInputBlur, onClick: this.onClick }),
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-radio__dot-wrapper` },
                 "\u00A0",
                 (0, vue_1.h)("div", { class: [

package/lib/radio/src/RadioButton.d.ts

@@ -24,6 +24,7 @@ export declare const radioButtonProps: {
         readonly default: undefined;
     };
     readonly onChange: import("vue").PropType<import("../../_internal/radio").OnChangeImpl>;
+    readonly onClick: import("vue").PropType<(event: MouseEvent) => void>;
 };
 export type RadioButtonProps = ExtractPublicPropTypes<typeof radioBaseProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -50,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly onChange: import("vue").PropType<import("../../_internal/radio").OnChangeImpl>;
+    readonly onClick: import("vue").PropType<(event: MouseEvent) => void>;
 }, import("../../_internal").UseRadio, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: StringConstructor;
     readonly value: {
@@ -74,6 +76,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly onChange: import("vue").PropType<import("../../_internal/radio").OnChangeImpl>;
+    readonly onClick: import("vue").PropType<(event: MouseEvent) => void>;
 }>>, {
     readonly value: string | number | boolean;
     readonly disabled: boolean | undefined;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.5.4";
+declare const _default: "1.6.0";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.5.4';
+exports.default = '1.6.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.5.4",
+  "version": "1.6.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.5.4",
+  "version": "1.6.0",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -977,6 +977,11 @@
                 "since": "1.1.0"
               }
             },
+            {
+              "name": "dot-size",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/badge",
+              "type": "string | number"
+            },
             {
               "name": "offset",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/badge",
@@ -3966,6 +3971,11 @@
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/date-picker",
               "type": "Function"
             },
+            {
+              "name": "max-date",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/date-picker",
+              "type": "number"
+            },
             {
               "name": "is-time-disabled",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/date-picker",
@@ -8757,9 +8767,9 @@
               "description": "Right column description text."
             },
             {
-              "name": "avatar",
+              "name": "<span style=\"color:red; text-decoration: line-through;\">avatar</span>",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/list",
-              "description": "Content before the left text column (after prefix)."
+              "description": "Content before the left text column (after prefix). <span style=\"color:red;\">Deprecated, use prefix slot insteed</span>"
             },
             {
               "name": "icon",
@@ -11397,6 +11407,10 @@
                 "name": "change",
                 "doc-url": "https://www.naiveui.com/en-US/os-theme/components/radio"
               },
+              {
+                "name": "click",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/radio"
+              },
               {
                 "name": "update:checked",
                 "doc-url": "https://www.naiveui.com/en-US/os-theme/components/radio",
@@ -11570,6 +11584,10 @@
                 "name": "change",
                 "doc-url": "https://www.naiveui.com/en-US/os-theme/components/radio"
               },
+              {
+                "name": "click",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/radio"
+              },
               {
                 "name": "update:checked",
                 "doc-url": "https://www.naiveui.com/en-US/os-theme/components/radio",