naive-ui 2.41.1 → 2.43.0

package/es/image/styles/light.d.ts

@@ -30,7 +30,20 @@ export declare const imageLight: import("../../_mixins").Theme<"Image", {
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: 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 ImageTheme = typeof imageLight;

package/es/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/es/input/src/Input.mjs

@@ -1002,7 +1002,7 @@ export default defineComponent({
     });
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g;
     const {
       mergedClsPrefix,
       mergedStatus,
@@ -1046,6 +1046,8 @@ export default defineComponent({
       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
@@ -1098,9 +1100,9 @@ export default defineComponent({
       type: type === 'password' && this.mergedShowPasswordOn && this.passwordVisible ? 'text' : type
     }, this.inputProps, {
       ref: "inputElRef",
-      class: [`${mergedClsPrefix}-input__input-el`, (_a = this.inputProps) === null || _a === void 0 ? void 0 : _a.class],
-      style: [this.textDecorationStyle[0], (_b = this.inputProps) === null || _b === void 0 ? void 0 : _b.style],
-      tabindex: this.passivelyActivated && !this.activated ? -1 : undefined,
+      class: [`${mergedClsPrefix}-input__input-el`, (_e = this.inputProps) === null || _e === void 0 ? void 0 : _e.class],
+      style: [this.textDecorationStyle[0], (_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,

package/es/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/es/input/src/InputGroupLabel.mjs

@@ -1,13 +1,10 @@
 import { computed, defineComponent, h } from 'vue';
-import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { useConfig, useFormItem, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { createKey } from "../../_utils/index.mjs";
 import { inputLight } from "../styles/index.mjs";
 import style from "./styles/input-group-label.cssr.mjs";
 export const inputGroupLabelProps = Object.assign(Object.assign({}, useTheme.props), {
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   bordered: {
     type: Boolean,
     default: undefined
@@ -22,11 +19,15 @@ export default defineComponent({
       mergedClsPrefixRef,
       inlineThemeDisabled
     } = useConfig(props);
+    const formItem = useFormItem(props);
+    const {
+      mergedSizeRef
+    } = formItem;
     const themeRef = useTheme('Input', '-input-group-label', style, inputLight, props, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
       const {
-        size
-      } = props;
+        value: size
+      } = mergedSizeRef;
       const {
         common: {
           cubicBezierEaseInOut
@@ -52,7 +53,12 @@ export default defineComponent({
         '--n-height': height
       };
     });
-    const themeClassHandle = inlineThemeDisabled ? useThemeClass('input-group-label', computed(() => props.size[0]), cssVarsRef, props) : undefined;
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('input-group-label', computed(() => {
+      const {
+        value: size
+      } = mergedSizeRef;
+      return size[0];
+    }), cssVarsRef, props) : undefined;
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       mergedBordered: mergedBorderedRef,