naive-ui 2.25.0 → 2.25.3

package/lib/element/src/Element.js

@@ -13,25 +13,32 @@ exports.default = (0, vue_1.defineComponent)({
     alias: ['El'],
     props: elementProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Element', '-element', undefined, styles_1.elementLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common } = themeRef.value;
+            return Object.keys(common).reduce((prevValue, key) => {
+                prevValue[`--${(0, lodash_1.kebabCase)(key)}`] = common[key];
+                return prevValue;
+            }, {});
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('element', undefined, cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { common } = themeRef.value;
-                return Object.keys(common).reduce((prevValue, key) => {
-                    prevValue[`--${(0, lodash_1.kebabCase)(key)}`] = common[key];
-                    return prevValue;
-                }, {});
-            })
+            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;
-        const { tag, mergedClsPrefix, cssVars, $slots } = this;
+        const { tag, mergedClsPrefix, cssVars, themeClass, onRender, $slots } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return (0, vue_1.h)(tag, {
             role: 'none',
-            class: `${mergedClsPrefix}-element`,
+            class: [`${mergedClsPrefix}-element`, themeClass],
             style: cssVars
         }, (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots));
     }

package/lib/empty/src/Empty.d.ts

@@ -121,7 +121,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-text-color': string;
         '--n-icon-color': string;
         '--n-extra-text-color': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     description: StringConstructor;
     showDescription: {

package/lib/empty/src/Empty.js

@@ -25,7 +25,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Empty',
     props: emptyProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Empty', '-empty', index_cssr_1.default, styles_1.emptyLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Empty');
         const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
@@ -38,29 +38,41 @@ exports.default = (0, vue_1.defineComponent)({
             return ((_b = (_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Empty) === null || _b === void 0 ? void 0 : _b.renderIcon) ||
                 (() => (0, vue_1.h)(icons_1.EmptyIcon, null));
         });
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { size } = props;
+            const { common: { cubicBezierEaseInOut }, self: { [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, textColor, iconColor, extraTextColor } } = themeRef.value;
+            return {
+                '--n-icon-size': iconSize,
+                '--n-font-size': fontSize,
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-text-color': textColor,
+                '--n-icon-color': iconColor,
+                '--n-extra-text-color': extraTextColor
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('empty', (0, vue_1.computed)(() => {
+                let hash = '';
+                const { size } = props;
+                hash += size[0];
+                return hash;
+            }), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedRenderIcon: mergedRenderIconRef,
             localizedDescription: (0, vue_1.computed)(() => {
                 return mergedDescriptionRef.value || localeRef.value.description;
             }),
-            cssVars: (0, vue_1.computed)(() => {
-                const { size } = props;
-                const { common: { cubicBezierEaseInOut }, self: { [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, textColor, iconColor, extraTextColor } } = themeRef.value;
-                return {
-                    '--n-icon-size': iconSize,
-                    '--n-font-size': fontSize,
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-text-color': textColor,
-                    '--n-icon-color': iconColor,
-                    '--n-extra-text-color': extraTextColor
-                };
-            })
+            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() {
-        const { $slots, mergedClsPrefix } = this;
-        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty`, style: this.cssVars },
+        const { $slots, mergedClsPrefix, onRender } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
+        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-empty`, this.themeClass], style: this.cssVars },
             this.showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty__icon` }, $slots.icon ? ($slots.icon()) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: this.mergedRenderIcon })))) : null,
             this.showDescription ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty__description` }, $slots.default ? $slots.default() : this.localizedDescription)) : null,
             $slots.extra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty__extra` }, $slots.extra())) : null));

package/lib/form/src/FormItem.d.ts

@@ -23,7 +23,7 @@ export declare const formItemProps: {
     readonly rule: PropType<FormItemRule | FormItemRule[]>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: PropType<"success" | "error" | "warning">;
+    readonly validationStatus: PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: PropType<boolean | undefined>;
@@ -149,7 +149,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: PropType<FormItemRule | FormItemRule[]>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: PropType<"success" | "error" | "warning">;
+    readonly validationStatus: PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: PropType<boolean | undefined>;
@@ -278,7 +278,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedLabelAlign: import("vue").ComputedRef<LabelAlign | undefined>;
     mergedShowRequireMark: import("vue").ComputedRef<boolean | undefined>;
     mergedRequireMarkPlacement: import("vue").ComputedRef<"left" | "right" | "right-hanging">;
-    mergedValidationStatus: import("vue").ComputedRef<"success" | "error" | "warning" | undefined>;
+    mergedValidationStatus: import("vue").ComputedRef<"error" | "success" | "warning" | undefined>;
     mergedShowFeedback: import("vue").ComputedRef<boolean>;
     mergedShowLabel: import("vue").ComputedRef<boolean>;
     labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
@@ -309,7 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: PropType<FormItemRule | FormItemRule[]>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: PropType<"success" | "error" | "warning">;
+    readonly validationStatus: PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: PropType<boolean | undefined>;

package/lib/form/src/FormItem.js

@@ -167,8 +167,7 @@ exports.default = (0, vue_1.defineComponent)({
                     options.first = props.first;
             }
             const { value: rules } = mergedRulesRef;
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            const value = NForm ? (0, lodash_1.get)(NForm.props.model, path, null) : undefined;
+            const value = NForm ? (0, lodash_1.get)(NForm.props.model, path || '') : undefined;
             const activeRules = (!trigger
                 ? rules
                 : rules.filter((rule) => {

package/lib/form/src/FormItemCol.d.ts

@@ -21,7 +21,7 @@ export declare const formItemColProps: {
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -309,7 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;

package/lib/form/src/FormItemGridItem.d.ts

@@ -21,7 +21,7 @@ export declare const formItemGiProps: {
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -138,7 +138,7 @@ export declare const formItemGiProps: {
         readonly default: true;
     };
 };
-export declare const formItemGiPropKeys: ("label" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "suffix" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
+export declare const formItemGiPropKeys: ("label" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "suffix" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
 export declare type FormItemGiProps = ExtractPublicPropTypes<typeof formItemGiProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -309,7 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
     readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    readonly validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     readonly feedback: StringConstructor;
     readonly showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -430,10 +430,10 @@ declare const _default: import("vue").DefineComponent<{
     offset: string | number;
     span: string | number;
     required: boolean;
+    suffix: boolean;
     showRequireMark: boolean | undefined;
     showFeedback: boolean | undefined;
     showLabel: boolean | undefined;
-    suffix: boolean;
     ignorePathChange: boolean;
     privateShow: boolean;
 }>;

package/lib/form/src/FormItemRow.d.ts

@@ -21,7 +21,7 @@ declare const formItemRowProps: {
     rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     size: import("vue").PropType<"small" | "medium" | "large">;
     ignorePathChange: BooleanConstructor;
-    validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     feedback: StringConstructor;
     showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -167,7 +167,7 @@ declare const _default: import("vue").DefineComponent<{
     rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     size: import("vue").PropType<"small" | "medium" | "large">;
     ignorePathChange: BooleanConstructor;
-    validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     feedback: StringConstructor;
     showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -320,7 +320,7 @@ declare const _default: import("vue").DefineComponent<{
     rule: import("vue").PropType<import("./interface").FormItemRule | import("./interface").FormItemRule[]>;
     size: import("vue").PropType<"small" | "medium" | "large">;
     ignorePathChange: BooleanConstructor;
-    validationStatus: import("vue").PropType<"success" | "error" | "warning">;
+    validationStatus: import("vue").PropType<"error" | "success" | "warning">;
     feedback: StringConstructor;
     showLabel: {
         readonly type: import("vue").PropType<boolean | undefined>;

package/lib/form/src/utils.d.ts

@@ -11,7 +11,7 @@ export declare function formItemMisc(props: FormItemSetupProps): {
     mergedLabelAlign: ComputedRef<import("./interface").LabelAlign | undefined>;
     mergedShowRequireMark: ComputedRef<boolean | undefined>;
     mergedRequireMarkPlacement: ComputedRef<"left" | "right" | "right-hanging">;
-    mergedValidationStatus: ComputedRef<"success" | "error" | "warning" | undefined>;
+    mergedValidationStatus: ComputedRef<"error" | "success" | "warning" | undefined>;
     mergedShowFeedback: ComputedRef<boolean>;
     mergedShowLabel: ComputedRef<boolean>;
 };

package/lib/gradient-text/src/GradientText.d.ts

@@ -9,7 +9,7 @@ declare const gradientTextProps: {
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;
     readonly type: {
-        readonly type: PropType<"success" | "error" | "warning" | "info" | "primary" | "danger">;
+        readonly type: PropType<"error" | "info" | "success" | "warning" | "primary" | "danger">;
         readonly default: "primary";
     };
     readonly color: PropType<Gradient>;
@@ -62,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;
     readonly type: {
-        readonly type: PropType<"success" | "error" | "warning" | "info" | "primary" | "danger">;
+        readonly type: PropType<"error" | "info" | "success" | "warning" | "primary" | "danger">;
         readonly default: "primary";
     };
     readonly color: PropType<Gradient>;
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    compatibleType: import("vue").ComputedRef<"success" | "error" | "warning" | "info" | "primary">;
+    compatibleType: import("vue").ComputedRef<"error" | "info" | "success" | "warning" | "primary">;
     styleFontSize: import("vue").ComputedRef<string | number | undefined>;
     styleBgImage: import("vue").ComputedRef<string | undefined>;
     cssVars: import("vue").ComputedRef<{
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;
     readonly type: {
-        readonly type: PropType<"success" | "error" | "warning" | "info" | "primary" | "danger">;
+        readonly type: PropType<"error" | "info" | "success" | "warning" | "primary" | "danger">;
         readonly default: "primary";
     };
     readonly color: PropType<Gradient>;
@@ -173,6 +173,6 @@ declare const _default: import("vue").DefineComponent<{
         colorEndSuccess: string;
     }, any>>>;
 }>>, {
-    type: "success" | "error" | "warning" | "info" | "primary" | "danger";
+    type: "error" | "info" | "success" | "warning" | "primary" | "danger";
 }>;
 export default _default;

package/lib/grid/src/Grid.js

@@ -40,10 +40,10 @@ exports.default = (0, vue_1.defineComponent)({
     inheritAttrs: false,
     props: gridProps,
     setup(props) {
-        const { mergedClsPrefixRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedBreakpointsRef } = (0, _mixins_1.useConfig)(props);
         const numRegex = /^\d+$/;
         const widthRef = (0, vue_1.ref)(undefined);
-        const breakpointsRef = (0, vooks_1.useBreakpoints)((NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBreakpointsRef.value) || config_1.defaultBreakpoints);
+        const breakpointsRef = (0, vooks_1.useBreakpoints)((mergedBreakpointsRef === null || mergedBreakpointsRef === void 0 ? void 0 : mergedBreakpointsRef.value) || config_1.defaultBreakpoints);
         const isResponsiveRef = (0, vooks_1.useMemo)(() => {
             if (props.itemResponsive)
                 return true;

package/lib/icon-wrapper/src/IconWrapper.js

@@ -21,8 +21,7 @@ exports.NIconWrapper = (0, vue_1.defineComponent)({
     props: iconWrapperProps,
     setup(props, { slots }) {
         const themeRef = (0, _mixins_1.useTheme)('IconWrapper', '-icon-wrapper', index_cssr_1.default, styles_1.iconWrapperLight, props);
-        const { mergedClsPrefixRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
-        const { disableInlineTheme } = NConfigProvider || {};
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { color, iconColor } } = themeRef.value;
             return {
@@ -31,14 +30,15 @@ exports.NIconWrapper = (0, vue_1.defineComponent)({
                 '--n-icon-color': iconColor
             };
         });
-        const cssVarsClassRef = disableInlineTheme
-            ? (0, _mixins_1.useCssVarsClass)('icon-wrapper', undefined, cssVarsRef, props)
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('icon-wrapper', undefined, cssVarsRef, props)
             : undefined;
         return () => {
             const size = (0, _utils_1.formatLength)(props.size);
+            themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender();
             return ((0, vue_1.h)("div", { class: [
                     `${mergedClsPrefixRef.value}-icon-wrapper`,
-                    cssVarsClassRef === null || cssVarsClassRef === void 0 ? void 0 : cssVarsClassRef.value
+                    themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value
                 ], style: [
                     cssVarsRef === null || cssVarsRef === void 0 ? void 0 : cssVarsRef.value,
                     {

package/lib/image/src/Image.d.ts

@@ -223,7 +223,7 @@ declare const _default: import("vue").DefineComponent<{
     onLoad: PropType<(e: Event) => void>;
 }, {
     click: () => void;
-    mergedClsPrefix: import("vue").Ref<string> | import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").ComputedRef<string> | import("vue").Ref<string>;
     groupId: string | undefined;
     previewInstRef: import("vue").Ref<{
         setThumbnailEl: (e: HTMLImageElement | null) => void;

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

@@ -552,6 +552,7 @@ declare const _default: import("vue").DefineComponent<{
         containerScrollTop: number;
         syncUnifiedContainer: () => void;
         scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        scrollBy: import("../../_internal/scrollbar/src/ScrollBar").ScrollBy;
         sync: () => void;
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
@@ -633,8 +634,8 @@ declare const _default: import("vue").DefineComponent<{
             iconColorDisabled: string;
             opacity1: string;
             opacity2: string;
-            opacity3: string; /** private */
-            opacity4: string;
+            opacity3: string;
+            opacity4: string; /** private */
             opacity5: string;
             dividerColor: string;
             borderColor: string;
@@ -814,7 +815,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-icon-color-pressed': string;
         '--n-icon-color-disabled': string;
         '--n-suffix-text-color': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
     isCompositing: import("vue").Ref<boolean>;
     blur: () => void;
     focus: () => void;
@@ -1098,8 +1101,8 @@ declare const _default: import("vue").DefineComponent<{
         minRows?: number | undefined;
         maxRows?: number | undefined;
     };
-    bordered: boolean | undefined;
     loading: boolean;
+    bordered: boolean | undefined;
     clearable: boolean;
     defaultValue: string | [string, string] | null;
     resizable: boolean;