@element-plus/nightly 0.0.20230802 → 0.0.20230804

package/lib/components/color-picker/src/color-picker.vue.d.ts

@@ -1523,7 +1523,7 @@ declare const _default: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4476,7 +4476,7 @@ declare const _default: import("vue").DefineComponent<{
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -7724,7 +7724,7 @@ declare const _default: import("vue").DefineComponent<{
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/dropdown/index.d.ts

@@ -1175,7 +1175,7 @@ export declare const ElDropdown: import("element-plus/es/utils").SFCWithInstall<
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4128,7 +4128,7 @@ export declare const ElDropdown: import("element-plus/es/utils").SFCWithInstall<
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/dropdown/src/dropdown.vue.d.ts

@@ -1176,7 +1176,7 @@ declare const _default: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4129,7 +4129,7 @@ declare const _default: import("vue").DefineComponent<{
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/pagination/src/components/sizes.vue.d.ts

@@ -280,6 +280,7 @@ declare const _default: import("vue").DefineComponent<{
         handleComposition: (event: any) => void;
         handleMenuEnter: () => void;
         handleFocus: (event: FocusEvent) => void;
+        focus: () => void;
         blur: () => void;
         handleBlur: (event: FocusEvent) => void;
         handleClearClick: (event: Event) => void;
@@ -290,7 +291,6 @@ declare const _default: import("vue").DefineComponent<{
         getValueKey: (item: any) => any;
         navigateOptions: (direction: any) => void;
         dropMenuVisible: import("vue").WritableComputedRef<boolean>;
-        focus: () => void;
         reference: import("vue").Ref<import("vue").ComponentPublicInstance<{
             focus: () => void;
             blur: () => void;
@@ -1407,7 +1407,7 @@ declare const _default: import("vue").DefineComponent<{
                 onOpen: (event?: Event | undefined) => void;
                 onClose: (event?: Event | undefined) => void;
                 controlled: import("vue").ComputedRef<boolean>;
-                isFocusInsideContent: () => boolean | undefined;
+                isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
                 ElPopper: import("../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
                     readonly role: import("../../../../utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                 }, {
@@ -4360,7 +4360,7 @@ declare const _default: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("../../../../utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -7684,7 +7684,7 @@ declare const _default: import("vue").DefineComponent<{
                 onOpen: (event?: Event | undefined) => void;
                 onClose: (event?: Event | undefined) => void;
                 controlled: import("vue").ComputedRef<boolean>;
-                isFocusInsideContent: () => boolean | undefined;
+                isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
                 ElPopper: import("../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
                     readonly role: import("../../../../utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                 }, {
@@ -10637,7 +10637,7 @@ declare const _default: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("../../../../utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {

package/lib/components/popconfirm/index.d.ts

@@ -1154,7 +1154,7 @@ export declare const ElPopconfirm: import("element-plus/es/utils").SFCWithInstal
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4107,7 +4107,7 @@ export declare const ElPopconfirm: import("element-plus/es/utils").SFCWithInstal
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -7342,7 +7342,7 @@ export declare const ElPopconfirm: import("element-plus/es/utils").SFCWithInstal
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/popconfirm/src/popconfirm.vue.d.ts

@@ -1154,7 +1154,7 @@ declare const _default: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4107,7 +4107,7 @@ declare const _default: import("vue").DefineComponent<{
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -7342,7 +7342,7 @@ declare const _default: import("vue").DefineComponent<{
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/popover/index.d.ts

@@ -1425,7 +1425,7 @@ export declare const ElPopover: import("element-plus/es/utils").SFCWithInstall<i
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4378,7 +4378,7 @@ export declare const ElPopover: import("element-plus/es/utils").SFCWithInstall<i
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -7384,7 +7384,7 @@ export declare const ElPopover: import("element-plus/es/utils").SFCWithInstall<i
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/popover/src/popover.vue.d.ts

@@ -1424,7 +1424,7 @@ declare const _default: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4377,7 +4377,7 @@ declare const _default: import("vue").DefineComponent<{
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -7383,7 +7383,7 @@ declare const _default: import("vue").DefineComponent<{
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/select/index.d.ts

@@ -146,6 +146,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     handleComposition: (event: any) => void;
     handleMenuEnter: () => void;
     handleFocus: (event: FocusEvent) => void;
+    focus: () => void;
     blur: () => void;
     handleBlur: (event: FocusEvent) => void;
     handleClearClick: (event: Event) => void;
@@ -156,7 +157,6 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     getValueKey: (item: any) => any;
     navigateOptions: (direction: any) => void;
     dropMenuVisible: import("vue").WritableComputedRef<boolean>;
-    focus: () => void;
     reference: import("vue").Ref<import("vue").ComponentPublicInstance<{
         focus: () => void;
         blur: () => void;
@@ -1273,7 +1273,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4226,7 +4226,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -7550,7 +7550,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -10503,7 +10503,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {

package/lib/components/select/src/select.js

@@ -29,7 +29,6 @@ var tag = require('../../tag/src/tag.js');
 var event = require('../../../constants/event.js');
 var index$6 = require('../../../hooks/use-namespace/index.js');
 var index$7 = require('../../../hooks/use-locale/index.js');
-var index$8 = require('../../../hooks/use-focus/index.js');
 
 const COMPONENT_NAME = "ElSelect";
 const _sfc_main = vue.defineComponent({
@@ -191,6 +190,7 @@ const _sfc_main = vue.defineComponent({
       onOptionDestroy,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -215,9 +215,9 @@ const _sfc_main = vue.defineComponent({
       handleMouseEnter,
       handleMouseLeave,
       showTagList,
-      collapseTagList
+      collapseTagList,
+      selectTagsStyle
     } = useSelect.useSelect(props, states, ctx);
-    const { focus } = index$8.useFocus(reference);
     const {
       inputWidth,
       selected,
@@ -268,10 +268,6 @@ const _sfc_main = vue.defineComponent({
     const scrollbarKls = vue.computed(() => [
       nsSelect.is("empty", !props.allowCreate && Boolean(vue.unref(query)) && vue.unref(filteredOptionsCount) === 0)
     ]);
-    const selectTagsStyle = vue.computed(() => ({
-      maxWidth: `${vue.unref(inputWidth) - 32}px`,
-      width: "100%"
-    }));
     const tagTextStyle = vue.computed(() => {
       const maxWidth = vue.unref(inputWidth) > 123 ? vue.unref(inputWidth) - 123 : vue.unref(inputWidth) - 75;
       return { maxWidth: `${maxWidth}px` };
@@ -375,6 +371,7 @@ const _sfc_main = vue.defineComponent({
       handleComposition,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -385,7 +382,6 @@ const _sfc_main = vue.defineComponent({
       getValueKey,
       navigateOptions,
       dropMenuVisible,
-      focus,
       reference,
       input,
       iOSInput,
@@ -428,9 +424,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
     ref: "selectWrapper",
     class: vue.normalizeClass(_ctx.wrapperKls),
-    onMouseenter: _cache[21] || (_cache[21] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
-    onMouseleave: _cache[22] || (_cache[22] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
-    onClick: _cache[23] || (_cache[23] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+    onMouseenter: _cache[22] || (_cache[22] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
+    onMouseleave: _cache[23] || (_cache[23] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
+    onClick: _cache[24] || (_cache[24] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
   }, [
     vue.createVNode(_component_el_tooltip, {
       ref: "tooltipRef",
@@ -452,14 +448,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {
           class: "select-trigger",
-          onMouseenter: _cache[19] || (_cache[19] = ($event) => _ctx.inputHovering = true),
-          onMouseleave: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = false)
+          onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
+          onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
         }, [
           _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             ref: "tags",
+            tabindex: "-1",
             class: vue.normalizeClass(_ctx.tagsKls),
-            style: vue.normalizeStyle(_ctx.selectTagsStyle)
+            style: vue.normalizeStyle(_ctx.selectTagsStyle),
+            onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
           }, [
             _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createBlock(vue.Transition, {
               key: 0,
@@ -628,7 +626,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             id: _ctx.id,
             ref: "reference",
             modelValue: _ctx.selectedLabel,
-            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.selectedLabel = $event),
+            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
             type: "text",
             placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
             name: _ctx.name,
@@ -647,11 +645,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionupdate: _ctx.handleComposition,
             onCompositionend: _ctx.handleComposition,
             onKeydown: [
-              _cache[16] || (_cache[16] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-              _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+              _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+              _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
               vue.withKeys(vue.withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
               vue.withKeys(_ctx.handleKeydownEscape, ["esc"]),
-              _cache[18] || (_cache[18] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
+              _cache[19] || (_cache[19] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
             ]
           }, vue.createSlots({
             suffix: vue.withCtx(() => [