naive-ui 2.24.7 → 2.25.0

package/es/popover/src/PopoverBody.js

@@ -1,14 +1,14 @@
-import { h, vShow, withDirectives, Transition, ref, defineComponent, computed, mergeProps, inject, onBeforeUnmount, watch, toRef, provide, Fragment } from 'vue';
+import { h, vShow, withDirectives, Transition, ref, defineComponent, computed, mergeProps, inject, onBeforeUnmount, watch, toRef, provide } from 'vue';
 import { VFollower, VFocusTrap } from 'vueuc';
 import { clickoutside, mousemoveoutside } from 'vdirs';
 import { useTheme, useConfig } from '../../_mixins';
-import { formatLength, useAdjustedTo } from '../../_utils';
+import { formatLength, isSlotEmpty, resolveWrappedSlot, useAdjustedTo } from '../../_utils';
 import { popoverLight } from '../styles';
 import style from './styles/index.cssr';
 import { popoverBodyInjectionKey } from './interface';
 import { drawerBodyInjectionKey } from '../../drawer/src/interface';
 import { modalBodyInjectionKey } from '../../modal/src/interface';
-export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], internalTrapFocus: Boolean, 
+export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, internalTrapFocus: Boolean, 
     // private
     animated: Boolean, onClickoutside: Function, 
     /** @deprecated */
@@ -23,7 +23,7 @@ export default defineComponent({
     props: popoverBodyProps,
     setup(props, { slots, attrs }) {
         const { namespaceRef, mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Popover', 'Popover', style, popoverLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Popover', '-popover', style, popoverLight, props, mergedClsPrefixRef);
         const followerRef = ref(null);
         const NPopover = inject('NPopover');
         const bodyRef = ref(null);
@@ -101,12 +101,12 @@ export default defineComponent({
             (_a = followerRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
         }
         function handleMouseEnter(e) {
-            if (props.trigger === 'hover') {
+            if (props.trigger === 'hover' && props.keepAliveOnHover) {
                 NPopover.handleMouseEnter(e);
             }
         }
         function handleMouseLeave(e) {
-            if (props.trigger === 'hover') {
+            if (props.trigger === 'hover' && props.keepAliveOnHover) {
                 NPopover.handleMouseLeave(e);
             }
         }
@@ -139,9 +139,10 @@ export default defineComponent({
                 const renderContentInnerNode = () => {
                     var _a;
                     return [
-                        slots.header ? (h(Fragment, null,
-                            h("div", { class: `${mergedClsPrefix}-popover__header` }, slots.header()),
-                            h("div", { class: `${mergedClsPrefix}-popover__content` }, slots))) : ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+                        resolveWrappedSlot(slots.header, (children) => [
+                            h("div", { class: `${mergedClsPrefix}-popover__header` }, children),
+                            h("div", { class: `${mergedClsPrefix}-popover__content` }, slots)
+                        ]) || ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
                         props.showArrow
                             ? renderArrow({
                                 arrowStyle: props.arrowStyle,
@@ -157,8 +158,9 @@ export default defineComponent({
                         {
                             [`${mergedClsPrefix}-popover--overlap`]: props.overlap,
                             [`${mergedClsPrefix}-popover--show-arrow`]: props.showArrow,
-                            [`${mergedClsPrefix}-popover--show-header`]: !!slots.header,
-                            [`${mergedClsPrefix}-popover--raw`]: props.raw
+                            [`${mergedClsPrefix}-popover--show-header`]: !isSlotEmpty(slots.header),
+                            [`${mergedClsPrefix}-popover--raw`]: props.raw,
+                            [`${mergedClsPrefix}-popover--manual-trigger`]: props.trigger === 'manual'
                         }
                     ],
                     ref: bodyRef,

package/es/popover/src/styles/index.cssr.js

@@ -114,9 +114,9 @@ c('&.popover-transition-enter-from, &.popover-transition-leave-to', `
 function placementStyle(placement, arrowStyleLiteral) {
   const position = placement.split('-')[0];
   const sizeStyle = ['top', 'bottom'].includes(position) ? 'height: var(--n-space-arrow);' : 'width: var(--n-space-arrow);';
-  return c(`[v-placement="${placement}"] >`, [cB('popover', `
+  return c(`[v-placement="${placement}"] >`, [cB('popover', [cNotM('manual-trigger', `
  margin-${oppositePlacement[position]}: var(--n-space);
- `, [cM('show-arrow', `
+ `), cM('show-arrow', `
  margin-${oppositePlacement[position]}: var(--n-space-arrow);
  `), cM('overlap', `
  margin: 0;

package/es/popselect/src/Popselect.d.ts

@@ -25,7 +25,7 @@ declare const popselectProps: {
     onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
     };
     trigger: {
         type: PropType<PopoverTrigger>;
@@ -68,6 +68,10 @@ declare const popselectProps: {
         type: PropType<"show" | "if">;
         default: string;
     };
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -319,7 +323,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
     };
     trigger: {
         type: PropType<PopoverTrigger>;
@@ -362,6 +366,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -818,7 +826,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
     };
     trigger: {
         type: PropType<PopoverTrigger>;
@@ -861,6 +869,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -1096,20 +1108,21 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     duration: number;
     to: string | boolean | HTMLElement;
+    options: import("../../select/src/interface").SelectMixedOption[];
     raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
+    placement: import("vueuc/lib/binder/src/interface").Placement;
     overlap: boolean;
     scrollable: boolean;
     trigger: PopoverTrigger;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
-    options: import("../../select/src/interface").SelectMixedOption[];
     cancelable: boolean;
 }>;
 export default _default;

package/es/popselect/src/Popselect.js

@@ -15,7 +15,7 @@ export default defineComponent({
     props: popselectProps,
     __popover__: true,
     setup(props) {
-        const themeRef = useTheme('Popselect', 'Popselect', undefined, popselectLight, props);
+        const themeRef = useTheme('Popselect', '-popselect', undefined, popselectLight, props);
         const popoverInstRef = ref(null);
         function syncPosition() {
             var _a;
@@ -48,7 +48,10 @@ export default defineComponent({
                 return (h(NPopselectPanel, Object.assign({}, mergeProps(this.$attrs, {
                     class: className,
                     style
-                }), keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), { default: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); } }));
+                }), keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), {
+                    action: () => { var _a, _b; return (_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a); },
+                    empty: () => { var _a, _b; return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                }));
             }
         };
         return (h(NPopover, Object.assign({}, omit(this.$props, panelPropKeys), popoverProps), {

package/es/popselect/src/PopselectPanel.d.ts

@@ -27,7 +27,7 @@ export declare const panelProps: {
     readonly renderLabel: PropType<RenderLabel>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
 };
-export declare const panelPropKeys: ("value" | "size" | "multiple" | "onChange" | "onMouseenter" | "onMouseleave" | "scrollable" | "renderLabel" | "options" | "onUpdate:value" | "onUpdateValue" | "cancelable")[];
+export declare const panelPropKeys: ("value" | "size" | "multiple" | "onChange" | "onMouseenter" | "onMouseleave" | "options" | "scrollable" | "renderLabel" | "onUpdate:value" | "onUpdateValue" | "cancelable")[];
 declare const _default: import("vue").DefineComponent<{
     readonly multiple: BooleanConstructor;
     readonly value: {
@@ -283,8 +283,8 @@ declare const _default: import("vue").DefineComponent<{
     value: Value | null;
     size: PopselectSize;
     multiple: boolean;
-    scrollable: boolean;
     options: SelectMixedOption[];
+    scrollable: boolean;
     cancelable: boolean;
 }>;
 export default _default;

package/es/popselect/src/PopselectPanel.js

@@ -127,6 +127,9 @@ export default defineComponent({
         };
     },
     render() {
-        return (h(NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, this.$slots));
+        return (h(NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, {
+            action: () => { var _a, _b; return ((_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; },
+            empty: () => { var _a, _b; return ((_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; }
+        }));
     }
 });

package/es/progress/src/Progress.d.ts

@@ -373,9 +373,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: "circle" | "line" | "multiple-circle";
     strokeWidth: number;
+    status: Status;
     processing: boolean;
     unit: string;
-    status: Status;
     indicatorPlacement: "inside" | "outside";
     showIndicator: boolean;
     viewBoxWidth: number;

package/es/progress/src/Progress.js

@@ -42,7 +42,7 @@ export default defineComponent({
             return props.indicatorPlacement || props.indicatorPosition;
         });
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Progress', 'Progress', style, progressLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Progress', '-progress', style, progressLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedIndicatorPlacement: mergedIndicatorPlacementRef,

package/es/radio/src/Radio.js

@@ -9,7 +9,7 @@ export default defineComponent({
     props: Object.assign(Object.assign({}, useTheme.props), useRadio.props),
     setup(props) {
         const radio = useRadio(props);
-        const themeRef = useTheme('Radio', 'Radio', style, radioLight, props, radio.mergedClsPrefix);
+        const themeRef = useTheme('Radio', '-radio', style, radioLight, props, radio.mergedClsPrefix);
         return Object.assign(radio, {
             cssVars: computed(() => {
                 const { mergedSize: { value: size } } = radio;

package/es/radio/src/RadioGroup.js

@@ -76,7 +76,7 @@ export default defineComponent({
         const selfElRef = ref(null);
         const { mergedSizeRef, mergedDisabledRef, nTriggerFormChange, nTriggerFormInput, nTriggerFormBlur, nTriggerFormFocus } = useFormItem(props);
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Radio', 'RadioGroup', style, radioLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Radio', '-radio-group', style, radioLight, props, mergedClsPrefixRef);
         const uncontrolledValueRef = ref(props.defaultValue);
         const controlledValueRef = toRef(props, 'value');
         const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);

package/es/rate/src/Rate.js

@@ -21,7 +21,7 @@ export default defineComponent({
     props: rateProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Rate', 'Rate', style, rateLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Rate', '-rate', style, rateLight, props, mergedClsPrefixRef);
         const controlledValueRef = toRef(props, 'value');
         const uncontrolledValueRef = ref(props.defaultValue);
         const hoverIndexRef = ref(null);

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

@@ -6,7 +6,7 @@ declare const resultProps: {
         default: string;
     };
     status: {
-        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
+        type: PropType<"500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418">;
         default: string;
     };
     title: StringConstructor;
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     status: {
-        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
+        type: PropType<"500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418">;
         default: string;
     };
     title: StringConstructor;
@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     status: {
-        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
+        type: PropType<"500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418">;
         default: string;
     };
     title: StringConstructor;
@@ -284,6 +284,6 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     size: "small" | "medium" | "large" | "huge";
-    status: "500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418";
+    status: "500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418";
 }>;
 export default _default;

package/es/result/src/Result.js

@@ -31,7 +31,7 @@ export default defineComponent({
     props: resultProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Result', 'Result', style, resultLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Result', '-result', style, resultLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/select/index.d.ts

@@ -1,3 +1,5 @@
 export { default as NSelect } from './src/Select';
 export type { SelectProps } from './src/Select';
 export type { SelectGroupOption, SelectOption, SelectInst } from './src/interface';
+export type { RenderLabelImpl as SelectRenderLabel, RenderOptionImpl as SelectRenderOption } from '../_internal/select-menu/src/interface';
+export type { RenderTag as SelectRenderTag } from '../_internal/selection/src/interface';

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

@@ -5,7 +5,7 @@ import { RenderLabel, RenderOption } from '../../_internal/select-menu/src/inter
 import { RenderTag } from '../../_internal/selection/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { defaultFilter } from './utils';
-import type { SelectMixedOption, SelectBaseOption, SelectGroupOption, SelectIgnoredOption, OnUpdateValue, Value, Size, ValueAtom } from './interface';
+import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, Size, ValueAtom } from './interface';
 declare const selectProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -37,7 +37,7 @@ declare const selectProps: {
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
     readonly filter: {
-        readonly type: PropType<(pattern: string, option: SelectBaseOption) => boolean>;
+        readonly type: PropType<(pattern: string, option: SelectOption) => boolean>;
         readonly default: typeof defaultFilter;
     };
     readonly placement: {
@@ -50,14 +50,14 @@ declare const selectProps: {
     };
     readonly tag: BooleanConstructor;
     readonly onCreate: {
-        readonly type: PropType<(label: string) => SelectBaseOption>;
+        readonly type: PropType<(label: string) => SelectOption>;
         readonly default: (label: string) => {
             label: string;
             value: string;
         };
     };
     readonly fallbackOption: {
-        readonly type: PropType<false | ((value: string | number) => SelectBaseOption)>;
+        readonly type: PropType<false | SelectFallbackOption>;
         readonly default: () => (value: string | number) => {
             label: string;
             value: string | number;
@@ -512,7 +512,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
     readonly filter: {
-        readonly type: PropType<(pattern: string, option: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>) => boolean>;
+        readonly type: PropType<(pattern: string, option: SelectOption) => boolean>;
         readonly default: typeof defaultFilter;
     };
     readonly placement: {
@@ -525,14 +525,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly tag: BooleanConstructor;
     readonly onCreate: {
-        readonly type: PropType<(label: string) => SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>>;
+        readonly type: PropType<(label: string) => SelectOption>;
         readonly default: (label: string) => {
             label: string;
             value: string;
         };
     };
     readonly fallbackOption: {
-        readonly type: PropType<false | ((value: string | number) => SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>)>;
+        readonly type: PropType<false | SelectFallbackOption>;
         readonly default: () => (value: string | number) => {
             label: string;
             value: string | number;
@@ -955,12 +955,14 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>>>;
 }, {
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
-    treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
+    treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectOption, SelectGroupOption, SelectIgnoredOption>>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
     triggerRef: import("vue").Ref<{
+        isCompositing: boolean;
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
@@ -968,7 +970,7 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     menuRef: import("vue").Ref<{
         selfRef: HTMLElement | null;
-        getPendingTmNode: () => 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)>> | null;
+        getPendingTmNode: () => TreeNode<import("./interface").SelectBaseOption<string | number, string | ((option: import("./interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("./interface").SelectBaseOption<string | number, string | ((option: import("./interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("./interface").SelectBaseOption<string | number, string | ((option: import("./interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
         prev: () => void;
         next: () => void;
     } | null>;
@@ -982,28 +984,29 @@ declare const _default: import("vue").DefineComponent<{
         syncPosition: () => void;
     } | null>;
     localizedPlaceholder: import("vue").ComputedRef<string>;
-    selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
-    selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+    selectedOption: import("vue").ComputedRef<SelectOption | null>;
+    selectedOptions: import("vue").ComputedRef<SelectOption[] | null>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     focused: import("vue").Ref<boolean>;
+    activeWithoutMenuOpen: import("vue").Ref<boolean>;
+    onTriggerInputFocus: () => void;
+    onTriggerInputBlur: () => void;
     handleMenuFocus: (e: FocusEvent) => void;
     handleMenuBlur: (e: FocusEvent) => void;
     handleMenuTabOut: () => void;
     handleTriggerClick: () => void;
-    handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
-    handleDeleteOption: (option: SelectBaseOption) => void;
+    handleToggle: (tmNode: TreeNode<SelectOption>) => void;
+    handleDeleteOption: (option: SelectOption) => void;
     handlePatternInput: (e: InputEvent) => void;
     handleClear: (e: MouseEvent) => void;
     handleTriggerBlur: (e: FocusEvent) => void;
     handleTriggerFocus: (e: FocusEvent) => void;
-    handleKeyDown: (e: KeyboardEvent) => void;
-    handleKeyUp: (e: KeyboardEvent) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
     syncPosition: () => void;
     handleMenuAfterLeave: () => void;
     handleMenuClickOutside: (e: MouseEvent) => void;
     handleMenuScroll: (e: Event) => void;
-    handleMenuKeyup: (e: KeyboardEvent) => void;
     handleMenuKeydown: (e: KeyboardEvent) => void;
     handleMenuMousedown: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
@@ -1314,7 +1317,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
     readonly filter: {
-        readonly type: PropType<(pattern: string, option: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>) => boolean>;
+        readonly type: PropType<(pattern: string, option: SelectOption) => boolean>;
         readonly default: typeof defaultFilter;
     };
     readonly placement: {
@@ -1327,14 +1330,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly tag: BooleanConstructor;
     readonly onCreate: {
-        readonly type: PropType<(label: string) => SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>>;
+        readonly type: PropType<(label: string) => SelectOption>;
         readonly default: (label: string) => {
             label: string;
             value: string;
         };
     };
     readonly fallbackOption: {
-        readonly type: PropType<false | ((value: string | number) => SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>)>;
+        readonly type: PropType<false | SelectFallbackOption>;
         readonly default: () => (value: string | number) => {
             label: string;
             value: string | number;
@@ -1758,26 +1761,26 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     tag: boolean;
-    filter: (pattern: string, option: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>) => boolean;
+    filter: (pattern: string, option: SelectOption) => boolean;
     show: boolean | undefined;
     multiple: boolean;
     disabled: boolean | undefined;
     to: string | boolean | HTMLElement;
+    options: SelectMixedOption[];
+    bordered: boolean | undefined;
     loading: boolean;
     placement: FollowerPlacement;
-    bordered: boolean | undefined;
     virtualScroll: boolean;
     resetMenuOnOptionsChange: boolean;
     showArrow: boolean;
     displayDirective: "show" | "if";
     filterable: boolean;
     clearable: boolean;
-    options: SelectMixedOption[];
     defaultValue: Value | null;
     remote: boolean;
     widthMode: string;
-    onCreate: (label: string) => SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>;
-    fallbackOption: false | ((value: string | number) => SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>);
+    onCreate: (label: string) => SelectOption;
+    fallbackOption: false | SelectFallbackOption;
     consistentMenuWidth: boolean;
 }>;
 export default _default;