@uzum-tech/ui 1.5.4 → 1.6.0

package/es/pagination/styles/light.js

@@ -6,13 +6,13 @@ import { createTheme } from '../../_mixins';
 export 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',
@@ -65,8 +65,8 @@ export const self = (vars) => {
         itemBorderActive: '0px',
         itemBorderDisabled: '0px',
         itemBorderRadius: borderRadius,
-        itemSizeSmall: '24px',
-        itemSizeMedium: '32px',
+        itemSizeSmall: '32px',
+        itemSizeMedium: '36px',
         itemSizeLarge: '40px',
         itemFontSizeSmall: fontBodyMedium,
         itemFontSizeMedium: fontBodyMedium,

package/es/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/es/radio/src/Radio.js

@@ -85,7 +85,7 @@ export default defineComponent({
                     [`${mergedClsPrefix}-radio--focus`]: this.focus
                 }
             ], style: this.cssVars },
-            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 }),
+            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 }),
             h("div", { class: `${mergedClsPrefix}-radio__dot-wrapper` },
                 "\u00A0",
                 h("div", { class: [

package/es/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/es/version.d.ts

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

package/es/version.js

@@ -1 +1 @@
-export default '1.5.4';
+export default '1.6.0';

package/lib/_internal/radio/src/use-radio.d.ts

@@ -25,6 +25,7 @@ export declare const radioBaseProps: {
         readonly default: undefined;
     };
     readonly onChange: PropType<OnChangeImpl>;
+    readonly onClick: PropType<(event: MouseEvent) => void>;
 };
 export declare const radioGroupInjectionKey: import("vue").InjectionKey<RadioGroupInjection>;
 export interface UseRadio {

package/lib/_internal/radio/src/use-radio.js

@@ -30,7 +30,8 @@ exports.radioBaseProps = {
         type: Boolean,
         default: undefined
     },
-    onChange: [Function, Array]
+    onChange: [Function, Array],
+    onClick: [Function, Array]
 };
 exports.radioGroupInjectionKey = (0, _utils_1.createInjectionKey)('u-radio-group');
 function useRadio(props) {

package/lib/_utils/css/index.d.ts

@@ -1,2 +1,3 @@
 export { formatLength } from './format-length';
 export { color2Class } from './color-to-class';
+export { resolveSize } from './normalize-size';

package/lib/_utils/css/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.color2Class = exports.formatLength = void 0;
+exports.resolveSize = exports.color2Class = exports.formatLength = void 0;
 var format_length_1 = require("./format-length");
 Object.defineProperty(exports, "formatLength", { enumerable: true, get: function () { return format_length_1.formatLength; } });
 var color_to_class_1 = require("./color-to-class");
 Object.defineProperty(exports, "color2Class", { enumerable: true, get: function () { return color_to_class_1.color2Class; } });
+var normalize_size_1 = require("./normalize-size");
+Object.defineProperty(exports, "resolveSize", { enumerable: true, get: function () { return normalize_size_1.resolveSize; } });

package/lib/_utils/css/normalize-size.d.ts

@@ -0,0 +1 @@
+export declare const resolveSize: (value: string | number | undefined, fallback: string) => string;

package/lib/_utils/css/normalize-size.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveSize = void 0;
+const resolveSize = (value, fallback) => {
+    if (value === undefined)
+        return fallback;
+    value = String(value);
+    return /^\d+$/.test(value) ? `${value}px` : value;
+};
+exports.resolveSize = resolveSize;

package/lib/_utils/index.d.ts

@@ -2,7 +2,7 @@ export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, g
 export type { MaybeArray } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute, isArrayShallowEqual } from './uzum';
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from './uzum';
-export { formatLength, color2Class } from './css';
+export { formatLength, color2Class, resolveSize } from './css';
 export { createKey } from './cssr';
 export { isJsdom } from './env/is-jsdom';
 export { isBrowser } from './env/is-browser';

package/lib/_utils/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStylesWithSingleColor = exports.markEventEffectPerformed = exports.eventEffectNotPerformed = exports.isBrowser = exports.isJsdom = exports.createKey = exports.color2Class = exports.formatLength = exports.isArrayShallowEqual = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.Wrapper = exports.resolveWrappedSlotWithProps = exports.isNodeVShowFalse = exports.mergeEventHandlers = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
+exports.createStylesWithSingleColor = exports.markEventEffectPerformed = exports.eventEffectNotPerformed = exports.isBrowser = exports.isJsdom = exports.createKey = exports.resolveSize = exports.color2Class = exports.formatLength = exports.isArrayShallowEqual = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.Wrapper = exports.resolveWrappedSlotWithProps = exports.isNodeVShowFalse = exports.mergeEventHandlers = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
 var vue_1 = require("./vue");
 Object.defineProperty(exports, "call", { enumerable: true, get: function () { return vue_1.call; } });
 Object.defineProperty(exports, "keep", { enumerable: true, get: function () { return vue_1.keep; } });
@@ -47,6 +47,7 @@ Object.defineProperty(exports, "isArrayShallowEqual", { enumerable: true, get: f
 var css_1 = require("./css");
 Object.defineProperty(exports, "formatLength", { enumerable: true, get: function () { return css_1.formatLength; } });
 Object.defineProperty(exports, "color2Class", { enumerable: true, get: function () { return css_1.color2Class; } });
+Object.defineProperty(exports, "resolveSize", { enumerable: true, get: function () { return css_1.resolveSize; } });
 var cssr_1 = require("./cssr");
 Object.defineProperty(exports, "createKey", { enumerable: true, get: function () { return cssr_1.createKey; } });
 var is_jsdom_1 = require("./env/is-jsdom");

package/lib/avatar/src/Avatar.js

@@ -109,12 +109,6 @@ exports.default = (0, vue_1.defineComponent)({
             const getBackgroundColor = (color) => {
                 return props.disabled || size === 'small' ? 'rgba(0,0,0,0)' : color;
             };
-            const resolveSize = (value, fallback) => {
-                if (value === undefined)
-                    return fallback;
-                value = String(value);
-                return /^\d+$/.test(value) ? `${value}px` : value;
-            };
             return {
                 '--u-font-size': fontSize,
                 '--u-font-weight': fontWeight,
@@ -125,7 +119,7 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-icon-color': props.iconColor || iconColor,
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-merged-size': `var(--u-avatar-size-override, ${height})`,
-                '--u-icon-size': resolveSize(props.iconSize, iconSize)
+                '--u-icon-size': (0, _utils_1.resolveSize)(props.iconSize, iconSize)
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/lib/badge/src/Badge.d.ts

@@ -16,6 +16,7 @@ export declare const badgeProps: {
     readonly processing: BooleanConstructor;
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
+    readonly dotSize: PropType<string | number>;
     readonly offset: PropType<readonly [number | string, number | string]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -32,6 +33,7 @@ export declare const badgeProps: {
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -48,6 +50,7 @@ export declare const badgeProps: {
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -64,6 +67,7 @@ export declare const badgeProps: {
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>>;
 };
 export type BadgeProps = ExtractPublicPropTypes<typeof badgeProps>;
@@ -83,6 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly processing: BooleanConstructor;
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
+    readonly dotSize: PropType<string | number>;
     readonly offset: PropType<readonly [number | string, number | string]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -99,6 +104,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -115,6 +121,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -131,6 +138,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>>;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -147,6 +155,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-ripple-bezier': string;
         '--u-text-color': string;
         '--u-border-color': string;
+        '--u-dot-size': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -169,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly processing: BooleanConstructor;
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
+    readonly dotSize: PropType<string | number>;
     readonly offset: PropType<readonly [number | string, number | string]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -185,6 +195,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -201,6 +212,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
@@ -217,6 +229,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorError: string;
         textColorWarning: string;
         borderColor: string;
+        dotSize: string;
     }, any>>>;
 }>>, {
     readonly type: "default" | "info" | "success" | "warning" | "error" | "prime";

package/lib/badge/src/Badge.js

@@ -17,7 +17,7 @@ exports.badgeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, show: {
         type: Boolean,
         default: true
-    }, showZero: Boolean, processing: Boolean, color: String, textColor: String, offset: Array });
+    }, showZero: Boolean, processing: Boolean, color: String, textColor: String, dotSize: [String, Number], offset: Array });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Badge',
     props: exports.badgeProps,
@@ -45,7 +45,7 @@ exports.default = (0, vue_1.defineComponent)({
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Badge', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type, color: propColor, textColor: propTextColor } = props;
-            const { common: { cubicBezierEaseInOut, cubicBezierEaseOut }, self: { [(0, _utils_1.createKey)('color', type)]: color, [(0, _utils_1.createKey)('textColor', type)]: textColor, fontSize, borderColor } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut, cubicBezierEaseOut }, self: { [(0, _utils_1.createKey)('color', type)]: color, [(0, _utils_1.createKey)('textColor', type)]: textColor, fontSize, borderColor, dotSize } } = themeRef.value;
             return {
                 '--u-font-size': fontSize,
                 '--u-color': propColor || color,
@@ -53,7 +53,8 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-ripple-bezier': cubicBezierEaseOut,
                 '--u-text-color': propTextColor || textColor,
-                '--u-border-color': borderColor
+                '--u-border-color': borderColor,
+                '--u-dot-size': (0, _utils_1.resolveSize)(props.dotSize, dotSize)
             };
         });
         const themeClassHandle = inlineThemeDisabled

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

@@ -34,13 +34,14 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes badge-wave-spread', {
   transformOrigin: 'left bottom',
   originalTransform: 'translateX(0)'
 })])]), (0, cssr_1.cM)('dot', [(0, cssr_1.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);
- `, [(0, cssr_1.c)('::before', 'border-radius: 4px;')])]), (0, cssr_1.cB)('badge-sup', `
+ `, [(0, cssr_1.c)('::before', 'border-radius: 4px;'), (0, cssr_1.c)('img', 'width: 100%')])]), (0, cssr_1.cB)('badge-sup', `
  background: var(--u-color);
  transition:
  background-color .3s var(--u-bezier),
@@ -91,8 +92,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes badge-wave-spread', {
  border-radius: 100px;
  `), (0, cssr_1.cM)('dot', [(0, cssr_1.cB)('badge-sup', `
  transform: none;
- width: 12px;
- height: 12px;
  transform: none;
  left: auto;
  right: 0;

package/lib/badge/styles/light.d.ts

@@ -15,6 +15,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     textColorError: string;
     textColorWarning: string;
     borderColor: string;
+    dotSize: string;
 };
 export type BadgeThemeVars = ReturnType<typeof self>;
 declare const badgeLight: Theme<'Badge', BadgeThemeVars>;

package/lib/badge/styles/light.js

@@ -18,7 +18,8 @@ const self = (vars) => {
         textColorSuccess: textQuaternary,
         textColorError: textQuaternary,
         textColorWarning: textQuaternary,
-        borderColor: staticWhite
+        borderColor: staticWhite,
+        dotSize: '12px'
     };
 };
 exports.self = self;

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

@@ -112,6 +112,28 @@ exports.default = (0, cssr_1.c)([(0, icon_switch_cssr_1.iconSwitchTransition)(),
  --u-merged-border: var(--u-border-disabled-checked);
  --u-merged-shadow: transparent;
  --u-merged-icon: var(--u-check-mark-color-disabled-checked);
+ `)]), (0, cssr_1.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);
+ `, [(0, cssr_1.c)('&: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);
+ `), (0, cssr_1.c)('&: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);
+ `), (0, cssr_1.c)('&: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);
+ `), (0, cssr_1.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);
  `)])]), (0, cssr_1.cB)('checkbox-box', `
  position: relative;
  flex-shrink: 0;

package/lib/data-table/src/TableParts/Body.js

@@ -579,10 +579,13 @@ exports.default = (0, vue_1.defineComponent)({
                                         } }))
                                 ]
                                 : null,
-                            column.type === 'selection' ? (!isSummary ? (column.multiple === false ? ((0, vue_1.h)(BodyRadio_1.default, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: () => {
+                            column.type === 'selection' ? (!isSummary ? (column.multiple === false ? ((0, vue_1.h)(BodyRadio_1.default, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onClick: (event) => {
+                                    event.stopPropagation();
+                                }, onUpdateChecked: () => {
                                     handleRadioUpdateChecked(rowInfo.tmNode);
-                                } })) : ((0, vue_1.h)(BodyCheckbox_1.default, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: (checked, e) => {
-                                    handleCheckboxUpdateChecked(rowInfo.tmNode, checked, e.shiftKey);
+                                } })) : ((0, vue_1.h)(BodyCheckbox_1.default, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: (checked, event) => {
+                                    event.stopPropagation();
+                                    handleCheckboxUpdateChecked(rowInfo.tmNode, checked, event.shiftKey);
                                 } }))) : null) : column.type === 'expand' ? (!isSummary ? (!column.expandable ||
                                 ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? ((0, vue_1.h)(ExpandTrigger_1.default, { clsPrefix: mergedClsPrefix, expanded: expanded, renderExpandIcon: this.renderExpandIcon, onClick: () => {
                                     handleUpdateExpanded(rowKey, null);

package/lib/data-table/src/TableParts/BodyRadio.d.ts

@@ -13,6 +13,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(checked: boolean) => void>;
         required: true;
     };
+    onClick: {
+        type: PropType<(event: MouseEvent) => void>;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     rowKey: {
         type: PropType<RowKey>;
@@ -26,5 +29,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(checked: boolean) => void>;
         required: true;
     };
+    onClick: {
+        type: PropType<(event: MouseEvent) => void>;
+    };
 }>>, {}, {}>;
 export default _default;

package/lib/data-table/src/TableParts/BodyRadio.js

@@ -18,6 +18,9 @@ exports.default = (0, vue_1.defineComponent)({
         onUpdateChecked: {
             type: Function,
             required: true
+        },
+        onClick: {
+            type: Function
         }
     },
     setup(props) {
@@ -26,7 +29,7 @@ exports.default = (0, vue_1.defineComponent)({
          } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
         return () => {
             const { rowKey } = props;
-            return ((0, vue_1.h)(radio_1.URadio, { name: componentId, disabled: props.disabled, checked: mergedCheckedRowKeySetRef.value.has(rowKey), onUpdateChecked: props.onUpdateChecked, size: sizeRef.value }));
+            return ((0, vue_1.h)(radio_1.URadio, { name: componentId, disabled: props.disabled, checked: mergedCheckedRowKeySetRef.value.has(rowKey), onUpdateChecked: props.onUpdateChecked, onClick: props.onClick, size: sizeRef.value }));
         };
     }
 });

package/lib/date-picker/src/DatePicker.d.ts

@@ -47,6 +47,7 @@ export declare const datePickerProps: {
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
+    readonly maxDate: PropType<number | undefined>;
     readonly isTimeDisabled: PropType<IsTimeDisabled>;
     readonly show: {
         readonly type: PropType<boolean | undefined>;
@@ -2148,6 +2149,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
+    readonly maxDate: PropType<number | undefined>;
     readonly isTimeDisabled: PropType<IsTimeDisabled>;
     readonly show: {
         readonly type: PropType<boolean | undefined>;
@@ -5448,6 +5450,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
+    readonly maxDate: PropType<number | undefined>;
     readonly isTimeDisabled: PropType<IsTimeDisabled>;
     readonly show: {
         readonly type: PropType<boolean | undefined>;

package/lib/date-picker/src/DatePicker.js

@@ -36,7 +36,7 @@ exports.datePickerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
     }, value: [Number, Array], formattedValue: [String, Array], size: String, type: {
         type: String,
         default: 'date'
-    }, valueFormat: String, separator: String, placeholder: String, startPlaceholder: String, endPlaceholder: String, format: String, dateFormat: String, timeFormat: String, actions: Array, shortcuts: Object, defaultShortcuts: Boolean, isDateDisabled: Function, isTimeDisabled: Function, show: {
+    }, valueFormat: String, separator: String, placeholder: String, startPlaceholder: String, endPlaceholder: String, format: String, dateFormat: String, timeFormat: String, actions: Array, shortcuts: Object, defaultShortcuts: Boolean, isDateDisabled: Function, maxDate: Number, isTimeDisabled: Function, show: {
         type: Boolean,
         default: undefined
     }, panel: Boolean, ranges: Object, firstDayOfWeek: Number, inputReadonly: Boolean, closeOnSelect: Boolean, status: String, timePickerProps: [Object, Array], onClear: Function, onConfirm: Function, defaultCalendarStartTime: Number, defaultCalendarEndTime: Number, bindCalendarMonths: Boolean, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:formattedValue': [Function, Array], onUpdateFormattedValue: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], 
@@ -570,7 +570,7 @@ exports.default = (0, vue_1.defineComponent)({
         const dualValidation = (0, validation_utils_1.dualCalendarValidation)(props, pendingValueRef);
         (0, vue_1.provide)(interface_1.datePickerInjectionKey, Object.assign(Object.assign(Object.assign({ mergedClsPrefixRef, mergedThemeRef: themeRef, timePickerSizeRef,
             localeRef,
-            dateLocaleRef, firstDayOfWeekRef: (0, vue_1.toRef)(props, 'firstDayOfWeek'), isDateDisabledRef: (0, vue_1.toRef)(props, 'isDateDisabled'), rangesRef: (0, vue_1.toRef)(props, 'ranges'), timePickerPropsRef: (0, vue_1.toRef)(props, 'timePickerProps'), closeOnSelectRef: (0, vue_1.toRef)(props, 'closeOnSelect'), updateValueOnCloseRef: (0, vue_1.toRef)(props, 'updateValueOnClose') }, uniVaidation), dualValidation), { datePickerSlots: slots }));
+            dateLocaleRef, firstDayOfWeekRef: (0, vue_1.toRef)(props, 'firstDayOfWeek'), isDateDisabledRef: (0, vue_1.toRef)(props, 'isDateDisabled'), maxDateRef: (0, vue_1.toRef)(props, 'maxDate'), rangesRef: (0, vue_1.toRef)(props, 'ranges'), timePickerPropsRef: (0, vue_1.toRef)(props, 'timePickerProps'), closeOnSelectRef: (0, vue_1.toRef)(props, 'closeOnSelect'), updateValueOnCloseRef: (0, vue_1.toRef)(props, 'updateValueOnClose') }, uniVaidation), dualValidation), { datePickerSlots: slots }));
         const exposedMethods = {
             focus: () => {
                 var _a;

package/lib/date-picker/src/interface.d.ts

@@ -61,6 +61,7 @@ export type DatePickerInjection = {
     localeRef: Ref<ULocale['DatePicker']>;
     dateLocaleRef: Ref<UDateLocale>;
     isDateDisabledRef: Ref<IsDateDisabled | undefined>;
+    maxDateRef: Ref<number | undefined>;
     rangesRef: Ref<Record<string, [number, number]> | undefined>;
     closeOnSelectRef: Ref<boolean>;
     updateValueOnCloseRef: Ref<boolean>;

package/lib/date-picker/src/panel/use-calendar.js

@@ -16,7 +16,7 @@ exports.useCalendarProps = useCalendarProps;
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function useCalendar(props, type) {
     const panelCommon = (0, use_panel_common_1.usePanelCommon)(props);
-    const { isValueInvalidRef, isDateDisabledRef, isDateInvalidRef, isTimeInvalidRef, isDateTimeInvalidRef, isHourDisabledRef, isMinuteDisabledRef, isSecondDisabledRef, localeRef, firstDayOfWeekRef, datePickerSlots
+    const { isValueInvalidRef, isDateDisabledRef, maxDateRef, isDateInvalidRef, isTimeInvalidRef, isDateTimeInvalidRef, isHourDisabledRef, isMinuteDisabledRef, isSecondDisabledRef, localeRef, firstDayOfWeekRef, datePickerSlots
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      } = (0, vue_1.inject)(interface_1.datePickerInjectionKey);
     const validation = {
@@ -49,7 +49,7 @@ function useCalendar(props, type) {
     });
     const yearArrayRef = (0, vue_1.computed)(() => {
         const { value } = props;
-        return (0, utils_1.yearArray)(Array.isArray(value) ? null : value, nowRef.value);
+        return (0, utils_1.yearArray)(Array.isArray(value) ? null : value, nowRef.value, maxDateRef.value);
     });
     const quarterArrayRef = (0, vue_1.computed)(() => {
         const { value } = props;
@@ -95,6 +95,9 @@ function useCalendar(props, type) {
         return (0, date_fns_1.getTime)((0, date_fns_1.startOfDay)(value));
     }
     function mergedIsDateDisabled(ts) {
+        if (maxDateRef.value && ts > maxDateRef.value) {
+            return true;
+        }
         const { isDateDisabled: { value: isDateDisabled } } = validation;
         if (!isDateDisabled)
             return false;

package/lib/date-picker/src/panel/use-dual-calendar.js

@@ -16,7 +16,7 @@ exports.useDualCalendarProps = useDualCalendarProps;
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function useDualCalendar(props, type) {
     var _a, _b;
-    const { isDateDisabledRef, isStartHourDisabledRef, isEndHourDisabledRef, isStartMinuteDisabledRef, isEndMinuteDisabledRef, isStartSecondDisabledRef, isEndSecondDisabledRef, isStartDateInvalidRef, isEndDateInvalidRef, isStartTimeInvalidRef, isEndTimeInvalidRef, isStartValueInvalidRef, isEndValueInvalidRef, isRangeInvalidRef, localeRef, rangesRef, closeOnSelectRef, updateValueOnCloseRef, firstDayOfWeekRef, datePickerSlots
+    const { isDateDisabledRef, maxDateRef, isStartHourDisabledRef, isEndHourDisabledRef, isStartMinuteDisabledRef, isEndMinuteDisabledRef, isStartSecondDisabledRef, isEndSecondDisabledRef, isStartDateInvalidRef, isEndDateInvalidRef, isStartTimeInvalidRef, isEndTimeInvalidRef, isStartValueInvalidRef, isEndValueInvalidRef, isRangeInvalidRef, localeRef, rangesRef, closeOnSelectRef, updateValueOnCloseRef, firstDayOfWeekRef, datePickerSlots
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      } = (0, vue_1.inject)(interface_1.datePickerInjectionKey);
     const validation = {
@@ -113,10 +113,10 @@ function useDualCalendar(props, type) {
         return shortcuts || rangesRef.value;
     });
     const startYearArrayRef = (0, vue_1.computed)(() => {
-        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'start'), nowRef.value);
+        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'start'), nowRef.value, maxDateRef.value);
     });
     const endYearArrayRef = (0, vue_1.computed)(() => {
-        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'end'), nowRef.value);
+        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'end'), nowRef.value, maxDateRef.value);
     });
     const startQuarterArrayRef = (0, vue_1.computed)(() => {
         const startValue = (0, utils_1.pluckValueFromRange)(props.value, 'start');
@@ -213,6 +213,9 @@ function useDualCalendar(props, type) {
     }
     // The function is used on date panel, not the date-picker value validation
     function mergedIsDateDisabled(ts) {
+        if (maxDateRef.value && ts > maxDateRef.value) {
+            return true;
+        }
         const isDateDisabled = isDateDisabledRef.value;
         if (!isDateDisabled)
             return false;

package/lib/date-picker/src/utils.d.ts

@@ -53,7 +53,7 @@ export type DateCommonItem = DateItem | MonthItem | YearItem | QuarterItem;
 declare function dateArray(monthTs: number, valueTs: number | [number, number] | null, currentTs: number, startDay: 0 | 1 | 2 | 3 | 4 | 5 | 6, strip?: boolean): DateItem[];
 declare function monthArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): MonthItem[];
 declare function quarterArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): QuarterItem[];
-declare function yearArray(valueTs: number | null, currentTs: number): YearItem[];
+declare function yearArray(valueTs: number | null, currentTs: number, maxDate?: number): YearItem[];
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: UDateLocale['locale'];
 }): Date;

package/lib/date-picker/src/utils.js

@@ -164,10 +164,11 @@ function quarterArray(yearAnchorTs, valueTs, currentTs) {
     }
     return calendarQuarters;
 }
-function yearArray(valueTs, currentTs) {
+function yearArray(valueTs, currentTs, maxDate) {
     const calendarYears = [];
     const time1900 = new Date(config_1.START_YEAR, 0, 1);
-    let count = config_1.END_YEAR - config_1.START_YEAR + 1;
+    const endYear = maxDate ? new Date(maxDate).getFullYear() : config_1.END_YEAR;
+    let count = endYear - config_1.START_YEAR + 1;
     while (count--) {
         calendarYears.push(yearItem((0, date_fns_1.getTime)((0, date_fns_1.addYears)(time1900, count)), valueTs, currentTs));
     }

package/lib/list/src/List.d.ts

@@ -306,8 +306,8 @@ declare const _default: import("vue").DefineComponent<{
     size: import("./interface").Size;
     header: import("./interface").RenderableType;
     loadingSkeleton: boolean;
-    rounded: boolean;
     clickable: boolean;
+    rounded: boolean;
     hoverable: boolean;
     showDivider: boolean;
     descriptionFirst: boolean;