naive-ui 2.34.4 → 2.35.0

package/es/radio/src/Radio.d.ts

@@ -1,31 +1,170 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { radioProps } from './use-radio';
-export { radioProps };
+export declare const radioProps: {
+    readonly name: StringConstructor;
+    readonly value: {
+        readonly type: import("vue").PropType<string | number | boolean>;
+        readonly default: "on";
+    };
+    readonly checked: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultChecked: BooleanConstructor;
+    readonly disabled: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly label: StringConstructor;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly checkedValue: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
+        labelLineHeight: string;
+        buttonHeightSmall: string;
+        buttonHeightMedium: string;
+        buttonHeightLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        boxShadow: string;
+        boxShadowActive: string;
+        boxShadowFocus: string;
+        boxShadowHover: string;
+        boxShadowDisabled: string;
+        color: string;
+        colorDisabled: string;
+        colorActive: string;
+        textColor: string;
+        textColorDisabled: string;
+        dotColorActive: string;
+        dotColorDisabled: string;
+        buttonBorderColor: string;
+        buttonBorderColorActive: string;
+        buttonBorderColorHover: string;
+        buttonColor: string;
+        buttonColorActive: string;
+        buttonTextColor: string;
+        buttonTextColorActive: string;
+        buttonTextColorHover: string;
+        opacityDisabled: string;
+        buttonBoxShadowFocus: string;
+        buttonBoxShadowHover: string;
+        buttonBoxShadow: string;
+        buttonBorderRadius: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
+        labelLineHeight: string;
+        buttonHeightSmall: string;
+        buttonHeightMedium: string;
+        buttonHeightLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        boxShadow: string;
+        boxShadowActive: string;
+        boxShadowFocus: string;
+        boxShadowHover: string;
+        boxShadowDisabled: string;
+        color: string;
+        colorDisabled: string;
+        colorActive: string;
+        textColor: string;
+        textColorDisabled: string;
+        dotColorActive: string;
+        dotColorDisabled: string;
+        buttonBorderColor: string;
+        buttonBorderColorActive: string;
+        buttonBorderColorHover: string;
+        buttonColor: string;
+        buttonColorActive: string;
+        buttonTextColor: string;
+        buttonTextColorActive: string;
+        buttonTextColorHover: string;
+        opacityDisabled: string;
+        buttonBoxShadowFocus: string;
+        buttonBoxShadowHover: string;
+        buttonBoxShadow: string;
+        buttonBorderRadius: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
+        labelLineHeight: string;
+        buttonHeightSmall: string;
+        buttonHeightMedium: string;
+        buttonHeightLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        boxShadow: string;
+        boxShadowActive: string;
+        boxShadowFocus: string;
+        boxShadowHover: string;
+        boxShadowDisabled: string;
+        color: string;
+        colorDisabled: string;
+        colorActive: string;
+        textColor: string;
+        textColorDisabled: string;
+        dotColorActive: string;
+        dotColorDisabled: string;
+        buttonBorderColor: string;
+        buttonBorderColorActive: string;
+        buttonBorderColorHover: string;
+        buttonColor: string;
+        buttonColorActive: string;
+        buttonTextColor: string;
+        buttonTextColorActive: string;
+        buttonTextColorHover: string;
+        opacityDisabled: string;
+        buttonBoxShadowFocus: string;
+        buttonBoxShadowHover: string;
+        buttonBoxShadow: string;
+        buttonBorderRadius: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+    }, any>>>;
+};
 export type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
 declare const _default: import("vue").DefineComponent<{
-    name: StringConstructor;
-    value: {
+    readonly name: StringConstructor;
+    readonly value: {
         readonly type: import("vue").PropType<string | number | boolean>;
         readonly default: "on";
     };
-    checked: {
+    readonly checked: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    defaultChecked: BooleanConstructor;
-    disabled: {
+    readonly defaultChecked: BooleanConstructor;
+    readonly disabled: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    label: StringConstructor;
-    size: import("vue").PropType<"small" | "medium" | "large">;
-    onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    checkedValue: {
+    readonly label: StringConstructor;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly checkedValue: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
         labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
@@ -64,7 +203,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPadding: string;
         labelFontWeight: string;
     }, any>>;
-    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
@@ -103,7 +242,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPadding: string;
         labelFontWeight: string;
     }, any>>>;
-    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
@@ -167,29 +306,29 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: StringConstructor;
-    value: {
+    readonly name: StringConstructor;
+    readonly value: {
         readonly type: import("vue").PropType<string | number | boolean>;
         readonly default: "on";
     };
-    checked: {
+    readonly checked: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    defaultChecked: BooleanConstructor;
-    disabled: {
+    readonly defaultChecked: BooleanConstructor;
+    readonly disabled: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    label: StringConstructor;
-    size: import("vue").PropType<"small" | "medium" | "large">;
-    onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    checkedValue: {
+    readonly label: StringConstructor;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly checkedValue: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
         labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
@@ -228,7 +367,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPadding: string;
         labelFontWeight: string;
     }, any>>;
-    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
@@ -267,7 +406,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPadding: string;
         labelFontWeight: string;
     }, any>>>;
-    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
@@ -307,10 +446,10 @@ declare const _default: import("vue").DefineComponent<{
         labelFontWeight: string;
     }, any>>>;
 }>>, {
-    value: string | number | boolean;
-    disabled: boolean | undefined;
-    checked: boolean | undefined;
-    defaultChecked: boolean;
-    checkedValue: boolean | undefined;
-}>;
+    readonly value: string | number | boolean;
+    readonly disabled: boolean | undefined;
+    readonly checked: boolean | undefined;
+    readonly defaultChecked: boolean;
+    readonly checkedValue: boolean | undefined;
+}, {}>;
 export default _default;

package/es/radio/src/Radio.js

@@ -3,12 +3,12 @@ import { useRtl } from '../../_mixins/use-rtl';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { createKey, resolveWrappedSlot } from '../../_utils';
 import { radioLight } from '../styles';
-import { setup, radioProps } from './use-radio';
+import { setup, radioBaseProps } from './use-radio';
 import style from './styles/radio.cssr';
-export { radioProps };
+export const radioProps = Object.assign(Object.assign({}, useTheme.props), radioBaseProps);
 export default defineComponent({
     name: 'Radio',
-    props: Object.assign(Object.assign({}, useTheme.props), radioProps),
+    props: radioProps,
     setup(props) {
         const radio = setup(props);
         const themeRef = useTheme('Radio', '-radio', style, radioLight, props, radio.mergedClsPrefix);

package/es/radio/src/RadioButton.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPublicPropTypes } from '../../_utils';
-import { radioProps } from './use-radio';
+import { radioBaseProps } from './use-radio';
 export declare const radioButtonProps: {
     readonly name: StringConstructor;
     readonly value: {
@@ -24,7 +24,7 @@ export declare const radioButtonProps: {
         readonly default: undefined;
     };
 };
-export type RadioButtonProps = ExtractPublicPropTypes<typeof radioProps>;
+export type RadioButtonProps = ExtractPublicPropTypes<typeof radioBaseProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly name: StringConstructor;
     readonly value: {
@@ -77,5 +77,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly checked: boolean | undefined;
     readonly defaultChecked: boolean;
     readonly checkedValue: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/es/radio/src/RadioButton.js

@@ -1,10 +1,10 @@
 import { h, defineComponent } from 'vue';
 import { resolveWrappedSlot } from '../../_utils';
-import { setup, radioProps } from './use-radio';
-export const radioButtonProps = radioProps;
+import { setup, radioBaseProps } from './use-radio';
+export const radioButtonProps = radioBaseProps;
 export default defineComponent({
     name: 'RadioButton',
-    props: radioProps,
+    props: radioBaseProps,
     setup,
     render() {
         const { mergedClsPrefix } = this;

package/es/radio/src/RadioGroup.d.ts

@@ -268,7 +268,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     selfElRef: import("vue").Ref<HTMLDivElement | null>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedValue: import("vue").ComputedRef<string | number | boolean | null>;
     handleFocusout: (e: FocusEvent) => void;
     handleFocusin: (e: FocusEvent) => void;
@@ -424,5 +424,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean | undefined;
     readonly defaultValue: string | number | boolean | null;
-}>;
+}, {}>;
 export default _default;

package/es/radio/src/use-radio.d.ts

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes, type PropType, type Ref, type ComputedRef } from 'vue';
 import type { MaybeArray } from '../../_utils';
 import { type OnUpdateValue } from './interface';
-export declare const radioProps: {
+export declare const radioBaseProps: {
     readonly name: StringConstructor;
     readonly value: {
         readonly type: PropType<string | number | boolean>;
@@ -48,6 +48,6 @@ export interface UseRadio {
     handleRadioInputBlur: () => void;
     handleRadioInputFocus: () => void;
 }
-declare function setup(props: ExtractPropTypes<typeof radioProps>): UseRadio;
-export type RadioProps = ExtractPropTypes<typeof radioProps>;
+declare function setup(props: ExtractPropTypes<typeof radioBaseProps>): UseRadio;
+export type RadioBaseProps = ExtractPropTypes<typeof radioBaseProps>;
 export { setup };

package/es/radio/src/use-radio.js

@@ -2,7 +2,7 @@ import { inject, ref, toRef, watchEffect } from 'vue';
 import { useMemo, useMergedState } from 'vooks';
 import { useConfig, useFormItem } from '../../_mixins';
 import { call, createInjectionKey, warnOnce } from '../../_utils';
-export const radioProps = {
+export const radioBaseProps = {
     name: String,
     value: {
         type: [String, Number, Boolean],

package/es/rate/src/Rate.d.ts

@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeLarge: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedValue: import("vue").ComputedRef<number | null>;
     hoverIndex: import("vue").Ref<number | null>;
     handleMouseMove: (index: number, e: MouseEvent) => void;
@@ -152,5 +152,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultValue: number | null;
     readonly count: number;
     readonly allowHalf: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/result/src/Result.d.ts

@@ -181,7 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         iconColor500: undefined;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-font-size': string;
@@ -287,5 +287,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: "small" | "medium" | "large" | "huge";
     status: "500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418";
-}>;
+}, {}>;
 export default _default;

package/es/scrollbar/src/Scrollbar.d.ts

@@ -83,5 +83,5 @@ declare const Scrollbar: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly xScrollable: boolean;
-}>;
+}, {}>;
 export default Scrollbar;

package/es/select/src/Select.d.ts

@@ -1000,7 +1000,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectOption, SelectGroupOption, SelectIgnoredOption>>;
@@ -1010,6 +1010,7 @@ declare const _default: import("vue").DefineComponent<{
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
+        blurInput: () => void;
         $el: HTMLElement;
     } | null>;
     menuRef: import("vue").Ref<{
@@ -1336,6 +1337,8 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     focus: () => void;
     blur: () => void;
+    focusInput: () => void;
+    blurInput: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -1832,8 +1835,8 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>>>;
 }>>, {
-    readonly tag: boolean;
     readonly options: SelectMixedOption[];
+    readonly tag: boolean;
     readonly show: boolean | undefined;
     readonly multiple: boolean;
     readonly disabled: boolean | undefined;
@@ -1860,5 +1863,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly consistentMenuWidth: boolean;
     readonly childrenField: string;
     readonly showOnFocus: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/select/src/Select.js

@@ -479,9 +479,15 @@ export default defineComponent({
                 const optionBeingCreated = onCreate
                     ? onCreate(value)
                     : { [props.labelField]: value, [props.valueField]: value };
-                const { valueField } = props;
-                if (compitableOptionsRef.value.some((option) => option[valueField] === optionBeingCreated[valueField]) ||
-                    createdOptionsRef.value.some((option) => option[valueField] === optionBeingCreated[valueField])) {
+                const { valueField, labelField } = props;
+                if (compitableOptionsRef.value.some((option) => {
+                    return (option[valueField] === optionBeingCreated[valueField] ||
+                        option[labelField] === optionBeingCreated[labelField]);
+                }) ||
+                    createdOptionsRef.value.some((option) => {
+                        return (option[valueField] === optionBeingCreated[valueField] ||
+                            option[labelField] === optionBeingCreated[labelField]);
+                    })) {
                     beingCreatedOptionsRef.value = emptyArray;
                 }
                 else {
@@ -613,9 +619,17 @@ export default defineComponent({
                 var _a;
                 (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focus();
             },
+            focusInput: () => {
+                var _a;
+                (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focusInput();
+            },
             blur: () => {
                 var _a;
                 (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            },
+            blurInput: () => {
+                var _a;
+                (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.blurInput();
             }
         };
         const cssVarsRef = computed(() => {

package/es/select/src/interface.d.ts

@@ -45,6 +45,8 @@ export type SelectGroupOption = (SelectGroupOptionBase & {
 export interface SelectInst {
     focus: () => void;
     blur: () => void;
+    focusInput: () => void;
+    blurInput: () => void;
 }
 export type SelectFallbackOption = (value: string & number) => SelectOption;
 export type SelectFallbackOptionImpl = (value: string | number) => SelectOption;

package/es/skeleton/src/Skeleton.d.ts

@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
         heightLarge: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     style: import("vue").ComputedRef<{
         display: string;
         verticalAlign: string;
@@ -151,5 +151,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly circle: boolean;
     readonly animated: boolean;
     readonly sharp: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/slider/src/Slider.d.ts

@@ -281,7 +281,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderRadius: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
     uncontrolledValue: import("vue").Ref<number | number[]>;
     mergedValue: import("vue").ComputedRef<number | number[]>;
@@ -506,5 +506,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultValue: number | number[];
     readonly keyboard: boolean;
     readonly showTooltip: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/es/slider/src/Slider.js

@@ -538,7 +538,15 @@ export default defineComponent({
                     return (h(VBinder, null, {
                         default: () => [
                             h(VTarget, null, {
-                                default: () => (h("div", { ref: this.setHandleRefs(index), class: `${mergedClsPrefix}-slider-handle-wrapper`, tabindex: this.mergedDisabled ? -1 : 0, style: this.getHandleStyle(value, index), onFocus: () => { this.handleHandleFocus(index); }, onBlur: () => { this.handleHandleBlur(index); }, onMouseenter: () => { this.handleHandleMouseEnter(index); }, onMouseleave: () => { this.handleHandleMouseLeave(index); } }, resolveSlot(this.$slots.thumb, () => [
+                                default: () => (h("div", { ref: this.setHandleRefs(index), class: `${mergedClsPrefix}-slider-handle-wrapper`, tabindex: this.mergedDisabled ? -1 : 0, style: this.getHandleStyle(value, index), onFocus: () => {
+                                        this.handleHandleFocus(index);
+                                    }, onBlur: () => {
+                                        this.handleHandleBlur(index);
+                                    }, onMouseenter: () => {
+                                        this.handleHandleMouseEnter(index);
+                                    }, onMouseleave: () => {
+                                        this.handleHandleMouseLeave(index);
+                                    } }, resolveSlot(this.$slots.thumb, () => [
                                     h("div", { class: `${mergedClsPrefix}-slider-handle` })
                                 ])))
                             }),

package/es/slider/src/utils.js

@@ -7,6 +7,8 @@ export function useRefs() {
     const setRefs = (index) => (el) => {
         refs.value.set(index, el);
     };
-    onBeforeUpdate(() => { refs.value.clear(); });
+    onBeforeUpdate(() => {
+        refs.value.clear();
+    });
     return [refs, setRefs];
 }

package/es/space/src/Space.d.ts

@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     useGap: boolean;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     margin: import("vue").ComputedRef<{
         horizontal: number;
         vertical: number;
@@ -140,5 +140,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly justify: Justify;
     readonly wrapItem: boolean;
     readonly internalUseGap: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/spin/src/Spin.d.ts

@@ -21,6 +21,7 @@ export declare const spinProps: {
         validator: () => boolean;
         default: undefined;
     };
+    delay: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Spin", {
         fontSize: string;
         textColor: string;
@@ -77,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: () => boolean;
         default: undefined;
     };
+    delay: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Spin", {
         fontSize: string;
         textColor: string;
@@ -111,8 +113,8 @@ declare const _default: import("vue").DefineComponent<{
         opacitySpinning: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
-    compitableShow: import("vue").ComputedRef<boolean>;
+    mergedClsPrefix: import("vue").Ref<string>;
+    active: import("vue").Ref<boolean>;
     mergedStrokeWidth: import("vue").ComputedRef<number>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
@@ -144,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: () => boolean;
         default: undefined;
     };
+    delay: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Spin", {
         fontSize: string;
         textColor: string;
@@ -182,5 +185,5 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     rotate: boolean;
     spinning: boolean;
-}>;
+}, {}>;
 export default _default;