naive-ui 2.41.1 → 2.43.0

package/lib/input/src/Input.d.ts

@@ -159,7 +159,20 @@ export declare const inputProps: {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -221,7 +234,20 @@ export declare const inputProps: {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -283,7 +309,20 @@ export declare const inputProps: {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 };
 export type InputProps = ExtractPublicPropTypes<typeof inputProps>;
 export interface InputSlots {
@@ -453,7 +492,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -515,7 +567,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -577,7 +642,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 }>, {
     wrapperElRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     inputElRef: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
@@ -720,9 +798,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingLarge: string;
             clearSize: string;
         };
-        peers: any;
+        peers: {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        };
         peerOverrides: {
-            [x: string]: any;
+            Scrollbar?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
         };
     }>;
     cssVars: import("vue").ComputedRef<{
@@ -942,7 +1037,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -1004,7 +1112,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -1066,7 +1187,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 }>> & Readonly<{}>, {
     type: "textarea" | "text" | "password";
     readonly: string | boolean;
@@ -1082,10 +1216,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     clearable: boolean;
     defaultValue: string | [string, string] | null;
     resizable: boolean;
+    stateful: boolean;
     pair: boolean;
     rows: string | number;
     passivelyActivated: boolean;
-    stateful: boolean;
     showCount: boolean;
     attrSize: number;
     internalDeactivateOnEnter: boolean;

package/lib/input/src/Input.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -840,7 +850,7 @@ exports.default = (0, vue_1.defineComponent)({
             }, mergedTheme: themeRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         const { mergedClsPrefix, mergedStatus, themeClass, type, countGraphemes, onRender } = this;
         const $slots = this.$slots;
         onRender === null || onRender === void 0 ? void 0 : onRender();
@@ -864,7 +874,7 @@ exports.default = (0, vue_1.defineComponent)({
                 : undefined, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, onClick: this.handleClick, onMousedown: this.handleMouseDown, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onCompositionstart: this.handleCompositionStart, onCompositionend: this.handleCompositionEnd, onKeyup: this.handleWrapperKeyup, onKeydown: this.handleWrapperKeydown },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-input-wrapper` },
                 (0, _utils_1.resolveWrappedSlot)($slots.prefix, children => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__prefix` }, children))),
-                type === 'textarea' ? ((0, vue_1.h)(_internal_1.NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true, internalHoistYRail: true }, {
+                type === 'textarea' ? ((0, vue_1.h)(_internal_1.NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, theme: (_b = (_a = this.theme) === null || _a === void 0 ? void 0 : _a.peers) === null || _b === void 0 ? void 0 : _b.Scrollbar, themeOverrides: (_d = (_c = this.themeOverrides) === null || _c === void 0 ? void 0 : _c.peers) === null || _d === void 0 ? void 0 : _d.Scrollbar, triggerDisplayManually: true, useUnifiedContainer: true, internalHoistYRail: true }, {
                     default: () => {
                         var _a, _b;
                         const { textAreaScrollContainerWidth } = this;
@@ -901,11 +911,13 @@ exports.default = (0, vue_1.defineComponent)({
                             ? 'text'
                             : type }, this.inputProps, { ref: "inputElRef", class: [
                             `${mergedClsPrefix}-input__input-el`,
-                            (_a = this.inputProps) === null || _a === void 0 ? void 0 : _a.class
+                            (_e = this.inputProps) === null || _e === void 0 ? void 0 : _e.class
                         ], style: [
                             this.textDecorationStyle[0],
-                            (_b = this.inputProps) === null || _b === void 0 ? void 0 : _b.style
-                        ], tabindex: this.passivelyActivated && !this.activated ? -1 : undefined, placeholder: this.mergedPlaceholder[0], disabled: this.mergedDisabled, maxlength: countGraphemes ? undefined : this.maxlength, minlength: countGraphemes ? undefined : this.minlength, value: Array.isArray(this.mergedValue)
+                            (_f = this.inputProps) === null || _f === void 0 ? void 0 : _f.style
+                        ], tabindex: this.passivelyActivated && !this.activated
+                            ? -1
+                            : (_g = this.inputProps) === null || _g === void 0 ? void 0 : _g.tabindex, placeholder: this.mergedPlaceholder[0], disabled: this.mergedDisabled, maxlength: countGraphemes ? undefined : this.maxlength, minlength: countGraphemes ? undefined : this.minlength, value: Array.isArray(this.mergedValue)
                             ? this.mergedValue[0]
                             : this.mergedValue, readonly: this.readonly, autofocus: this.autofocus, size: this.attrSize, onBlur: this.handleInputBlur, onFocus: (e) => {
                             this.handleInputFocus(e, 0);

package/lib/input/src/InputGroupLabel.d.ts

@@ -2,10 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 import type { Size } from './interface';
 import { type PropType } from 'vue';
 export declare const inputGroupLabelProps: {
-    readonly size: {
-        readonly type: PropType<Size>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<Size>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -71,7 +68,20 @@ export declare const inputGroupLabelProps: {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -133,7 +143,20 @@ export declare const inputGroupLabelProps: {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -195,14 +218,24 @@ export declare const inputGroupLabelProps: {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 };
 export type InputGroupLabelProps = ExtractPublicPropTypes<typeof inputGroupLabelProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<Size>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<Size>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -268,7 +301,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -330,7 +376,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -392,7 +451,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 }>, {
     mergedClsPrefix: import("vue").Ref<string, string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
@@ -409,10 +481,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<Size>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<Size>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -478,7 +547,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -540,7 +622,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
@@ -602,9 +697,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>>>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>>>;
 }>> & Readonly<{}>, {
-    readonly size: Size;
     readonly bordered: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/input/src/InputGroupLabel.js

@@ -9,10 +9,7 @@ const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const input_group_label_cssr_1 = __importDefault(require("./styles/input-group-label.cssr"));
-exports.inputGroupLabelProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
-        type: String,
-        default: 'medium'
-    }, bordered: {
+exports.inputGroupLabelProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, bordered: {
         type: Boolean,
         default: undefined
     } });
@@ -21,9 +18,11 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.inputGroupLabelProps,
     setup(props) {
         const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const formItem = (0, _mixins_1.useFormItem)(props);
+        const { mergedSizeRef } = formItem;
         const themeRef = (0, _mixins_1.useTheme)('Input', '-input-group-label', input_group_label_cssr_1.default, styles_1.inputLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { size } = props;
+            const { value: size } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { groupLabelColor, borderRadius, groupLabelTextColor, lineHeight, groupLabelBorder, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
@@ -37,7 +36,10 @@ exports.default = (0, vue_1.defineComponent)({
             };
         });
         const themeClassHandle = inlineThemeDisabled
-            ? (0, _mixins_1.useThemeClass)('input-group-label', (0, vue_1.computed)(() => props.size[0]), cssVarsRef, props)
+            ? (0, _mixins_1.useThemeClass)('input-group-label', (0, vue_1.computed)(() => {
+                const { value: size } = mergedSizeRef;
+                return size[0];
+            }), cssVarsRef, props)
             : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,