naive-ui 2.24.4 → 2.25.0

package/lib/alert/src/Alert.js

@@ -42,7 +42,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: alertProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Alert', 'Alert', index_cssr_1.default, styles_1.alertLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Alert', '-alert', index_cssr_1.default, styles_1.alertLight, props, mergedClsPrefixRef);
         const cssVars = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
             const { fontSize, borderRadius, titleFontWeight, lineHeight, iconSize, iconMargin, closeSize, closeMargin, padding } = self;

package/lib/anchor/src/AnchorAdapter.js

@@ -36,7 +36,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: anchorProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Anchor', 'Anchor', index_cssr_1.default, styles_1.anchorLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Anchor', '-anchor', index_cssr_1.default, styles_1.anchorLight, props, mergedClsPrefixRef);
         const anchorRef = (0, vue_1.ref)(null);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { railColor, linkColor, railColorActive, linkTextColor, linkTextColorHover, linkTextColorPressed, linkTextColorActive, linkFontSize, railWidth, linkPadding, borderRadius }, common: { cubicBezierEaseInOut } } = themeRef.value;

package/lib/auto-complete/src/AutoComplete.d.ts

@@ -1,5 +1,6 @@
 import { PropType, InputHTMLAttributes } from 'vue';
 import { TreeNode } from 'treemate';
+import { FollowerPlacement } from 'vueuc';
 import { RenderOption, RenderLabel } from '../../_internal/select-menu/src/interface';
 import { MaybeArray } from '../../_utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
@@ -31,6 +32,10 @@ declare const autoCompleteProps: {
         readonly default: undefined;
     };
     readonly placeholder: StringConstructor;
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
     readonly value: StringConstructor;
     readonly blurAfterSelect: BooleanConstructor;
     readonly clearAfterSelect: BooleanConstructor;
@@ -426,6 +431,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly placeholder: StringConstructor;
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
     readonly value: StringConstructor;
     readonly blurAfterSelect: BooleanConstructor;
     readonly clearAfterSelect: BooleanConstructor;
@@ -809,6 +818,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     active: import("vue").ComputedRef<boolean>;
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     handleClear: () => void;
     handleFocus: (e: FocusEvent) => void;
     handleBlur: (e: FocusEvent) => void;
@@ -1101,6 +1111,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly placeholder: StringConstructor;
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
     readonly value: StringConstructor;
     readonly blurAfterSelect: BooleanConstructor;
     readonly clearAfterSelect: BooleanConstructor;
@@ -1471,10 +1485,11 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     disabled: boolean | undefined;
     to: string | boolean | HTMLElement;
-    loading: boolean;
+    options: AutoCompleteOptions;
     bordered: boolean | undefined;
+    loading: boolean;
+    placement: FollowerPlacement;
     clearable: boolean;
-    options: AutoCompleteOptions;
     defaultValue: string | null;
     blurAfterSelect: boolean;
     clearAfterSelect: boolean;

package/lib/auto-complete/src/AutoComplete.js

@@ -31,7 +31,10 @@ const autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
     }, disabled: {
         type: Boolean,
         default: undefined
-    }, placeholder: String, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
+    }, placeholder: String, placement: {
+        type: String,
+        default: 'bottom-start'
+    }, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
         type: Array,
         default: () => []
     }, zIndex: Number, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], 
@@ -50,7 +53,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         const { mergedBorderedRef, namespaceRef, mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef, mergedDisabledRef } = formItem;
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const triggerElRef = (0, vue_1.ref)(null);
         const menuInstRef = (0, vue_1.ref)(null);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
@@ -58,7 +61,7 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
         const canBeActivatedRef = (0, vue_1.ref)(false);
         const isComposingRef = (0, vue_1.ref)(false);
-        const themeRef = (0, _mixins_1.useTheme)('AutoComplete', 'AutoComplete', index_cssr_1.default, styles_1.autoCompleteLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('AutoComplete', '-auto-complete', index_cssr_1.default, styles_1.autoCompleteLight, props, mergedClsPrefixRef);
         const selectOptionsRef = (0, vue_1.computed)(() => {
             return (0, utils_2.mapAutoCompleteOptionsToSelectOptions)(props.options);
         });
@@ -196,6 +199,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedSize: mergedSizeRef,
             mergedDisabled: mergedDisabledRef,
             active: activeRef,
+            mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
             handleBlur,
@@ -235,13 +239,13 @@ exports.default = (0, vue_1.defineComponent)({
                                 });
                             }
                             const { mergedTheme } = this;
-                            return ((0, vue_1.h)(input_1.NInput, { theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, bordered: this.mergedBordered, value: this.mergedValue, placeholder: this.placeholder, size: this.mergedSize, disabled: this.mergedDisabled, clearable: this.clearable, loading: this.loading, inputProps: this.inputProps, onClear: this.handleClear, onFocus: this.handleFocus, onUpdateValue: this.handleInput, onBlur: this.handleBlur }, {
+                            return ((0, vue_1.h)(input_1.NInput, { status: this.mergedStatus, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, bordered: this.mergedBordered, value: this.mergedValue, placeholder: this.placeholder, size: this.mergedSize, disabled: this.mergedDisabled, clearable: this.clearable, loading: this.loading, inputProps: this.inputProps, onClear: this.handleClear, onFocus: this.handleFocus, onUpdateValue: this.handleInput, onBlur: this.handleBlur }, {
                                 suffix: this.$slots.suffix,
                                 prefix: this.$slots.prefix
                             }));
                         }
                     }),
-                    (0, vue_1.h)(vueuc_1.VFollower, { show: this.active, to: this.adjustedTo, containerClass: this.namespace, zIndex: this.zIndex, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, placement: "bottom-start", width: "target" }, {
+                    (0, vue_1.h)(vueuc_1.VFollower, { show: this.active, to: this.adjustedTo, containerClass: this.namespace, zIndex: this.zIndex, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, placement: this.placement, width: "target" }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.active
                                 ? (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, ref: "menuInstRef", theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides

package/lib/avatar/src/Avatar.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.avatarProps = void 0;
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
-const AvatarGroup_1 = require("./AvatarGroup");
+const context_1 = require("./context");
 const Tag_1 = require("../../tag/src/Tag");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
@@ -49,7 +49,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
         };
-        const NAvatarGroup = (0, vue_1.inject)(AvatarGroup_1.avatarGroupInjectionKey, null);
+        const NAvatarGroup = (0, vue_1.inject)(context_1.avatarGroupInjectionKey, null);
         const mergedSizeRef = (0, vue_1.computed)(() => {
             const { size } = props;
             if (size)
@@ -59,7 +59,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return avatarGroupSize;
             return 'medium';
         });
-        const themeRef = (0, _mixins_1.useTheme)('Avatar', 'Avatar', index_cssr_1.default, styles_1.avatarLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Avatar', '-avatar', index_cssr_1.default, styles_1.avatarLight, props, mergedClsPrefixRef);
         const TagInjection = (0, vue_1.inject)(Tag_1.tagInjectionKey, null);
         const mergedRoundRef = (0, vue_1.computed)(() => {
             if (NAvatarGroup)

package/lib/avatar/src/AvatarGroup.d.ts

@@ -7,7 +7,6 @@ export interface AvatarGroupInjection {
 interface AvatarOption {
     src: string;
 }
-export declare const avatarGroupInjectionKey: import("vue").InjectionKey<AvatarGroupInjection>;
 declare const avatarGroupProps: {
     readonly max: NumberConstructor;
     readonly maxStyle: PropType<string | CSSProperties>;

package/lib/avatar/src/AvatarGroup.js

@@ -3,13 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.avatarGroupInjectionKey = void 0;
 const vue_1 = require("vue");
 const Avatar_1 = __importDefault(require("./Avatar"));
 const _mixins_1 = require("../../_mixins");
-const _utils_1 = require("../../_utils");
 const avatar_group_cssr_1 = __importDefault(require("./styles/avatar-group.cssr"));
-exports.avatarGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-avatar-group');
+const context_1 = require("./context");
 const avatarGroupProps = {
     max: Number,
     maxStyle: [Object, String],
@@ -25,8 +23,8 @@ exports.default = (0, vue_1.defineComponent)({
     props: avatarGroupProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        (0, _mixins_1.useStyle)('AvatarGroup', avatar_group_cssr_1.default, mergedClsPrefixRef);
-        (0, vue_1.provide)(exports.avatarGroupInjectionKey, props);
+        (0, _mixins_1.useStyle)('-avatar-group', avatar_group_cssr_1.default, mergedClsPrefixRef);
+        (0, vue_1.provide)(context_1.avatarGroupInjectionKey, props);
         const restOptionsRef = (0, vue_1.computed)(() => {
             const { max } = props;
             if (max === undefined)

package/lib/avatar/src/context.d.ts

@@ -0,0 +1,2 @@
+import type { AvatarGroupInjection } from './AvatarGroup';
+export declare const avatarGroupInjectionKey: import("vue").InjectionKey<AvatarGroupInjection>;

package/lib/avatar/src/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.avatarGroupInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+exports.avatarGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-avatar-group');

package/lib/back-top/src/BackTop.js

@@ -96,7 +96,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (_b = props.onHide) === null || _b === void 0 ? void 0 : _b.call(props);
             }
         });
-        const themeRef = (0, _mixins_1.useTheme)('BackTop', 'BackTop', index_cssr_1.default, styles_1.backTopLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('BackTop', '-back-top', index_cssr_1.default, styles_1.backTopLight, props, mergedClsPrefixRef);
         function init() {
             var _a;
             if (scrollListenerRegistered)

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

@@ -8,7 +8,7 @@ declare const badgeProps: {
         readonly default: false;
     };
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly show: {
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: false;
     };
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly show: {
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: false;
     };
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly show: {
@@ -170,7 +170,7 @@ declare const _default: import("vue").DefineComponent<{
         fontFamily: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     show: boolean;
     dot: boolean;
     showZero: boolean;

package/lib/badge/src/Badge.js

@@ -30,7 +30,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: badgeProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Badge', 'Badge', index_cssr_1.default, styles_1.badgeLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Badge', '-badge', index_cssr_1.default, styles_1.badgeLight, props, mergedClsPrefixRef);
         const appearedRef = (0, vue_1.ref)(false);
         const handleAfterEnter = () => {
             appearedRef.value = true;

package/lib/breadcrumb/src/Breadcrumb.js

@@ -19,7 +19,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: breadcrumbProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Breadcrumb', 'Breadcrumb', index_cssr_1.default, styles_1.breadcrumbLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Breadcrumb', '-breadcrumb', index_cssr_1.default, styles_1.breadcrumbLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.breadcrumbInjectionKey, {
             separatorRef: (0, vue_1.toRef)(props, 'separator'),
             mergedClsPrefixRef

package/lib/button/src/Button.d.ts

@@ -1342,6 +1342,7 @@ declare const Button: import("vue").DefineComponent<{
         '--n-border-color-focus': string;
         '--n-border-color-disabled': string;
     } | null>;
+    themeClass: import("vue").Ref<string> | undefined;
     cssVars: import("vue").ComputedRef<{
         '--n-width': string;
         '--n-height': string;
@@ -1366,13 +1367,13 @@ declare const Button: import("vue").DefineComponent<{
         '--n-text-color-pressed': string;
         '--n-text-color-focus': string;
         '--n-text-color-disabled': string;
-        fontWeight: string;
+        'font-weight': string;
         '--n-bezier': string;
         '--n-bezier-ease-out': string;
         '--n-ripple-duration': string;
         '--n-opacity-disabled': string;
         '--n-wave-opacity': string;
-    }>;
+    }> | 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<{
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
@@ -2042,8 +2043,8 @@ declare const Button: import("vue").DefineComponent<{
     disabled: boolean;
     focusable: boolean;
     strong: boolean;
-    loading: boolean;
     bordered: boolean;
+    loading: boolean;
     tertiary: boolean;
     keyboard: boolean;
     ghost: boolean;