element-plus 2.3.8 → 2.3.9

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.8 */
+/*! Element Plus v2.3.9 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -9254,7 +9254,7 @@ const _bem = (namespace, block, blockSuffix, element, modifier) => {
 };
 const namespaceContextKey = Symbol("namespaceContextKey");
 const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || inject(namespaceContextKey, ref(defaultNamespace));
+  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
   const namespace = computed$1(() => {
     return unref(derivedNamespace) || defaultNamespace;
   });
@@ -9953,7 +9953,7 @@ const zIndex = ref(0);
 const defaultInitialZIndex = 2e3;
 const zIndexContextKey = Symbol("zIndexContextKey");
 const useZIndex = (zIndexOverrides) => {
-  const zIndexInjection = zIndexOverrides || inject(zIndexContextKey, void 0);
+  const zIndexInjection = zIndexOverrides || (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
   const initialZIndex = computed$1(() => {
     const zIndexFromInjection = unref(zIndexInjection);
     return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
@@ -11110,7 +11110,6 @@ function useFocusController(target, { afterFocus, afterBlur } = {}) {
   };
   watch(wrapperRef, (el) => {
     if (el) {
-      el.setAttribute("role", "button");
       el.setAttribute("tabindex", "-1");
     }
   });
@@ -11243,7 +11242,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.3.8";
+const version$1 = "2.3.9";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -15040,7 +15039,7 @@ const _sfc_main$26 = defineComponent({
         if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
           tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
         }
-        trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, trapOnFocus);
+        trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
         focusableStack.remove(focusLayer);
       }
     }
@@ -15871,10 +15870,11 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
         open.value = false;
       }
     });
-    const isFocusInsideContent = () => {
+    const isFocusInsideContent = (event) => {
       var _a, _b;
       const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
-      return popperContent && popperContent.contains(document.activeElement);
+      const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
+      return popperContent && popperContent.contains(activeElement);
     };
     onDeactivated(() => open.value && hide());
     expose({
@@ -16261,6 +16261,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
         trigger: "click",
         transition: `${unref(ns).namespace.value}-zoom-in-top`,
         persistent: "",
+        role: "listbox",
         onBeforeShow: onSuggestionShow,
         onHide
       }, {
@@ -16714,7 +16715,6 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
     const instance = getCurrentInstance();
     const breadcrumbContext = inject(breadcrumbKey, void 0);
     const ns = useNamespace("breadcrumb");
-    const { separator, separatorIcon } = toRefs(breadcrumbContext);
     const router = instance.appContext.config.globalProperties.$router;
     const link = ref();
     const onClick = () => {
@@ -16723,6 +16723,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
       props.replace ? router.replace(props.to) : router.push(props.to);
     };
     return (_ctx, _cache) => {
+      var _a, _b;
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(unref(ns).e("item"))
       }, [
@@ -16735,19 +16736,19 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2),
-        unref(separatorIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+        ((_a = unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (openBlock(), createBlock(unref(ElIcon), {
           key: 0,
           class: normalizeClass(unref(ns).e("separator"))
         }, {
           default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(unref(separatorIcon))))
+            (openBlock(), createBlock(resolveDynamicComponent(unref(breadcrumbContext).separatorIcon)))
           ]),
           _: 1
         }, 8, ["class"])) : (openBlock(), createElementBlock("span", {
           key: 1,
           class: normalizeClass(unref(ns).e("separator")),
           role: "presentation"
-        }, toDisplayString(unref(separator)), 3))
+        }, toDisplayString((_b = unref(breadcrumbContext)) == null ? void 0 : _b.separator), 3))
       ], 2);
     };
   }
@@ -22946,7 +22947,11 @@ const _sfc_main$1E = defineComponent({
         expandingNode.value = null;
       }
       oldNodes.forEach((node) => node.doCheck(false));
-      newNodes.forEach((node) => node.doCheck(true));
+      if (props.props.multiple) {
+        reactive(newNodes).forEach((node) => node.doCheck(true));
+      } else {
+        newNodes.forEach((node) => node.doCheck(true));
+      }
       checkedNodes.value = newNodes;
       nextTick(scrollToExpandingNode);
     };
@@ -23590,15 +23595,22 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
         return;
       val ? handleFilter() : hideSuggestionPanel();
     };
+    const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
     watch(filtering, updatePopperPosition);
     watch([checkedNodes, isDisabled], calculatePresentTags);
     watch(presentTags, () => {
       nextTick(() => updateStyle());
     });
+    watch(realSize, async () => {
+      await nextTick();
+      const inputInner = input.value.input;
+      inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight;
+      updateStyle();
+    });
     watch(presentText, syncPresentTextValue, { immediate: true });
     onMounted(() => {
       const inputInner = input.value.input;
-      const inputInnerHeight = Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
+      const inputInnerHeight = getInputInnerHeight(inputInner);
       inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
       useResizeObserver(inputInner, updateStyle);
     });
@@ -23902,8 +23914,7 @@ const rowProps = buildProps({
   },
   align: {
     type: String,
-    values: RowAlign,
-    default: "top"
+    values: RowAlign
   }
 });
 
@@ -23931,7 +23942,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     const rowKls = computed$1(() => [
       ns.b(),
       ns.is(`justify-${props.justify}`, props.justify !== "start"),
-      ns.is(`align-${props.align}`, props.align !== "top")
+      ns.is(`align-${props.align}`, !!props.align)
     ]);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
@@ -24144,6 +24155,12 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   ...__default__$_,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
+    const reset = (el) => {
+      el.style.maxHeight = "";
+      el.style.overflow = el.dataset.oldOverflow;
+      el.style.paddingTop = el.dataset.oldPaddingTop;
+      el.style.paddingBottom = el.dataset.oldPaddingBottom;
+    };
     const on = {
       beforeEnter(el) {
         if (!el.dataset)
@@ -24158,19 +24175,20 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
         el.dataset.oldOverflow = el.style.overflow;
         if (el.scrollHeight !== 0) {
           el.style.maxHeight = `${el.scrollHeight}px`;
-          el.style.paddingTop = el.dataset.oldPaddingTop;
-          el.style.paddingBottom = el.dataset.oldPaddingBottom;
         } else {
           el.style.maxHeight = 0;
-          el.style.paddingTop = el.dataset.oldPaddingTop;
-          el.style.paddingBottom = el.dataset.oldPaddingBottom;
         }
+        el.style.paddingTop = el.dataset.oldPaddingTop;
+        el.style.paddingBottom = el.dataset.oldPaddingBottom;
         el.style.overflow = "hidden";
       },
       afterEnter(el) {
         el.style.maxHeight = "";
         el.style.overflow = el.dataset.oldOverflow;
       },
+      enterCancelled(el) {
+        reset(el);
+      },
       beforeLeave(el) {
         if (!el.dataset)
           el.dataset = {};
@@ -24188,10 +24206,10 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
         }
       },
       afterLeave(el) {
-        el.style.maxHeight = "";
-        el.style.overflow = el.dataset.oldOverflow;
-        el.style.paddingTop = el.dataset.oldPaddingTop;
-        el.style.paddingBottom = el.dataset.oldPaddingBottom;
+        reset(el);
+      },
+      leaveCancelled(el) {
+        reset(el);
       }
     };
     return (_ctx, _cache) => {
@@ -26814,6 +26832,16 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     const footerVisible = computed$1(() => {
       return showTime.value || selectionMode.value === "dates";
     });
+    const disabledConfirm = computed$1(() => {
+      if (!disabledDate)
+        return false;
+      if (!props.parsedValue)
+        return true;
+      if (isArray$1(props.parsedValue)) {
+        return disabledDate(props.parsedValue[0].toDate());
+      }
+      return disabledDate(props.parsedValue.toDate());
+    });
     const onConfirm = () => {
       if (selectionMode.value === "dates") {
         emit(props.parsedValue);
@@ -26828,6 +26856,11 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         emit(result);
       }
     };
+    const disabledNow = computed$1(() => {
+      if (!disabledDate)
+        return false;
+      return disabledDate(dayjs().locale(lang.value).toDate());
+    });
     const changeToNow = () => {
       const now = dayjs().locale(lang.value);
       const nowDate = now.toDate();
@@ -27250,26 +27283,28 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             text: "",
             size: "small",
             class: normalizeClass(unref(ppNs).e("link-btn")),
+            disabled: unref(disabledNow),
             onClick: changeToNow
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(t)("el.datepicker.now")), 1)
             ]),
             _: 1
-          }, 8, ["class"]), [
+          }, 8, ["class", "disabled"]), [
             [vShow, unref(selectionMode) !== "dates"]
           ]),
           createVNode(unref(ElButton), {
             plain: "",
             size: "small",
             class: normalizeClass(unref(ppNs).e("link-btn")),
+            disabled: unref(disabledConfirm),
             onClick: onConfirm
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(t)("el.datepicker.confirm")), 1)
             ]),
             _: 1
-          }, 8, ["class"])
+          }, 8, ["class", "disabled"])
         ], 2), [
           [vShow, unref(footerVisible) && currentView.value === "date"]
         ])
@@ -28764,14 +28799,8 @@ const ElOverlay = Overlay$1;
 const dialogInjectionKey = Symbol("dialogInjectionKey");
 
 const dialogContentProps = buildProps({
-  center: {
-    type: Boolean,
-    default: false
-  },
-  alignCenter: {
-    type: Boolean,
-    default: false
-  },
+  center: Boolean,
+  alignCenter: Boolean,
   closeIcon: {
     type: iconPropType
   },
@@ -28779,14 +28808,8 @@ const dialogContentProps = buildProps({
     type: String,
     default: ""
   },
-  draggable: {
-    type: Boolean,
-    default: false
-  },
-  fullscreen: {
-    type: Boolean,
-    default: false
-  },
+  draggable: Boolean,
+  fullscreen: Boolean,
   showClose: {
     type: Boolean,
     default: true
@@ -28813,20 +28836,21 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     const { Close } = CloseComponents;
     const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
     const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
+    const dialogKls = computed$1(() => [
+      ns.b(),
+      ns.is("fullscreen", props.fullscreen),
+      ns.is("draggable", props.draggable),
+      ns.is("align-center", props.alignCenter),
+      { [ns.m("center")]: props.center },
+      props.customClass
+    ]);
     const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
     const draggable = computed$1(() => props.draggable);
     useDraggable(dialogRef, headerRef, draggable);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref: unref(composedDialogRef),
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).is("fullscreen", _ctx.fullscreen),
-          unref(ns).is("draggable", unref(draggable)),
-          unref(ns).is("align-center", _ctx.alignCenter),
-          { [unref(ns).m("center")]: _ctx.center },
-          _ctx.customClass
-        ]),
+        class: normalizeClass(unref(dialogKls)),
         style: normalizeStyle(unref(style)),
         tabindex: "-1"
       }, [
@@ -28878,17 +28902,11 @@ var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "dia
 
 const dialogProps = buildProps({
   ...dialogContentProps,
-  appendToBody: {
-    type: Boolean,
-    default: false
-  },
+  appendToBody: Boolean,
   beforeClose: {
     type: definePropType(Function)
   },
-  destroyOnClose: {
-    type: Boolean,
-    default: false
-  },
+  destroyOnClose: Boolean,
   closeOnClickModal: {
     type: Boolean,
     default: true
@@ -28916,10 +28934,7 @@ const dialogProps = buildProps({
   top: {
     type: String
   },
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
+  modelValue: Boolean,
   modalClass: String,
   width: {
     type: [String, Number]
@@ -32206,6 +32221,8 @@ var SubMenu = defineComponent({
       "left-start"
     ] : [
       "right-start",
+      "right",
+      "right-end",
       "left-start",
       "bottom-start",
       "bottom-end",
@@ -33310,10 +33327,10 @@ function useSelectStates(props) {
     menuVisibleOnFocus: false,
     isOnComposition: false,
     prefixWidth: 11,
-    mouseEnter: false
+    mouseEnter: false,
+    focused: false
   });
 }
-let ignoreFocusEvent = false;
 const useSelect$3 = (props, states, ctx) => {
   const { t } = useLocale();
   const ns = useNamespace("select");
@@ -33347,6 +33364,7 @@ const useSelect$3 = (props, states, ctx) => {
   });
   const iconComponent = computed$1(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
   const iconReverse = computed$1(() => ns.is("reverse", iconComponent.value && states.visible && props.suffixTransition));
+  const showStatusIconAndState = computed$1(() => (form == null ? void 0 : form.statusIcon) && (formItem == null ? void 0 : formItem.validateState) && ValidateComponentsMap[formItem == null ? void 0 : formItem.validateState]);
   const debounce$1 = computed$1(() => props.remote ? 300 : 0);
   const emptyText = computed$1(() => {
     if (props.loading) {
@@ -33440,7 +33458,6 @@ const useSelect$3 = (props, states, ctx) => {
           props.remoteMethod("");
         }
       }
-      input.value && input.value.blur();
       states.query = "";
       states.previousQuery = null;
       states.selectedLabel = "";
@@ -33713,6 +33730,7 @@ const useSelect$3 = (props, states, ctx) => {
       ctx.emit("remove-tag", tag.value);
     }
     event.stopPropagation();
+    focus();
   };
   const deleteSelected = (event) => {
     event.stopPropagation();
@@ -33728,6 +33746,7 @@ const useSelect$3 = (props, states, ctx) => {
     states.hoverIndex = -1;
     states.visible = false;
     ctx.emit("clear");
+    focus();
   };
   const handleOptionSelect = (option) => {
     var _a;
@@ -33844,16 +33863,23 @@ const useSelect$3 = (props, states, ctx) => {
     nextTick(() => scrollToOption(states.selected));
   };
   const handleFocus = (event) => {
-    if (!ignoreFocusEvent) {
+    if (!states.focused) {
       if (props.automaticDropdown || props.filterable) {
         if (props.filterable && !states.visible) {
           states.menuVisibleOnFocus = true;
         }
         states.visible = true;
       }
+      states.focused = true;
       ctx.emit("focus", event);
+    }
+  };
+  const focus = () => {
+    var _a, _b;
+    if (states.visible) {
+      (_a = input.value || reference.value) == null ? void 0 : _a.focus();
     } else {
-      ignoreFocusEvent = false;
+      (_b = reference.value) == null ? void 0 : _b.focus();
     }
   };
   const blur = () => {
@@ -33863,15 +33889,13 @@ const useSelect$3 = (props, states, ctx) => {
     (_c = (_b = iOSInput.value) == null ? void 0 : _b.blur) == null ? void 0 : _c.call(_b);
   };
   const handleBlur = (event) => {
-    setTimeout(() => {
-      var _a;
-      if ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent()) {
-        ignoreFocusEvent = true;
-        return;
-      }
-      states.visible && handleClose();
-      ctx.emit("blur", event);
-    });
+    var _a, _b, _c;
+    if (((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_b = tagTooltipRef.value) == null ? void 0 : _b.isFocusInsideContent(event)) || ((_c = selectWrapper.value) == null ? void 0 : _c.contains(event.relatedTarget))) {
+      return;
+    }
+    states.visible && handleClose();
+    states.focused = false;
+    ctx.emit("blur", event);
   };
   const handleClearClick = (event) => {
     deleteSelected(event);
@@ -33887,7 +33911,6 @@ const useSelect$3 = (props, states, ctx) => {
     }
   };
   const toggleMenu = (e) => {
-    var _a;
     if (e && !states.mouseEnter) {
       return;
     }
@@ -33899,9 +33922,7 @@ const useSelect$3 = (props, states, ctx) => {
           states.visible = !states.visible;
         }
       }
-      if (states.visible) {
-        (_a = input.value || reference.value) == null ? void 0 : _a.focus();
-      }
+      focus();
     }
   };
   const selectOption = () => {
@@ -33958,6 +33979,10 @@ const useSelect$3 = (props, states, ctx) => {
     deleteTag(event, tag);
     (_b = (_a = tagTooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
   };
+  const selectTagsStyle = computed$1(() => ({
+    maxWidth: `${unref(states.inputWidth) - 32 - (showStatusIconAndState.value ? 22 : 0)}px`,
+    width: "100%"
+  }));
   return {
     optionList,
     optionsArray,
@@ -33988,6 +34013,7 @@ const useSelect$3 = (props, states, ctx) => {
     onOptionDestroy,
     handleMenuEnter,
     handleFocus,
+    focus,
     blur,
     handleBlur,
     handleClearClick,
@@ -34003,6 +34029,7 @@ const useSelect$3 = (props, states, ctx) => {
     groupQueryChange,
     showTagList,
     collapseTagList,
+    selectTagsStyle,
     reference,
     input,
     iOSInput,
@@ -34222,6 +34249,7 @@ const _sfc_main$O = defineComponent({
       onOptionDestroy,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -34246,9 +34274,9 @@ const _sfc_main$O = defineComponent({
       handleMouseEnter,
       handleMouseLeave,
       showTagList,
-      collapseTagList
+      collapseTagList,
+      selectTagsStyle
     } = useSelect$3(props, states, ctx);
-    const { focus } = useFocus(reference);
     const {
       inputWidth,
       selected,
@@ -34299,10 +34327,6 @@ const _sfc_main$O = defineComponent({
     const scrollbarKls = computed$1(() => [
       nsSelect.is("empty", !props.allowCreate && Boolean(unref(query)) && unref(filteredOptionsCount) === 0)
     ]);
-    const selectTagsStyle = computed$1(() => ({
-      maxWidth: `${unref(inputWidth) - 32}px`,
-      width: "100%"
-    }));
     const tagTextStyle = computed$1(() => {
       const maxWidth = unref(inputWidth) > 123 ? unref(inputWidth) - 123 : unref(inputWidth) - 75;
       return { maxWidth: `${maxWidth}px` };
@@ -34406,6 +34430,7 @@ const _sfc_main$O = defineComponent({
       handleComposition,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -34416,7 +34441,6 @@ const _sfc_main$O = defineComponent({
       getValueKey,
       navigateOptions,
       dropMenuVisible,
-      focus,
       reference,
       input,
       iOSInput,
@@ -34459,9 +34483,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
     ref: "selectWrapper",
     class: 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] = 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] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
   }, [
     createVNode(_component_el_tooltip, {
       ref: "tooltipRef",
@@ -34483,14 +34507,16 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         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 ? (openBlock(), createElementBlock("div", {
             key: 0,
             ref: "tags",
+            tabindex: "-1",
             class: normalizeClass(_ctx.tagsKls),
-            style: normalizeStyle(_ctx.selectTagsStyle)
+            style: normalizeStyle(_ctx.selectTagsStyle),
+            onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
           }, [
             _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createBlock(Transition, {
               key: 0,
@@ -34659,7 +34685,7 @@ function _sfc_render$9(_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,
@@ -34678,11 +34704,11 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionupdate: _ctx.handleComposition,
             onCompositionend: _ctx.handleComposition,
             onKeydown: [
-              _cache[16] || (_cache[16] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-              _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+              _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+              _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
               withKeys(withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
               withKeys(_ctx.handleKeydownEscape, ["esc"]),
-              _cache[18] || (_cache[18] = withKeys(($event) => _ctx.visible = false, ["tab"]))
+              _cache[19] || (_cache[19] = withKeys(($event) => _ctx.visible = false, ["tab"]))
             ]
           }, createSlots({
             suffix: withCtx(() => [
@@ -41650,6 +41676,12 @@ const switchProps = buildProps({
     type: Boolean,
     default: false
   },
+  inactiveActionIcon: {
+    type: iconPropType
+  },
+  activeActionIcon: {
+    type: iconPropType
+  },
   activeIcon: {
     type: iconPropType
   },
@@ -41925,7 +41957,17 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                 createVNode(unref(loading_default))
               ]),
               _: 1
-            }, 8, ["class"])) : createCommentVNode("v-if", true)
+            }, 8, ["class"])) : _ctx.activeActionIcon && unref(checked) ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.activeActionIcon)))
+              ]),
+              _: 1
+            })) : _ctx.inactiveActionIcon && !unref(checked) ? (openBlock(), createBlock(unref(ElIcon), { key: 2 }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveActionIcon)))
+              ]),
+              _: 1
+            })) : createCommentVNode("v-if", true)
           ], 2)
         ], 6),
         !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (openBlock(), createElementBlock("span", {
@@ -44458,8 +44500,16 @@ function useEvents(props) {
     const range = document.createRange();
     range.setStart(cellChild, 0);
     range.setEnd(cellChild, cellChild.childNodes.length);
-    const rangeWidth = Math.round(range.getBoundingClientRect().width);
-    const rangeHeight = Math.round(range.getBoundingClientRect().height);
+    let rangeWidth = range.getBoundingClientRect().width;
+    let rangeHeight = range.getBoundingClientRect().height;
+    const offsetWidth = rangeWidth - Math.floor(rangeWidth);
+    if (offsetWidth < 1e-3) {
+      rangeWidth = Math.floor(rangeWidth);
+    }
+    const offsetHeight = rangeHeight - Math.floor(rangeHeight);
+    if (offsetHeight < 1e-3) {
+      rangeHeight = Math.floor(rangeHeight);
+    }
     const { top, left, right, bottom } = getPadding(cellChild);
     const horizontalPadding = left + right;
     const verticalPadding = top + bottom;
@@ -46071,6 +46121,7 @@ function useWatcher(owner, props_) {
       "label",
       "filters",
       "filterMultiple",
+      "filteredValue",
       "sortable",
       "index",
       "formatter",

package/dist/locale/af.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.8 */
+/*! Element Plus v2.3.9 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :