naive-ui 2.24.7 → 2.25.0

package/es/_mixins/use-form-item.js

@@ -30,6 +30,12 @@ export default function useFormItem(props, { defaultSize = 'medium', mergedSize,
             }
             return false;
         });
+    const mergedStatusRef = computed(() => {
+        const { status } = props;
+        if (status)
+            return status;
+        return NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.mergedValidationStatus.value;
+    });
     onBeforeUnmount(() => {
         if (NFormItem) {
             NFormItem.restoreValidation();
@@ -38,6 +44,7 @@ export default function useFormItem(props, { defaultSize = 'medium', mergedSize,
     return {
         mergedSizeRef,
         mergedDisabledRef,
+        mergedStatusRef,
         nTriggerFormBlur() {
             if (NFormItem) {
                 NFormItem.handleContentBlur();

package/es/_mixins/use-hljs.js

@@ -1,5 +1,5 @@
 import { inject, computed, watchEffect } from 'vue';
-import { configProviderInjectionKey } from '../config-provider/src/ConfigProvider';
+import { configProviderInjectionKey } from '../config-provider/src/context';
 import { warn } from '../_utils';
 export default function useHljs(props, shouldHighlightRef) {
     const NConfigProvider = inject(configProviderInjectionKey, null);

package/es/_mixins/use-locale.js

@@ -1,6 +1,6 @@
 import { inject, computed } from 'vue';
 import { enUS, dateEnUS } from '../locales';
-import { configProviderInjectionKey } from '../config-provider/src/ConfigProvider';
+import { configProviderInjectionKey } from '../config-provider/src/context';
 export default function useLocale(ns) {
     const { mergedLocaleRef, mergedDateLocaleRef } = inject(configProviderInjectionKey, null) || {};
     const localeRef = computed(() => {

package/es/_mixins/use-style.js

@@ -22,7 +22,7 @@ export default function useStyle(mountId, style, clsPrefixRef) {
             ssr: ssrAdapter
         });
         globalStyle.mount({
-            id: 'naive-ui/global',
+            id: 'n-global',
             head: true,
             anchorMetaName: cssrAnchorMetaName,
             ssr: ssrAdapter

package/es/_mixins/use-theme.d.ts

@@ -42,7 +42,7 @@ export declare type MergedTheme<T> = T extends Theme<unknown, infer V, infer W>
     peers: W;
     peerOverrides: ExtractMergedPeerOverrides<T>;
 } : T;
-declare function useTheme<N, T, R>(resolveId: Exclude<keyof GlobalTheme, 'common'>, mountId: string, style: CNode | undefined, defaultTheme: Theme<N, T, R>, props: UseThemeProps<Theme<N, T, R>>, clsPrefixRef?: Ref<string | undefined>): ComputedRef<MergedTheme<Theme<N, T, R>>>;
+declare function useTheme<N, T, R>(resolveId: Exclude<keyof GlobalTheme, 'common' | 'name'>, mountId: string, style: CNode | undefined, defaultTheme: Theme<N, T, R>, props: UseThemeProps<Theme<N, T, R>>, clsPrefixRef?: Ref<string | undefined>): ComputedRef<MergedTheme<Theme<N, T, R>>>;
 declare namespace useTheme {
     var props: {
         readonly theme: ObjectConstructor;

package/es/_mixins/use-theme.js

@@ -3,7 +3,7 @@ import { inject, computed, onBeforeMount } from 'vue';
 import { merge } from 'lodash-es';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import globalStyle from '../_styles/global/index.cssr';
-import { configProviderInjectionKey } from '../config-provider/src/ConfigProvider';
+import { configProviderInjectionKey } from '../config-provider/src/context';
 import { cssrAnchorMetaName } from './common';
 export function createTheme(theme) {
     return theme;
@@ -23,7 +23,7 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                 ssr: ssrAdapter
             });
             globalStyle.mount({
-                id: 'naive-ui/global',
+                id: 'n-global',
                 head: true,
                 anchorMetaName: cssrAnchorMetaName,
                 ssr: ssrAdapter

package/es/_utils/cssr/index.d.ts

@@ -3,10 +3,9 @@ declare const namespace = "n";
 declare const prefix: string;
 declare const c: import("css-render").createCNode<import("css-render").CSelector>, find: import("css-render").CFindTarget;
 declare const cB: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>, cE: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>, cM: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>, cNotM: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>;
-declare function insideFormItem(status: string | null, style: CNode): CNode;
 declare function insideModal(style: CNode): CNode;
 declare function insidePopover(style: CNode): CNode;
 declare function asModal(style: CProperties): CNode;
 declare const cCB: typeof cB;
-export { c, cB, cE, cM, cNotM, cCB, insideFormItem, insideModal, insidePopover, asModal, prefix, namespace, find };
+export { c, cB, cE, cM, cNotM, cCB, insideModal, insidePopover, asModal, prefix, namespace, find };
 export { createKey } from './create-key';

package/es/_utils/cssr/index.js

@@ -14,19 +14,6 @@ const plugin = BEMPlugin({
 cssr.use(plugin);
 const { c, find } = cssr;
 const { cB, cE, cM, cNotM } = plugin;
-function insideFormItem(status, style) {
-    if (status === null)
-        return style;
-    return c([
-        ({ props: { bPrefix } }) => c(`${bPrefix || prefix}form-item`, [
-            c(`${bPrefix || prefix}form-item-blank`, [
-                c(`&${bPrefix || prefix}form-item-blank${modifierPrefix}${status}`, [
-                    style
-                ])
-            ])
-        ])
-    ]);
-}
 function insideModal(style) {
     return c(({ props: { bPrefix } }) => `${bPrefix || prefix}modal, ${bPrefix || prefix}drawer`, [style]);
 }
@@ -40,5 +27,5 @@ function asModal(style) {
 const cCB = ((...args) => {
     return c('>', [cB(...args)]);
 });
-export { c, cB, cE, cM, cNotM, cCB, insideFormItem, insideModal, insidePopover, asModal, prefix, namespace, find };
+export { c, cB, cE, cM, cNotM, cCB, insideModal, insidePopover, asModal, prefix, namespace, find };
 export { createKey } from './create-key';

package/es/_utils/index.d.ts

@@ -1,4 +1,4 @@
-export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey } from './vue';
+export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty } from './vue';
 export type { MaybeArray } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from './naive';

package/es/_utils/index.js

@@ -1,4 +1,4 @@
-export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey } from './vue';
+export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 export { formatLength } from './css';
 export { createKey } from './cssr';

package/es/_utils/vue/index.d.ts

@@ -10,5 +10,5 @@ export { getFirstSlotVNode } from './get-first-slot-vnode';
 export { createDataKey } from './create-data-key';
 export { createRefSetter } from './create-ref-setter';
 export { createInjectionKey } from './create-injection-key';
-export { resolveSlot } from './resolve-slot';
+export { resolveSlot, resolveWrappedSlot, resolveSlotWithProps, isSlotEmpty } from './resolve-slot';
 export type { MaybeArray } from './call';

package/es/_utils/vue/index.js

@@ -10,4 +10,4 @@ export { getFirstSlotVNode } from './get-first-slot-vnode';
 export { createDataKey } from './create-data-key';
 export { createRefSetter } from './create-ref-setter';
 export { createInjectionKey } from './create-injection-key';
-export { resolveSlot } from './resolve-slot';
+export { resolveSlot, resolveWrappedSlot, resolveSlotWithProps, isSlotEmpty } from './resolve-slot';

package/es/_utils/vue/resolve-slot.d.ts

@@ -1,2 +1,8 @@
-import { Slot, VNodeChild } from 'vue';
-export declare function resolveSlot(slot: Slot | undefined, fallback: () => VNodeChild[]): VNodeChild;
+import { Slot, VNodeArrayChildren } from 'vue';
+/**
+ * We shouldn't use the following functions with slot flags `_: 1, 2, 3`
+ */
+export declare function resolveSlot(slot: Slot | undefined, fallback: () => VNodeArrayChildren): VNodeArrayChildren;
+export declare function resolveSlotWithProps<T>(slot: Slot | undefined, props: T, fallback: (props: T) => VNodeArrayChildren): VNodeArrayChildren;
+export declare function resolveWrappedSlot(slot: Slot | undefined, wrapper: (children: VNodeArrayChildren) => VNodeArrayChildren): VNodeArrayChildren | null;
+export declare function isSlotEmpty(slot: Slot | undefined): boolean;

package/es/_utils/vue/resolve-slot.js

@@ -7,7 +7,8 @@ function ensureValidVNode(vnodes) {
         if (child.type === Comment) {
             return false;
         }
-        if (child.type === Fragment && !ensureValidVNode(child.children)) {
+        if (child.type === Fragment &&
+            !ensureValidVNode(child.children)) {
             return false;
         }
         return true;
@@ -15,6 +16,22 @@ function ensureValidVNode(vnodes) {
         ? vnodes
         : null;
 }
+/**
+ * We shouldn't use the following functions with slot flags `_: 1, 2, 3`
+ */
 export function resolveSlot(slot, fallback) {
     return (slot && ensureValidVNode(slot())) || fallback();
 }
+export function resolveSlotWithProps(slot, props, fallback) {
+    console.log(slot && ensureValidVNode(slot(props)));
+    return (slot && ensureValidVNode(slot(props))) || fallback(props);
+}
+export function resolveWrappedSlot(slot, wrapper) {
+    const children = slot && ensureValidVNode(slot());
+    if (children)
+        return wrapper(children);
+    return null;
+}
+export function isSlotEmpty(slot) {
+    return !(slot && ensureValidVNode(slot()));
+}

package/es/affix/src/Affix.js

@@ -52,7 +52,7 @@ export default defineComponent({
     props: affixProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        useStyle('Affix', style, mergedClsPrefixRef);
+        useStyle('-affix', style, mergedClsPrefixRef);
         let scrollTarget = null;
         const stickToTopRef = ref(false);
         const stickToBottomRef = ref(false);

package/es/alert/src/Alert.d.ts

@@ -10,7 +10,7 @@ declare const alertProps: {
         default: boolean;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
     closable: {
@@ -192,7 +192,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
     closable: {
@@ -559,7 +559,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
     closable: {
@@ -730,7 +730,7 @@ declare const _default: import("vue").DefineComponent<{
         padding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     onAfterLeave: Function;
     title: string;
     showIcon: boolean;

package/es/alert/src/Alert.js

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

package/es/anchor/src/AnchorAdapter.js

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

package/es/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/es/auto-complete/src/AutoComplete.js

@@ -26,7 +26,10 @@ const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props), { to:
     }, 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], 
@@ -45,7 +48,7 @@ export default defineComponent({
         }
         const { mergedBorderedRef, namespaceRef, mergedClsPrefixRef } = useConfig(props);
         const formItem = useFormItem(props);
-        const { mergedSizeRef, mergedDisabledRef } = formItem;
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const triggerElRef = ref(null);
         const menuInstRef = ref(null);
         const uncontrolledValueRef = ref(props.defaultValue);
@@ -53,7 +56,7 @@ export default defineComponent({
         const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
         const canBeActivatedRef = ref(false);
         const isComposingRef = ref(false);
-        const themeRef = useTheme('AutoComplete', 'AutoComplete', style, autoCompleteLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('AutoComplete', '-auto-complete', style, autoCompleteLight, props, mergedClsPrefixRef);
         const selectOptionsRef = computed(() => {
             return mapAutoCompleteOptionsToSelectOptions(props.options);
         });
@@ -191,6 +194,7 @@ export default defineComponent({
             mergedSize: mergedSizeRef,
             mergedDisabled: mergedDisabledRef,
             active: activeRef,
+            mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
             handleBlur,
@@ -230,13 +234,13 @@ export default defineComponent({
                                 });
                             }
                             const { mergedTheme } = this;
-                            return (h(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 (h(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
                             }));
                         }
                     }),
-                    h(VFollower, { show: this.active, to: this.adjustedTo, containerClass: this.namespace, zIndex: this.zIndex, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: "bottom-start", width: "target" }, {
+                    h(VFollower, { show: this.active, to: this.adjustedTo, containerClass: this.namespace, zIndex: this.zIndex, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: this.placement, width: "target" }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.active
                                 ? withDirectives(h(NInternalSelectMenu, { clsPrefix: mergedClsPrefix, ref: "menuInstRef", theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides

package/es/avatar/src/Avatar.js

@@ -1,6 +1,6 @@
 import { h, ref, computed, defineComponent, inject, watch } from 'vue';
 import { VResizeObserver } from 'vueuc';
-import { avatarGroupInjectionKey } from './AvatarGroup';
+import { avatarGroupInjectionKey } from './context';
 import { tagInjectionKey } from '../../tag/src/Tag';
 import { useConfig, useTheme } from '../../_mixins';
 import { avatarLight } from '../styles';
@@ -53,7 +53,7 @@ export default defineComponent({
                 return avatarGroupSize;
             return 'medium';
         });
-        const themeRef = useTheme('Avatar', 'Avatar', style, avatarLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Avatar', '-avatar', style, avatarLight, props, mergedClsPrefixRef);
         const TagInjection = inject(tagInjectionKey, null);
         const mergedRoundRef = computed(() => {
             if (NAvatarGroup)

package/es/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/es/avatar/src/AvatarGroup.js

@@ -1,9 +1,8 @@
 import { h, defineComponent, provide, computed } from 'vue';
 import NAvatar from './Avatar';
 import { useConfig, useStyle } from '../../_mixins';
-import { createInjectionKey } from '../../_utils';
 import style from './styles/avatar-group.cssr';
-export const avatarGroupInjectionKey = createInjectionKey('n-avatar-group');
+import { avatarGroupInjectionKey } from './context';
 const avatarGroupProps = {
     max: Number,
     maxStyle: [Object, String],
@@ -19,7 +18,7 @@ export default defineComponent({
     props: avatarGroupProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        useStyle('AvatarGroup', style, mergedClsPrefixRef);
+        useStyle('-avatar-group', style, mergedClsPrefixRef);
         provide(avatarGroupInjectionKey, props);
         const restOptionsRef = computed(() => {
             const { max } = props;

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

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

package/es/avatar/src/context.js

@@ -0,0 +1,2 @@
+import { createInjectionKey } from '../../_utils';
+export const avatarGroupInjectionKey = createInjectionKey('n-avatar-group');

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

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

package/es/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/es/badge/src/Badge.js

@@ -25,7 +25,7 @@ export default defineComponent({
     props: badgeProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Badge', 'Badge', style, badgeLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Badge', '-badge', style, badgeLight, props, mergedClsPrefixRef);
         const appearedRef = ref(false);
         const handleAfterEnter = () => {
             appearedRef.value = true;

package/es/breadcrumb/src/Breadcrumb.js

@@ -13,7 +13,7 @@ export default defineComponent({
     props: breadcrumbProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Breadcrumb', 'Breadcrumb', style, breadcrumbLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Breadcrumb', '-breadcrumb', style, breadcrumbLight, props, mergedClsPrefixRef);
         provide(breadcrumbInjectionKey, {
             separatorRef: toRef(props, 'separator'),
             mergedClsPrefixRef

package/es/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;