naive-ui 2.18.1 → 2.19.2

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

@@ -6,7 +6,7 @@ import { RenderTag } from '../../_internal/selection/src/interface';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import { defaultFilter } from './utils';
-import type { SelectMixedOption, SelectBaseOption, SelectGroupOption, SelectIgnoredOption, OnUpdateValue, Value, Size } from './interface';
+import type { SelectMixedOption, SelectBaseOption, SelectGroupOption, SelectIgnoredOption, OnUpdateValue, Value, Size, ValueAtom } from './interface';
 declare const selectProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -90,6 +90,8 @@ declare const selectProps: {
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onSearch: PropType<MaybeArray<(value: string) => void> | undefined>;
+    readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     /** deprecated */
     readonly onChange: {
         readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -109,6 +111,14 @@ declare const selectProps: {
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -149,16 +159,9 @@ declare const selectProps: {
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -195,6 +198,7 @@ declare const selectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -231,6 +235,14 @@ declare const selectProps: {
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -271,16 +283,9 @@ declare const selectProps: {
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -317,6 +322,7 @@ declare const selectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -353,6 +359,14 @@ declare const selectProps: {
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -393,16 +407,9 @@ declare const selectProps: {
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -439,6 +446,7 @@ declare const selectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -556,6 +564,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onSearch: PropType<MaybeArray<(value: string) => void> | undefined>;
+    readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     /** deprecated */
     readonly onChange: {
         readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -575,6 +585,14 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -615,16 +633,9 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -661,6 +672,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -697,6 +709,14 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -737,16 +757,9 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -783,6 +796,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -819,6 +833,14 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -859,16 +881,9 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -905,6 +920,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -958,8 +974,8 @@ declare const _default: import("vue").DefineComponent<{
     uncontrolledShow: import("vue").Ref<boolean>;
     mergedShow: import("vue").ComputedRef<boolean>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    uncontrolledValue: import("vue").Ref<string[] | number[] | import("./interface").ValueAtom | import("./interface").ValueAtom[] | null>;
-    mergedValue: import("vue").ComputedRef<string[] | number[] | import("./interface").ValueAtom | import("./interface").ValueAtom[] | null>;
+    uncontrolledValue: import("vue").Ref<string[] | number[] | ValueAtom | ValueAtom[] | null>;
+    mergedValue: import("vue").ComputedRef<string[] | number[] | ValueAtom | ValueAtom[] | null>;
     followerRef: import("vue").Ref<{
         syncPosition: () => void;
     } | null>;
@@ -1093,6 +1109,14 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
                 borderRadius: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -1133,16 +1157,9 @@ declare const _default: import("vue").DefineComponent<{
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
-                heightTiny: string;
-                heightSmall: string;
-                heightMedium: string;
-                heightLarge: string;
-                fontSizeTiny: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -1179,6 +1196,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1291,6 +1309,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onFocus?: unknown;
     readonly onScroll?: unknown;
     readonly onSearch?: unknown;
+    readonly onUpdateShow?: unknown;
+    readonly 'onUpdate:show'?: unknown;
     readonly onChange?: unknown;
     readonly items?: unknown;
     readonly displayDirective?: unknown;
@@ -1330,6 +1350,14 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -1370,16 +1398,9 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1416,6 +1437,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1452,6 +1474,14 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -1492,16 +1522,9 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1538,6 +1561,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1574,6 +1598,14 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
             borderRadius: string;
             textColor: string;
             textColorDisabled: string;
@@ -1614,16 +1646,9 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1660,6 +1685,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1696,6 +1722,8 @@ declare const _default: import("vue").DefineComponent<{
     bordered?: boolean | undefined;
     renderLabel?: RenderLabel | undefined;
     renderOption?: RenderOption | undefined;
+    "onUpdate:show"?: MaybeArray<(value: boolean) => void> | undefined;
+    onUpdateShow?: MaybeArray<(value: boolean) => void> | undefined;
     onClear?: MaybeArray<() => void> | undefined;
     renderTag?: RenderTag | undefined;
     maxTagCount?: number | "responsive" | undefined;

package/lib/select/src/Select.js

@@ -59,7 +59,7 @@ const selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
         default: true
     }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], 
     // for jsx
-    onUpdateValue: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], onSearch: [Function, Array], 
+    onUpdateValue: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], onSearch: [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:show': [Function, Array], 
     /** deprecated */
     onChange: {
         type: [Function, Array],
@@ -139,68 +139,60 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
         });
+        function getMergedOptions(values) {
+            const remote = props.remote;
+            const { value: memoValOptMap } = memoValOptMapRef;
+            const { value: valOptMap } = valOptMapRef;
+            const { value: wrappedFallbackOption } = wrappedFallbackOptionRef;
+            const options = [];
+            values.forEach((value) => {
+                if (valOptMap.has(value)) {
+                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    options.push(valOptMap.get(value));
+                }
+                else if (remote && memoValOptMap.has(value)) {
+                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    options.push(memoValOptMap.get(value));
+                }
+                else if (wrappedFallbackOption) {
+                    const option = wrappedFallbackOption(value);
+                    if (option) {
+                        options.push(option);
+                    }
+                }
+            });
+            return options;
+        }
         const selectedOptionsRef = (0, vue_1.computed)(() => {
             if (props.multiple) {
                 const { value: values } = mergedValueRef;
                 if (!Array.isArray(values))
                     return [];
-                const remote = props.remote;
-                const { value: memoValOptMap } = memoValOptMapRef;
-                const { value: valOptMap } = valOptMapRef;
-                const { value: wrappedFallbackOption } = wrappedFallbackOptionRef;
-                const options = [];
-                values.forEach((value) => {
-                    if (valOptMap.has(value)) {
-                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                        options.push(valOptMap.get(value));
-                    }
-                    else if (remote && memoValOptMap.has(value)) {
-                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                        options.push(memoValOptMap.get(value));
-                    }
-                    else if (wrappedFallbackOption) {
-                        const option = wrappedFallbackOption(value);
-                        if (option) {
-                            options.push(option);
-                        }
-                    }
-                });
-                return options;
+                return getMergedOptions(values);
             }
             return null;
         });
         const selectedOptionRef = (0, vue_1.computed)(() => {
             const { value: mergedValue } = mergedValueRef;
             if (!props.multiple && !Array.isArray(mergedValue)) {
-                const { value: valOptMap } = valOptMapRef;
-                const { value: wrappedFallbackOption } = wrappedFallbackOptionRef;
                 if (mergedValue === null)
                     return null;
-                let selectedOption = null;
-                if (valOptMap.has(mergedValue)) {
-                    selectedOption = valOptMap.get(mergedValue);
-                }
-                else if (props.remote) {
-                    selectedOption = memoValOptMapRef.value.get(mergedValue);
-                }
-                return (selectedOption ||
-                    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-                    (wrappedFallbackOption && wrappedFallbackOption(mergedValue)) ||
-                    null);
+                return getMergedOptions([mergedValue])[0] || null;
             }
             return null;
         });
         const formItem = (0, _mixins_1.useFormItem)(props);
         const { mergedSizeRef, mergedDisabledRef } = formItem;
-        function doUpdateValue(value) {
+        function doUpdateValue(value, option) {
             const { onChange, 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
             const { nTriggerFormChange, nTriggerFormInput } = formItem;
             if (onChange)
-                (0, _utils_1.call)(onChange, value);
+                (0, _utils_1.call)(onChange, value, option);
             if (onUpdateValue)
-                (0, _utils_1.call)(onUpdateValue, value);
-            if (_onUpdateValue)
-                (0, _utils_1.call)(_onUpdateValue, value);
+                (0, _utils_1.call)(onUpdateValue, value, option);
+            if (_onUpdateValue) {
+                (0, _utils_1.call)(_onUpdateValue, value, option);
+            }
             uncontrolledValueRef.value = value;
             nTriggerFormChange();
             nTriggerFormInput();
@@ -254,9 +246,18 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         // menu related methods
+        function doUpdateShow(value) {
+            const { onUpdateShow, 'onUpdate:show': _onUpdateShow } = props;
+            if (onUpdateShow)
+                (0, _utils_1.call)(onUpdateShow, value);
+            if (_onUpdateShow)
+                (0, _utils_1.call)(_onUpdateShow, value);
+            uncontrolledShowRef.value = value;
+        }
         function openMenu() {
             if (!mergedDisabledRef.value) {
                 patternRef.value = '';
+                doUpdateShow(true);
                 uncontrolledShowRef.value = true;
                 if (props.filterable) {
                     focusSelectionInput();
@@ -264,7 +265,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function closeMenu() {
-            uncontrolledShowRef.value = false;
+            doUpdateShow(false);
         }
         function handleMenuLeave() {
             patternRef.value = '';
@@ -377,8 +378,7 @@ exports.default = (0, vue_1.defineComponent)({
                     changedValue.push(option.value);
                     patternRef.value = '';
                 }
-                focusSelectionInput();
-                doUpdateValue(changedValue);
+                doUpdateValue(changedValue, getMergedOptions(changedValue));
             }
             else {
                 if (tag && !remote) {
@@ -394,7 +394,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
                 focusSelection();
                 closeMenu();
-                doUpdateValue(option.value);
+                doUpdateValue(option.value, option);
             }
         }
         function getCreatedOptionIndex(optionValue) {
@@ -432,10 +432,10 @@ exports.default = (0, vue_1.defineComponent)({
             }
             doClear();
             if (multiple) {
-                doUpdateValue([]);
+                doUpdateValue([], []);
             }
             else {
-                doUpdateValue(null);
+                doUpdateValue(null, null);
             }
         }
         function handleMenuMousedown(e) {
@@ -449,7 +449,7 @@ exports.default = (0, vue_1.defineComponent)({
         // keyboard events
         // also for menu keyup
         function handleKeyUp(e) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             switch (e.code) {
                 case 'Space':
                     if (props.filterable)
@@ -458,12 +458,11 @@ exports.default = (0, vue_1.defineComponent)({
                 case 'Enter':
                 case 'NumpadEnter':
                     if (mergedShowRef.value) {
-                        const menu = menuRef.value;
-                        const pendingOptionData = menu === null || menu === void 0 ? void 0 : menu.getPendingTmNode();
-                        if (pendingOptionData) {
-                            handleToggleByTmNode(pendingOptionData);
+                        const pendingTmNode = (_a = menuRef.value) === null || _a === void 0 ? void 0 : _a.getPendingTmNode();
+                        if (pendingTmNode) {
+                            handleToggleByTmNode(pendingTmNode);
                         }
-                        else {
+                        else if (!props.filterable) {
                             closeMenu();
                             focusSelection();
                         }
@@ -477,14 +476,14 @@ exports.default = (0, vue_1.defineComponent)({
                     if (props.loading)
                         return;
                     if (mergedShowRef.value) {
-                        (_a = menuRef.value) === null || _a === void 0 ? void 0 : _a.prev();
+                        (_b = menuRef.value) === null || _b === void 0 ? void 0 : _b.prev();
                     }
                     break;
                 case 'ArrowDown':
                     if (props.loading)
                         return;
                     if (mergedShowRef.value) {
-                        (_b = menuRef.value) === null || _b === void 0 ? void 0 : _b.next();
+                        (_c = menuRef.value) === null || _c === void 0 ? void 0 : _c.next();
                     }
                     else {
                         openMenu();
@@ -492,7 +491,7 @@ exports.default = (0, vue_1.defineComponent)({
                     break;
                 case 'Escape':
                     closeMenu();
-                    (_c = triggerRef.value) === null || _c === void 0 ? void 0 : _c.focus();
+                    (_d = triggerRef.value) === null || _d === void 0 ? void 0 : _d.focus();
                     break;
             }
         }

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

@@ -31,8 +31,8 @@ export interface SelectIgnoredOption {
 }
 export declare type ValueAtom = string | number;
 export declare type Value = ValueAtom | string[] | number[] | ValueAtom[];
-export declare type OnUpdateValue = (value: string & number & ValueAtom & string[] & number[] & ValueAtom[] & (ValueAtom | null) & (string[] | null) & (number[] | null) & (ValueAtom[] | null)) => void;
-export declare type OnUpdateValueImpl = (value: ValueAtom | string[] | number[] | ValueAtom[] | (ValueAtom | null) | (string[] | null) | (number[] | null) | (ValueAtom[] | null)) => void;
+export declare type OnUpdateValue = (value: string & number & ValueAtom & string[] & number[] & ValueAtom[] & (ValueAtom | null) & (string[] | null) & (number[] | null) & (ValueAtom[] | null), option: SelectBaseOption & null & SelectBaseOption[]) => void;
+export declare type OnUpdateValueImpl = (value: ValueAtom | string[] | number[] | ValueAtom[] | (ValueAtom | null) | (string[] | null) | (number[] | null) | (ValueAtom[] | null), option: SelectBaseOption | null | SelectBaseOption[]) => void;
 export declare type SelectTreeMate = TreeMate<SelectBaseOption, SelectGroupOption, SelectIgnoredOption>;
 export declare type Size = 'small' | 'medium' | 'large';
 export declare type SelectOption = SelectBaseOption<string | number>;