element-plus 2.3.8 → 2.3.9

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.8 */
+/*! Element Plus v2.3.9 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9258,7 +9258,7 @@
   };
   const namespaceContextKey = Symbol("namespaceContextKey");
   const useGetDerivedNamespace = (namespaceOverrides) => {
-    const derivedNamespace = namespaceOverrides || vue.inject(namespaceContextKey, vue.ref(defaultNamespace));
+    const derivedNamespace = namespaceOverrides || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(defaultNamespace)) : vue.ref(defaultNamespace));
     const namespace = vue.computed(() => {
       return vue.unref(derivedNamespace) || defaultNamespace;
     });
@@ -9957,7 +9957,7 @@
   const defaultInitialZIndex = 2e3;
   const zIndexContextKey = Symbol("zIndexContextKey");
   const useZIndex = (zIndexOverrides) => {
-    const zIndexInjection = zIndexOverrides || vue.inject(zIndexContextKey, void 0);
+    const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
     const initialZIndex = vue.computed(() => {
       const zIndexFromInjection = vue.unref(zIndexInjection);
       return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
@@ -11114,7 +11114,6 @@
     };
     vue.watch(wrapperRef, (el) => {
       if (el) {
-        el.setAttribute("role", "button");
         el.setAttribute("tabindex", "-1");
       }
     });
@@ -11247,7 +11246,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.3.8";
+  const version$1 = "2.3.9";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15044,7 +15043,7 @@
           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);
         }
       }
@@ -15875,10 +15874,11 @@
           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);
       };
       vue.onDeactivated(() => open.value && hide());
       expose({
@@ -16265,6 +16265,7 @@
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
           persistent: "",
+          role: "listbox",
           onBeforeShow: onSuggestionShow,
           onHide
         }, {
@@ -16718,7 +16719,6 @@
       const instance = vue.getCurrentInstance();
       const breadcrumbContext = vue.inject(breadcrumbKey, void 0);
       const ns = useNamespace("breadcrumb");
-      const { separator, separatorIcon } = vue.toRefs(breadcrumbContext);
       const router = instance.appContext.config.globalProperties.$router;
       const link = vue.ref();
       const onClick = () => {
@@ -16727,6 +16727,7 @@
         props.replace ? router.replace(props.to) : router.push(props.to);
       };
       return (_ctx, _cache) => {
+        var _a, _b;
         return vue.openBlock(), vue.createElementBlock("span", {
           class: vue.normalizeClass(vue.unref(ns).e("item"))
         }, [
@@ -16739,19 +16740,19 @@
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2),
-          vue.unref(separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+          ((_a = vue.unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("separator"))
           }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(separatorIcon))))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(breadcrumbContext).separatorIcon)))
             ]),
             _: 1
           }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("separator")),
             role: "presentation"
-          }, vue.toDisplayString(vue.unref(separator)), 3))
+          }, vue.toDisplayString((_b = vue.unref(breadcrumbContext)) == null ? void 0 : _b.separator), 3))
         ], 2);
       };
     }
@@ -22950,7 +22951,11 @@
           expandingNode.value = null;
         }
         oldNodes.forEach((node) => node.doCheck(false));
-        newNodes.forEach((node) => node.doCheck(true));
+        if (props.props.multiple) {
+          vue.reactive(newNodes).forEach((node) => node.doCheck(true));
+        } else {
+          newNodes.forEach((node) => node.doCheck(true));
+        }
         checkedNodes.value = newNodes;
         vue.nextTick(scrollToExpandingNode);
       };
@@ -23594,15 +23599,22 @@
           return;
         val ? handleFilter() : hideSuggestionPanel();
       };
+      const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
       vue.watch(filtering, updatePopperPosition);
       vue.watch([checkedNodes, isDisabled], calculatePresentTags);
       vue.watch(presentTags, () => {
         vue.nextTick(() => updateStyle());
       });
+      vue.watch(realSize, async () => {
+        await vue.nextTick();
+        const inputInner = input.value.input;
+        inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight;
+        updateStyle();
+      });
       vue.watch(presentText, syncPresentTextValue, { immediate: true });
       vue.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);
       });
@@ -23906,8 +23918,7 @@
     },
     align: {
       type: String,
-      values: RowAlign,
-      default: "top"
+      values: RowAlign
     }
   });
 
@@ -23935,7 +23946,7 @@
       const rowKls = vue.computed(() => [
         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 vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
@@ -24148,6 +24159,12 @@
     ...__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)
@@ -24162,19 +24179,20 @@
           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 = {};
@@ -24192,10 +24210,10 @@
           }
         },
         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) => {
@@ -26818,6 +26836,16 @@
       const footerVisible = vue.computed(() => {
         return showTime.value || selectionMode.value === "dates";
       });
+      const disabledConfirm = vue.computed(() => {
+        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);
@@ -26832,6 +26860,11 @@
           emit(result);
         }
       };
+      const disabledNow = vue.computed(() => {
+        if (!disabledDate)
+          return false;
+        return disabledDate(dayjs().locale(lang.value).toDate());
+      });
       const changeToNow = () => {
         const now = dayjs().locale(lang.value);
         const nowDate = now.toDate();
@@ -27254,26 +27287,28 @@
               text: "",
               size: "small",
               class: vue.normalizeClass(vue.unref(ppNs).e("link-btn")),
+              disabled: vue.unref(disabledNow),
               onClick: changeToNow
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.now")), 1)
               ]),
               _: 1
-            }, 8, ["class"]), [
+            }, 8, ["class", "disabled"]), [
               [vue.vShow, vue.unref(selectionMode) !== "dates"]
             ]),
             vue.createVNode(vue.unref(ElButton), {
               plain: "",
               size: "small",
               class: vue.normalizeClass(vue.unref(ppNs).e("link-btn")),
+              disabled: vue.unref(disabledConfirm),
               onClick: onConfirm
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 1)
               ]),
               _: 1
-            }, 8, ["class"])
+            }, 8, ["class", "disabled"])
           ], 2), [
             [vue.vShow, vue.unref(footerVisible) && currentView.value === "date"]
           ])
@@ -28768,14 +28803,8 @@
   const dialogInjectionKey = Symbol("dialogInjectionKey");
 
   const dialogContentProps = buildProps({
-    center: {
-      type: Boolean,
-      default: false
-    },
-    alignCenter: {
-      type: Boolean,
-      default: false
-    },
+    center: Boolean,
+    alignCenter: Boolean,
     closeIcon: {
       type: iconPropType
     },
@@ -28783,14 +28812,8 @@
       type: String,
       default: ""
     },
-    draggable: {
-      type: Boolean,
-      default: false
-    },
-    fullscreen: {
-      type: Boolean,
-      default: false
-    },
+    draggable: Boolean,
+    fullscreen: Boolean,
     showClose: {
       type: Boolean,
       default: true
@@ -28817,20 +28840,21 @@
       const { Close } = CloseComponents;
       const { dialogRef, headerRef, bodyId, ns, style } = vue.inject(dialogInjectionKey);
       const { focusTrapRef } = vue.inject(FOCUS_TRAP_INJECTION_KEY);
+      const dialogKls = vue.computed(() => [
+        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 = vue.computed(() => props.draggable);
       useDraggable(dialogRef, headerRef, draggable);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref: vue.unref(composedDialogRef),
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).is("fullscreen", _ctx.fullscreen),
-            vue.unref(ns).is("draggable", vue.unref(draggable)),
-            vue.unref(ns).is("align-center", _ctx.alignCenter),
-            { [vue.unref(ns).m("center")]: _ctx.center },
-            _ctx.customClass
-          ]),
+          class: vue.normalizeClass(vue.unref(dialogKls)),
           style: vue.normalizeStyle(vue.unref(style)),
           tabindex: "-1"
         }, [
@@ -28882,17 +28906,11 @@
 
   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
@@ -28920,10 +28938,7 @@
     top: {
       type: String
     },
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
+    modelValue: Boolean,
     modalClass: String,
     width: {
       type: [String, Number]
@@ -32210,6 +32225,8 @@
         "left-start"
       ] : [
         "right-start",
+        "right",
+        "right-end",
         "left-start",
         "bottom-start",
         "bottom-end",
@@ -33314,10 +33331,10 @@
       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");
@@ -33351,6 +33368,7 @@
     });
     const iconComponent = vue.computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
     const iconReverse = vue.computed(() => ns.is("reverse", iconComponent.value && states.visible && props.suffixTransition));
+    const showStatusIconAndState = vue.computed(() => (form == null ? void 0 : form.statusIcon) && (formItem == null ? void 0 : formItem.validateState) && ValidateComponentsMap[formItem == null ? void 0 : formItem.validateState]);
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -33444,7 +33462,6 @@
             props.remoteMethod("");
           }
         }
-        input.value && input.value.blur();
         states.query = "";
         states.previousQuery = null;
         states.selectedLabel = "";
@@ -33717,6 +33734,7 @@
         ctx.emit("remove-tag", tag.value);
       }
       event.stopPropagation();
+      focus();
     };
     const deleteSelected = (event) => {
       event.stopPropagation();
@@ -33732,6 +33750,7 @@
       states.hoverIndex = -1;
       states.visible = false;
       ctx.emit("clear");
+      focus();
     };
     const handleOptionSelect = (option) => {
       var _a;
@@ -33848,16 +33867,23 @@
       vue.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 = () => {
@@ -33867,15 +33893,13 @@
       (_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);
@@ -33891,7 +33915,6 @@
       }
     };
     const toggleMenu = (e) => {
-      var _a;
       if (e && !states.mouseEnter) {
         return;
       }
@@ -33903,9 +33926,7 @@
             states.visible = !states.visible;
           }
         }
-        if (states.visible) {
-          (_a = input.value || reference.value) == null ? void 0 : _a.focus();
-        }
+        focus();
       }
     };
     const selectOption = () => {
@@ -33962,6 +33983,10 @@
       deleteTag(event, tag);
       (_b = (_a = tagTooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
     };
+    const selectTagsStyle = vue.computed(() => ({
+      maxWidth: `${vue.unref(states.inputWidth) - 32 - (showStatusIconAndState.value ? 22 : 0)}px`,
+      width: "100%"
+    }));
     return {
       optionList,
       optionsArray,
@@ -33992,6 +34017,7 @@
       onOptionDestroy,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -34007,6 +34033,7 @@
       groupQueryChange,
       showTagList,
       collapseTagList,
+      selectTagsStyle,
       reference,
       input,
       iOSInput,
@@ -34226,6 +34253,7 @@
         onOptionDestroy,
         handleMenuEnter,
         handleFocus,
+        focus,
         blur,
         handleBlur,
         handleClearClick,
@@ -34250,9 +34278,9 @@
         handleMouseEnter,
         handleMouseLeave,
         showTagList,
-        collapseTagList
+        collapseTagList,
+        selectTagsStyle
       } = useSelect$3(props, states, ctx);
-      const { focus } = useFocus(reference);
       const {
         inputWidth,
         selected,
@@ -34303,10 +34331,6 @@
       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` };
@@ -34410,6 +34434,7 @@
         handleComposition,
         handleMenuEnter,
         handleFocus,
+        focus,
         blur,
         handleBlur,
         handleClearClick,
@@ -34420,7 +34445,6 @@
         getValueKey,
         navigateOptions,
         dropMenuVisible,
-        focus,
         reference,
         input,
         iOSInput,
@@ -34463,9 +34487,9 @@
     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",
@@ -34487,14 +34511,16 @@
         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,
@@ -34663,7 +34689,7 @@
               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,
@@ -34682,11 +34708,11 @@
               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(() => [
@@ -41654,6 +41680,12 @@
       type: Boolean,
       default: false
     },
+    inactiveActionIcon: {
+      type: iconPropType
+    },
+    activeActionIcon: {
+      type: iconPropType
+    },
     activeIcon: {
       type: iconPropType
     },
@@ -41929,7 +41961,17 @@
                   vue.createVNode(vue.unref(loading_default))
                 ]),
                 _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              }, 8, ["class"])) : _ctx.activeActionIcon && vue.unref(checked) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeActionIcon)))
+                ]),
+                _: 1
+              })) : _ctx.inactiveActionIcon && !vue.unref(checked) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 2 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveActionIcon)))
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("v-if", true)
             ], 2)
           ], 6),
           !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -44462,8 +44504,16 @@
       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;
@@ -46075,6 +46125,7 @@
         "label",
         "filters",
         "filterMultiple",
+        "filteredValue",
         "sortable",
         "index",
         "formatter",