naive-ui 2.24.1 → 2.24.2

package/es/_internal/select-menu/src/SelectMenu.js

@@ -1,4 +1,4 @@
-import { h, ref, onMounted, computed, defineComponent, watch, toRef, renderSlot, provide, nextTick, watchEffect } from 'vue';
+import { h, ref, onMounted, computed, defineComponent, toRef, provide, nextTick, watch } from 'vue';
 import { createIndexGetter } from 'treemate';
 import { VirtualList } from 'vueuc';
 import { depx, getPadding, happensIn } from 'seemly';
@@ -39,7 +39,10 @@ export default defineComponent({
         show: {
             type: Boolean,
             default: true
-        }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, 
+        }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, resetMenuOnOptionsChange: {
+            type: Boolean,
+            default: true
+        }, 
         // deprecated
         onToggle: Function }),
     setup(props) {
@@ -62,14 +65,23 @@ export default defineComponent({
                             treeMate.getFirstAvailableNode()
                 : null);
         }
-        initPendingNode();
-        onMounted(() => {
-            watchEffect(() => {
-                if (props.show) {
+        let initPendingNodeWatchStopHandle;
+        watch(toRef(props, 'show'), (value) => {
+            if (value) {
+                initPendingNodeWatchStopHandle = watch(props.resetMenuOnOptionsChange
+                    ? [toRef(props, 'treeMate'), toRef(props, 'multiple')]
+                    : [toRef(props, 'multiple')], () => {
                     initPendingNode();
                     void nextTick(scrollToPendingNode);
-                }
-            });
+                }, {
+                    immediate: true
+                });
+            }
+            else {
+                initPendingNodeWatchStopHandle === null || initPendingNodeWatchStopHandle === void 0 ? void 0 : initPendingNodeWatchStopHandle();
+            }
+        }, {
+            immediate: true
         });
         const itemSizeRef = computed(() => {
             return depx(themeRef.value.self[createKey('optionHeight', props.size)]);
@@ -90,15 +102,6 @@ export default defineComponent({
         const styleRef = computed(() => {
             return [{ width: formatLength(props.width) }, cssVarsRef.value];
         });
-        watch(toRef(props, 'treeMate'), () => {
-            if (props.autoPending) {
-                const tmNode = props.treeMate.getFirstAvailableNode();
-                setPendingTmNode(tmNode);
-            }
-            else {
-                setPendingTmNode(null);
-            }
-        });
         function doToggle(tmNode) {
             const { onToggle } = props;
             if (onToggle)
@@ -287,10 +290,8 @@ export default defineComponent({
                             paddingBottom: this.padding.bottom
                         } }, this.flattenedNodes.map((tmNode) => tmNode.isGroup ? (h(NSelectGroupHeader, { key: tmNode.key, clsPrefix: clsPrefix, tmNode: tmNode })) : (h(NSelectOption, { clsPrefix: clsPrefix, key: tmNode.key, tmNode: tmNode })))));
                 }
-            })) : (h("div", { class: `${clsPrefix}-base-select-menu__empty` }, renderSlot($slots, 'empty', undefined, () => [
-                h(NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
-            ]))),
-            $slots.action && (h("div", { class: `${clsPrefix}-base-select-menu__action`, "data-action": true }, renderSlot($slots, 'action'))),
+            })) : (h("div", { class: `${clsPrefix}-base-select-menu__empty` }, $slots.empty ? ($slots.empty()) : (h(NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })))),
+            $slots.action && (h("div", { class: `${clsPrefix}-base-select-menu__action`, "data-action": true }, $slots.action())),
             $slots.action && h(NFocusDetector, { onFocus: this.onTabOut })));
     }
 });

package/es/_internal/select-menu/src/SelectOption.d.ts

@@ -21,11 +21,14 @@ declare const _default: import("vue").DefineComponent<{
     handleMouseMove: (e: MouseEvent) => void;
     handleMouseEnter: (e: MouseEvent) => void;
     handleClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    tmNode?: unknown;
-} & {
-    clsPrefix: string;
-    tmNode: TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>>;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    tmNode: {
+        type: PropType<TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>>>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

package/es/_internal/select-menu/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { VNodeChild, InjectionKey, Ref, UnwrapRef, VNode } from 'vue';
+import { VNodeChild, Ref, UnwrapRef, VNode } from 'vue';
 import { TreeNode } from 'treemate';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../../select/src/interface';
 export declare type Size = 'small' | 'medium' | 'large' | 'huge';
@@ -30,6 +30,6 @@ export interface InternalExposedProps {
     prev: () => void;
     next: () => void;
 }
-export declare const internalSelectionMenuInjectionKey: InjectionKey<InternalSelectMenuInjection>;
-export declare const internalSelectionMenuBodyInjectionKey: InjectionKey<Ref<HTMLElement | null>>;
+export declare const internalSelectionMenuInjectionKey: import("vue").InjectionKey<InternalSelectMenuInjection>;
+export declare const internalSelectionMenuBodyInjectionKey: import("vue").InjectionKey<Ref<HTMLElement | null>>;
 export declare type InternalSelectMenuRef = UnwrapRef<InternalExposedProps>;

package/es/_internal/select-menu/src/interface.js

@@ -1,2 +1,3 @@
-export const internalSelectionMenuInjectionKey = Symbol('internal-select-menu');
-export const internalSelectionMenuBodyInjectionKey = Symbol('internal-select-menu-body');
+import { createInjectionKey } from '../../../_utils/vue/create-injection-key';
+export const internalSelectionMenuInjectionKey = createInjectionKey('n-internal-select-menu');
+export const internalSelectionMenuBodyInjectionKey = createInjectionKey('n-internal-select-menu-body');

package/es/_internal/selection/src/Selection.d.ts

@@ -5,6 +5,7 @@ import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interfa
 export interface InternalSelectionInst {
     focus: () => void;
     focusInput: () => void;
+    blur: () => void;
     $el: HTMLElement;
 }
 declare const _default: import("vue").DefineComponent<{
@@ -107,6 +108,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -175,6 +177,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -243,6 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -416,6 +420,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         };
@@ -483,6 +488,7 @@ declare const _default: import("vue").DefineComponent<{
     onPopoverUpdateShow: (show: boolean) => void;
     focus: () => void;
     focusInput: () => void;
+    blur: () => void;
     blurInput: () => void;
     updateCounter: (count: number) => void;
     getCounter: () => HTMLElement | null;
@@ -505,6 +511,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-font-size': string;
         '--n-height': string;
         '--n-padding-single': string;
+        '--n-padding-multiple': string;
         '--n-placeholder-color': string;
         '--n-placeholder-color-disabled': string;
         '--n-text-color': string;
@@ -534,61 +541,57 @@ declare const _default: import("vue").DefineComponent<{
         '--n-clear-color-pressed': string;
         '--n-arrow-size': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    bordered?: unknown;
-    active?: unknown;
-    pattern?: unknown;
-    placeholder?: unknown;
-    selectedOption?: unknown;
-    selectedOptions?: unknown;
-    multiple?: unknown;
-    filterable?: unknown;
-    clearable?: unknown;
-    disabled?: unknown;
-    size?: unknown;
-    loading?: unknown;
-    autofocus?: unknown;
-    showArrow?: unknown;
-    inputProps?: unknown;
-    focused?: unknown;
-    renderTag?: unknown;
-    onKeyup?: unknown;
-    onKeydown?: unknown;
-    onClick?: unknown;
-    onBlur?: unknown;
-    onFocus?: unknown;
-    onDeleteOption?: unknown;
-    maxTagCount?: unknown;
-    onClear?: unknown;
-    onPatternInput?: unknown;
-    renderLabel?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    pattern: string;
-    size: "small" | "medium" | "large";
-    multiple: boolean;
-    active: boolean;
-    disabled: boolean;
-    autofocus: boolean;
-    loading: boolean;
-    clsPrefix: string;
-    showArrow: boolean;
-    selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null;
-    selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null;
-    filterable: boolean;
-    clearable: boolean;
-    focused: boolean;
-} & {
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => void) | undefined;
-    onKeyup?: ((e: KeyboardEvent) => void) | undefined;
-    onClick?: ((e: MouseEvent) => void) | undefined;
-    placeholder?: string | undefined;
-    theme?: import("../../../_mixins").Theme<"InternalSelection", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    bordered: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    active: BooleanConstructor;
+    pattern: {
+        type: StringConstructor;
+        default: null;
+    };
+    placeholder: StringConstructor;
+    selectedOption: {
+        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
+        default: null;
+    };
+    selectedOptions: {
+        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+        default: null;
+    };
+    multiple: BooleanConstructor;
+    filterable: BooleanConstructor;
+    clearable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    loading: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputProps: PropType<InputHTMLAttributes>;
+    focused: BooleanConstructor;
+    renderTag: PropType<RenderTag>;
+    onKeyup: PropType<(e: KeyboardEvent) => void>;
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    onClick: PropType<(e: MouseEvent) => void>;
+    onBlur: PropType<(e: FocusEvent) => void>;
+    onFocus: PropType<(e: FocusEvent) => void>;
+    onDeleteOption: PropType<(option: SelectBaseOption) => void>;
+    maxTagCount: PropType<number | "responsive">;
+    onClear: PropType<(e: MouseEvent) => void>;
+    onPatternInput: PropType<(e: InputEvent) => void>;
+    renderLabel: PropType<RenderLabel>;
+    theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -638,6 +641,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -655,8 +659,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
+    }>>;
+    themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -706,6 +710,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -723,8 +728,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -774,6 +779,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -791,16 +797,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    renderLabel?: RenderLabel | undefined;
-    onClear?: ((e: MouseEvent) => void) | undefined;
-    inputProps?: InputHTMLAttributes | undefined;
-    renderTag?: RenderTag | undefined;
-    onDeleteOption?: ((option: SelectBaseOption) => void) | undefined;
-    maxTagCount?: number | "responsive" | undefined;
-    onPatternInput?: ((e: InputEvent) => void) | undefined;
-}>, {
+    }>>>;
+}>>, {
     pattern: string;
     size: "small" | "medium" | "large";
     multiple: boolean;

package/es/_internal/selection/src/Selection.js

@@ -208,20 +208,33 @@ export default defineComponent({
         function handlePatternInputBlur(e) {
             patternInputFocusedRef.value = false;
         }
-        function focus() {
+        function blur() {
+            var _a, _b;
             if (props.filterable) {
                 patternInputFocusedRef.value = false;
-                const { value: patternInputWrapperEl } = patternInputWrapperRef;
-                if (patternInputWrapperEl)
-                    patternInputWrapperEl.focus();
+                (_a = patternInputWrapperRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+                (_b = patternInputRef.value) === null || _b === void 0 ? void 0 : _b.blur();
             }
             else if (props.multiple) {
                 const { value: multipleEl } = multipleElRef;
-                multipleEl === null || multipleEl === void 0 ? void 0 : multipleEl.focus();
+                multipleEl === null || multipleEl === void 0 ? void 0 : multipleEl.blur();
             }
             else {
                 const { value: singleEl } = singleElRef;
-                singleEl === null || singleEl === void 0 ? void 0 : singleEl.focus();
+                singleEl === null || singleEl === void 0 ? void 0 : singleEl.blur();
+            }
+        }
+        function focus() {
+            var _a, _b, _c;
+            if (props.filterable) {
+                patternInputFocusedRef.value = false;
+                (_a = patternInputWrapperRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            else if (props.multiple) {
+                (_b = multipleElRef.value) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+            else {
+                (_c = singleElRef.value) === null || _c === void 0 ? void 0 : _c.focus();
             }
         }
         function focusInput() {
@@ -319,6 +332,7 @@ export default defineComponent({
             onPopoverUpdateShow,
             focus,
             focusInput,
+            blur,
             blurInput,
             updateCounter,
             getCounter,
@@ -326,7 +340,7 @@ export default defineComponent({
             renderLabel: props.renderLabel,
             cssVars: computed(() => {
                 const { size } = props;
-                const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, placeholderColor, textColor, paddingSingle, caretColor, colorDisabled, textColorDisabled, placeholderColorDisabled, colorActive, boxShadowFocus, boxShadowActive, boxShadowHover, border, borderFocus, borderHover, borderActive, arrowColor, arrowColorDisabled, loadingColor, 
+                const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, placeholderColor, textColor, paddingSingle, paddingMultiple, caretColor, colorDisabled, textColorDisabled, placeholderColorDisabled, colorActive, boxShadowFocus, boxShadowActive, boxShadowHover, border, borderFocus, borderHover, borderActive, arrowColor, arrowColorDisabled, loadingColor, 
                 // form warning
                 colorActiveWarning, boxShadowFocusWarning, boxShadowActiveWarning, boxShadowHoverWarning, borderWarning, borderFocusWarning, borderHoverWarning, borderActiveWarning, 
                 // form error
@@ -352,6 +366,7 @@ export default defineComponent({
                     '--n-font-size': fontSize,
                     '--n-height': height,
                     '--n-padding-single': paddingSingle,
+                    '--n-padding-multiple': paddingMultiple,
                     '--n-placeholder-color': placeholderColor,
                     '--n-placeholder-color-disabled': placeholderColorDisabled,
                     '--n-text-color': textColor,
@@ -393,7 +408,9 @@ export default defineComponent({
         const maxTagCountResponsive = maxTagCount === 'responsive';
         const maxTagCountNumeric = typeof maxTagCount === 'number';
         const useMaxTagCount = maxTagCountResponsive || maxTagCountNumeric;
-        const suffix = (h(Suffix, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.mergedClearable && this.selected, onClear: this.handleClear }));
+        const suffix = (h(Suffix, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.mergedClearable && this.selected, onClear: this.handleClear }, {
+            default: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+        }));
         let body;
         if (multiple) {
             const createTag = (option) => (h("div", { class: `${clsPrefix}-base-selection-tag-wrapper`, key: option.value }, renderTag ? (renderTag({

package/es/_internal/selection/src/styles/index.cssr.js

@@ -15,6 +15,7 @@ import { c, cB, cE, cM, cNotM, insideFormItem } from '../../../../_utils/cssr';
 // --n-font-size
 // --n-height
 // --n-padding-single
+// --n-padding-multiple
 // --n-placeholder-color
 // --n-placeholder-color-disabled
 // --n-text-color
@@ -92,7 +93,7 @@ export default c([cB('base-selection', `
  position: relative;
  z-index: auto;
  display: flex;
- padding: 3px 26px 0 12px;
+ padding: var(--n-padding-multiple);
  flex-wrap: wrap;
  align-items: center;
  width: 100%;

package/es/_internal/selection/styles/_common.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     paddingSingle: string;
+    paddingMultiple: string;
     clearSize: string;
     arrowSize: string;
 };

package/es/_internal/selection/styles/_common.js

@@ -1,5 +1,6 @@
 export default {
     paddingSingle: '0 26px 0 12px',
+    paddingMultiple: '3px 26px 0 12px',
     clearSize: '16px',
     arrowSize: '16px'
 };

package/es/_internal/selection/styles/light.d.ts

@@ -49,6 +49,7 @@ declare const self: (vars: ThemeCommonVars) => {
     clearColorHover: string;
     clearColorPressed: string;
     paddingSingle: string;
+    paddingMultiple: string;
     clearSize: string;
     arrowSize: string;
 };
@@ -103,6 +104,7 @@ declare const internalSelectionLight: import("../../../_mixins").Theme<"Internal
     clearColorHover: string;
     clearColorPressed: string;
     paddingSingle: string;
+    paddingMultiple: string;
     clearSize: string;
     arrowSize: string;
 }, {

package/es/_internal/slot-machine/src/SlotMachine.d.ts

@@ -15,18 +15,24 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    value?: unknown;
-    max?: unknown;
-    appeared?: unknown;
-} & {
-    value: string | number;
-    clsPrefix: string;
-    appeared: boolean;
-} & {
-    max?: number | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    appeared: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>>, {
     value: string | number;
     max: number;
 }>;

package/es/_internal/slot-machine/src/SlotMachineNumber.d.ts

@@ -16,18 +16,24 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    value?: unknown;
-    oldOriginalNumber?: unknown;
-    newOriginalNumber?: unknown;
-} & {
-    value: string | number;
-    clsPrefix: string;
-} & {
-    oldOriginalNumber?: number | undefined;
-    newOriginalNumber?: number | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    oldOriginalNumber: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    newOriginalNumber: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>>, {
     oldOriginalNumber: number;
     newOriginalNumber: number;
 }>;

package/es/_internal/suffix/src/Suffix.d.ts

@@ -17,20 +17,25 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     onClear: PropType<(e: MouseEvent) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    showArrow?: unknown;
-    showClear?: unknown;
-    loading?: unknown;
-    onClear?: unknown;
-} & {
-    loading: boolean;
-    clsPrefix: string;
-} & {
-    showArrow?: boolean | undefined;
-    onClear?: ((e: MouseEvent) => void) | undefined;
-    showClear?: boolean | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClear: PropType<(e: MouseEvent) => void>;
+}>>, {
     loading: boolean;
     showArrow: boolean;
     showClear: boolean;

package/es/_internal/suffix/src/Suffix.js

@@ -3,6 +3,7 @@ import NBaseClear from '../../clear';
 import NBaseLoading from '../../loading';
 import NBaseIcon from '../../icon';
 import { ChevronDownIcon } from '../../icons';
+import { resolveSlot } from '../../../_utils/vue';
 export default defineComponent({
     name: 'InternalSelectionSuffix',
     props: {
@@ -24,12 +25,16 @@ export default defineComponent({
         },
         onClear: Function
     },
-    setup(props) {
+    setup(props, { slots }) {
         return () => {
             const { clsPrefix } = props;
             return (h(NBaseLoading, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix`, strokeWidth: 24, scale: 0.85, show: props.loading }, {
                 default: () => props.showArrow ? (h(NBaseClear, { clsPrefix: clsPrefix, show: props.showClear, onClear: props.onClear }, {
-                    default: () => (h(NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, { default: () => h(ChevronDownIcon, null) }))
+                    default: () => (h(NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
+                        default: () => resolveSlot(slots.default, () => [
+                            h(ChevronDownIcon, null)
+                        ])
+                    }))
                 })) : null
             }));
         };

package/es/_internal/wave/src/Wave.d.ts

@@ -10,9 +10,10 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue").Ref<boolean>;
     selfRef: import("vue").Ref<HTMLElement | null>;
     play(): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-} & {
-    clsPrefix: string;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
 export default _default;