@element-plus/nightly 0.0.20240114 → 0.0.20240116

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20240114 */
+/*! Element Plus v0.0.20240116 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, 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, resolveDirective, camelize as camelize$1, createApp, shallowReactive, render } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, 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, resolveDirective, render, camelize as camelize$1, createApp, shallowReactive } from 'vue';
 
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {
@@ -8691,8 +8691,6 @@ const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
 const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
 const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
 
-const generateId = () => Math.floor(Math.random() * 1e4);
-
 const mutable = (val) => val;
 
 const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
@@ -11561,7 +11559,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20240114";
+const version$1 = "0.0.20240116";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -13863,7 +13861,7 @@ const inputEmits = {
 
 const _hoisted_1$14 = ["role"];
 const _hoisted_2$I = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-const _hoisted_3$i = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
+const _hoisted_3$i = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
 const __default__$1C = defineComponent({
   name: "ElInput",
   inheritAttrs: false
@@ -14261,6 +14259,8 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
             ref: textarea,
             class: unref(nsTextarea).e("inner")
           }, unref(attrs), {
+            minlength: _ctx.minlength,
+            maxlength: _ctx.maxlength,
             tabindex: _ctx.tabindex,
             disabled: unref(inputDisabled),
             readonly: _ctx.readonly,
@@ -16412,7 +16412,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
     const activated = ref(false);
     const suggestionDisabled = ref(false);
     const loading = ref(false);
-    const listboxId = computed$1(() => ns.b(String(generateId())));
+    const listboxId = useId();
     const styles = computed$1(() => rawAttrs.style);
     const suggestionVisible = computed$1(() => {
       const isValidData = suggestions.value.length > 0;
@@ -21899,7 +21899,7 @@ const useCheckboxModel = (props) => {
     set(val) {
       var _a, _b;
       if (isGroup.value && isArray$1(val)) {
-        isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value);
+        isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value) && val.length > model.value.length;
         isLimitExceeded.value === false && ((_b = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _b.call(checkboxGroup, val));
       } else {
         emit(UPDATE_MODEL_EVENT, val);
@@ -22851,14 +22851,14 @@ const _sfc_main$1K = defineComponent({
     const instance = getCurrentInstance();
     const ns = useNamespace("cascader-menu");
     const { t } = useLocale();
-    const id = generateId();
+    const id = useId();
     let activeNode = null;
     let hoverTimer = null;
     const panel = inject(CASCADER_PANEL_INJECTION_KEY);
     const hoverZone = ref(null);
     const isEmpty = computed$1(() => !props.nodes.length);
     const isLoading = computed$1(() => !panel.initialLoaded);
-    const menuId = computed$1(() => `cascader-menu-${id}-${props.index}`);
+    const menuId = computed$1(() => `${id.value}-${props.index}`);
     const handleExpand = (e) => {
       activeNode = e.target;
     };
@@ -24648,17 +24648,23 @@ const collapseItemProps = buildProps({
   },
   name: {
     type: definePropType([String, Number]),
-    default: () => generateId()
+    default: void 0
   },
   disabled: Boolean
 });
 
 const useCollapseItem = (props) => {
   const collapse = inject(collapseContextKey);
+  const { namespace } = useNamespace("collapse");
   const focusing = ref(false);
   const isClick = ref(false);
-  const id = ref(generateId());
-  const isActive = computed$1(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
+  const idInjection = useIdInjection();
+  const id = computed$1(() => idInjection.current++);
+  const name = computed$1(() => {
+    var _a;
+    return (_a = props.name) != null ? _a : `${namespace.value}-id-${idInjection.prefix}-${unref(id)}`;
+  });
+  const isActive = computed$1(() => collapse == null ? void 0 : collapse.activeNames.value.includes(unref(name)));
   const handleFocus = () => {
     setTimeout(() => {
       if (!isClick.value) {
@@ -24671,12 +24677,12 @@ const useCollapseItem = (props) => {
   const handleHeaderClick = () => {
     if (props.disabled)
       return;
-    collapse == null ? void 0 : collapse.handleItemClick(props.name);
+    collapse == null ? void 0 : collapse.handleItemClick(unref(name));
     focusing.value = false;
     isClick.value = true;
   };
   const handleEnterClick = () => {
-    collapse == null ? void 0 : collapse.handleItemClick(props.name);
+    collapse == null ? void 0 : collapse.handleItemClick(unref(name));
   };
   return {
     focusing,
@@ -31423,8 +31429,7 @@ const imageViewerProps = buildProps({
     default: 7
   },
   crossorigin: {
-    type: definePropType(String),
-    default: "anonymous"
+    type: definePropType(String)
   }
 });
 const imageViewerEmits = {
@@ -31461,7 +31466,6 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     const imgRefs = ref([]);
     const scopeEventListener = effectScope();
     const loading = ref(true);
-    const crossorigin = ref(props.crossorigin);
     const activeIndex = ref(props.initialIndex);
     const mode = shallowRef(modes.CONTAIN);
     const transform = ref({
@@ -31800,7 +31804,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                     src: url,
                     style: normalizeStyle(unref(imgStyle)),
                     class: normalizeClass(unref(ns).e("img")),
-                    crossorigin: crossorigin.value,
+                    crossorigin: _ctx.crossorigin,
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
@@ -31903,7 +31907,6 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     const rawAttrs = useAttrs$1();
     const attrs = useAttrs();
     const imageSrc = ref();
-    const crossorigin = ref(props.crossorigin);
     const hasLoadError = ref(false);
     const isLoading = ref(true);
     const showViewer = ref(false);
@@ -32055,7 +32058,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             loading: _ctx.loading,
             style: unref(imageStyle),
             class: unref(imageKls),
-            crossorigin: crossorigin.value,
+            crossorigin: _ctx.crossorigin,
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
@@ -34007,6 +34010,7 @@ const useSelect$3 = (props, emit) => {
     selected: props.multiple ? [] : {},
     selectionWidth: 0,
     calculatorWidth: 0,
+    collapseItemWidth: 0,
     selectedLabel: "",
     hoveringIndex: -1,
     previousQuery: null,
@@ -34031,6 +34035,7 @@ const useSelect$3 = (props, emit) => {
   const suffixRef = ref(null);
   const menuRef = ref(null);
   const tagMenuRef = ref(null);
+  const collapseItemRef = ref(null);
   const scrollbarRef = ref(null);
   const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
     afterFocus() {
@@ -34275,6 +34280,9 @@ const useSelect$3 = (props, emit) => {
   const resetCalculatorWidth = () => {
     states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
   };
+  const resetCollapseItemWidth = () => {
+    states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
+  };
   const updateTooltip = () => {
     var _a, _b;
     (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
@@ -34516,7 +34524,18 @@ const useSelect$3 = (props, emit) => {
       nextTick(() => scrollToOption(hoverOption.value));
     }
   };
+  const getGapWidth = () => {
+    if (!selectionRef.value)
+      return 0;
+    const style = window.getComputedStyle(selectionRef.value);
+    return Number.parseFloat(style.gap || "6px");
+  };
   const tagStyle = computed$1(() => {
+    const gapWidth = getGapWidth();
+    const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+    return { maxWidth: `${maxWidth}px` };
+  });
+  const collapseTagStyle = computed$1(() => {
     return { maxWidth: `${states.selectionWidth}px` };
   });
   const inputStyle = computed$1(() => ({
@@ -34531,7 +34550,9 @@ const useSelect$3 = (props, emit) => {
   useResizeObserver(selectionRef, resetSelectionWidth);
   useResizeObserver(calculatorRef, resetCalculatorWidth);
   useResizeObserver(menuRef, updateTooltip);
+  useResizeObserver(wrapperRef, updateTooltip);
   useResizeObserver(tagMenuRef, updateTagTooltip);
+  useResizeObserver(collapseItemRef, resetCollapseItemWidth);
   onMounted(() => {
     setSelected();
   });
@@ -34592,6 +34613,7 @@ const useSelect$3 = (props, emit) => {
     showTagList,
     collapseTagList,
     tagStyle,
+    collapseTagStyle,
     inputStyle,
     popperRef,
     inputRef,
@@ -34605,7 +34627,8 @@ const useSelect$3 = (props, emit) => {
     selectionRef,
     scrollbarRef,
     menuRef,
-    tagMenuRef
+    tagMenuRef,
+    collapseItemRef
   };
 };
 
@@ -34880,6 +34903,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: withCtx(() => [
                     createElementVNode("div", {
+                      ref: "collapseItemRef",
                       class: normalizeClass(_ctx.nsSelect.e("selected-item"))
                     }, [
                       createVNode(_component_el_tag, {
@@ -34887,7 +34911,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                         size: _ctx.collapseTagSize,
                         type: _ctx.tagType,
                         "disable-transitions": "",
-                        style: normalizeStyle(_ctx.tagStyle)
+                        style: normalizeStyle(_ctx.collapseTagStyle)
                       }, {
                         default: withCtx(() => [
                           createElementVNode("span", {
@@ -39074,7 +39098,7 @@ var ElSelectMenu = defineComponent({
       }
     };
     return () => {
-      var _a;
+      var _a, _b, _c;
       const {
         data,
         width
@@ -39095,7 +39119,7 @@ var ElSelectMenu = defineComponent({
       const List = unref(isSized) ? FixedSizeList$1 : DynamicSizeList$1;
       return createVNode("div", {
         "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-      }, [createVNode(List, mergeProps({
+      }, [(_b = slots.header) == null ? void 0 : _b.call(slots), createVNode(List, mergeProps({
         "ref": listRef
       }, unref(listProps), {
         "className": ns.be("dropdown", "list"),
@@ -39107,7 +39131,7 @@ var ElSelectMenu = defineComponent({
         "onKeydown": onKeydown
       }), {
         default: (props2) => createVNode(Item, props2, null)
-      })]);
+      }), (_c = slots.footer) == null ? void 0 : _c.call(slots)]);
     };
   }
 });
@@ -39205,6 +39229,7 @@ const useSelect$1 = (props, emit) => {
     inputHovering: false,
     selectionWidth: 0,
     calculatorWidth: 0,
+    collapseItemWidth: 0,
     previousQuery: null,
     previousValue: void 0,
     selectedLabel: "",
@@ -39223,6 +39248,7 @@ const useSelect$1 = (props, emit) => {
   const suffixRef = ref(null);
   const menuRef = ref(null);
   const tagMenuRef = ref(null);
+  const collapseItemRef = ref(null);
   const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
     afterFocus() {
       if (props.automaticDropdown && !expanded.value) {
@@ -39321,7 +39347,18 @@ const useSelect$1 = (props, emit) => {
     var _a;
     popperSize.value = ((_a = selectRef.value) == null ? void 0 : _a.offsetWidth) || 200;
   };
+  const getGapWidth = () => {
+    if (!selectionRef.value)
+      return 0;
+    const style = window.getComputedStyle(selectionRef.value);
+    return Number.parseFloat(style.gap || "6px");
+  };
   const tagStyle = computed$1(() => {
+    const gapWidth = getGapWidth();
+    const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+    return { maxWidth: `${maxWidth}px` };
+  });
+  const collapseTagStyle = computed$1(() => {
     return { maxWidth: `${states.selectionWidth}px` };
   });
   const inputStyle = computed$1(() => ({
@@ -39461,6 +39498,9 @@ const useSelect$1 = (props, emit) => {
   const resetCalculatorWidth = () => {
     states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
   };
+  const resetCollapseItemWidth = () => {
+    states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
+  };
   const updateTooltip = () => {
     var _a, _b;
     (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
@@ -39738,6 +39778,22 @@ const useSelect$1 = (props, emit) => {
       return;
     updateOptions();
   });
+  watchEffect(() => {
+    const { valueKey, options } = props;
+    const duplicateValue = /* @__PURE__ */ new Map();
+    for (const item of options) {
+      const optionValue = getValue(item);
+      let v = optionValue;
+      if (isObject$1(v)) {
+        v = get(optionValue, valueKey);
+      }
+      if (duplicateValue.get(v)) {
+        break;
+      } else {
+        duplicateValue.set(v, true);
+      }
+    }
+  });
   onMounted(() => {
     initStates();
   });
@@ -39745,7 +39801,9 @@ const useSelect$1 = (props, emit) => {
   useResizeObserver(selectionRef, resetSelectionWidth);
   useResizeObserver(calculatorRef, resetCalculatorWidth);
   useResizeObserver(menuRef, updateTooltip);
+  useResizeObserver(wrapperRef, updateTooltip);
   useResizeObserver(tagMenuRef, updateTagTooltip);
+  useResizeObserver(collapseItemRef, resetCollapseItemWidth);
   return {
     inputId,
     collapseTagSize,
@@ -39759,6 +39817,7 @@ const useSelect$1 = (props, emit) => {
     iconComponent,
     iconReverse,
     tagStyle,
+    collapseTagStyle,
     inputStyle,
     popperSize,
     dropdownMenuVisible,
@@ -39782,6 +39841,7 @@ const useSelect$1 = (props, emit) => {
     selectionRef,
     prefixRef,
     suffixRef,
+    collapseItemRef,
     popperRef,
     validateState,
     validateIcon,
@@ -39964,13 +40024,14 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", {
+                    ref: "collapseItemRef",
                     class: normalizeClass(_ctx.nsSelect.e("selected-item"))
                   }, [
                     createVNode(_component_el_tag, {
                       closable: false,
                       size: _ctx.collapseTagSize,
                       type: _ctx.tagType,
-                      style: normalizeStyle(_ctx.tagStyle),
+                      style: normalizeStyle(_ctx.collapseTagStyle),
                       "disable-transitions": ""
                     }, {
                       default: withCtx(() => [
@@ -40121,7 +40182,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           width: _ctx.popperSize,
           "hovering-index": _ctx.states.hoveringIndex,
           "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-        }, {
+        }, createSlots({
           default: withCtx((scope) => [
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
           ]),
@@ -40132,8 +40193,29 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               }, toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
             ])
           ]),
-          _: 3
-        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+          _: 2
+        }, [
+          _ctx.$slots.header ? {
+            name: "header",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+              }, [
+                renderSlot(_ctx.$slots, "header")
+              ], 2)
+            ])
+          } : void 0,
+          _ctx.$slots.footer ? {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+              }, [
+                renderSlot(_ctx.$slots, "footer")
+              ], 2)
+            ])
+          } : void 0
+        ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])
@@ -42225,54 +42307,6 @@ var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "switch.vue"]]
 
 const ElSwitch = withInstall(Switch);
 
-var matchHtmlRegExp = /["'&<>]/;
-var escapeHtml_1 = escapeHtml;
-function escapeHtml(string) {
-  var str = "" + string;
-  var match = matchHtmlRegExp.exec(str);
-  if (!match) {
-    return str;
-  }
-  var escape;
-  var html = "";
-  var index = 0;
-  var lastIndex = 0;
-  for (index = match.index; index < str.length; index++) {
-    switch (str.charCodeAt(index)) {
-      case 34:
-        escape = "&quot;";
-        break;
-      case 38:
-        escape = "&amp;";
-        break;
-      case 39:
-        escape = "&#39;";
-        break;
-      case 60:
-        escape = "&lt;";
-        break;
-      case 62:
-        escape = "&gt;";
-        break;
-      default:
-        continue;
-    }
-    if (lastIndex !== index) {
-      html += str.substring(lastIndex, index);
-    }
-    lastIndex = index + 1;
-    html += escape;
-  }
-  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
-}
-/*!
- * escape-html
- * Copyright(c) 2012-2013 TJ Holowaychuk
- * Copyright(c) 2015 Andreas Lubbe
- * Copyright(c) 2015 Tiancheng "Timothy" Gu
- * MIT Licensed
- */
-
 const getCell = function(event) {
   var _a;
   return (_a = event.target) == null ? void 0 : _a.closest("td");
@@ -42500,112 +42534,45 @@ function walkTreeNode(root, cb, childrenKey = "children", lazyKey = "hasChildren
     }
   });
 }
-let removePopper;
-function createTablePopper(parentNode, trigger, popperContent, nextZIndex, tooltipOptions) {
-  tooltipOptions = merge({
-    enterable: true,
-    showArrow: true
-  }, tooltipOptions);
-  const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
-  const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
-  function renderContent() {
-    const isLight = tooltipOptions.effect === "light";
-    const content2 = document.createElement("div");
-    content2.className = [
-      `${ns}-popper`,
-      isLight ? "is-light" : "is-dark",
-      tooltipOptions.popperClass || ""
-    ].join(" ");
-    popperContent = escapeHtml_1(popperContent);
-    content2.innerHTML = popperContent;
-    content2.style.zIndex = String(nextZIndex());
-    parentNode == null ? void 0 : parentNode.appendChild(content2);
-    return content2;
-  }
-  function renderArrow() {
-    const arrow = document.createElement("div");
-    arrow.className = `${ns}-popper__arrow`;
-    return arrow;
-  }
-  function togglePopperVisible(display) {
-    return {
-      name: "updateState",
-      enabled: true,
-      phase: "beforeWrite",
-      fn: ({ state }) => {
-        state.styles.popper.display = display;
-      },
-      requires: ["computeStyles"]
-    };
-  }
-  function showPopper() {
-    if (tooltipOptions.showAfter) {
-      popperInstance == null ? void 0 : popperInstance.setOptions({
-        modifiers: [togglePopperVisible("block")]
-      });
-    }
-    popperInstance == null ? void 0 : popperInstance.update();
+let removePopper = null;
+function createTablePopper(props, popperContent, trigger, table) {
+  if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
+    return;
   }
-  const triggerChanged = (removePopper == null ? void 0 : removePopper.trigger) !== trigger;
   removePopper == null ? void 0 : removePopper();
-  removePopper = () => {
-    try {
-      popperInstance && popperInstance.destroy();
-      content && (parentNode == null ? void 0 : parentNode.removeChild(content));
-      trigger.removeEventListener("mouseenter", onOpen);
-      trigger.removeEventListener("mouseleave", onClose);
-      scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
-      removePopper = void 0;
-    } catch (e) {
+  const parentNode = table == null ? void 0 : table.refs.tableWrapper;
+  const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
+  const popperOptions = {
+    strategy: "fixed",
+    ...props.popperOptions
+  };
+  const vm = createVNode(ElTooltip, {
+    content: popperContent,
+    virtualTriggering: true,
+    virtualRef: trigger,
+    appendTo: parentNode,
+    placement: "top",
+    transition: "none",
+    offset: 0,
+    hideAfter: 0,
+    ...props,
+    popperOptions,
+    onHide: () => {
+      removePopper == null ? void 0 : removePopper();
     }
+  });
+  vm.appContext = table.appContext;
+  const container = document.createElement("div");
+  render(vm, container);
+  vm.component.exposed.onOpen();
+  const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
+  removePopper = () => {
+    render(null, container);
+    scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
+    removePopper = null;
   };
   removePopper.trigger = trigger;
-  let popperInstance = null;
-  const { onOpen, onClose } = useDelayedToggle({
-    showAfter: tooltipOptions.showAfter,
-    hideAfter: tooltipOptions.hideAfter,
-    open: showPopper,
-    close: removePopper
-  });
-  const content = renderContent();
-  if (tooltipOptions.enterable) {
-    content.onmouseenter = onOpen;
-    content.onmouseleave = onClose;
-  }
-  const modifiers = [];
-  if (tooltipOptions.offset) {
-    modifiers.push({
-      name: "offset",
-      options: {
-        offset: [0, tooltipOptions.offset]
-      }
-    });
-  }
-  if (tooltipOptions.showArrow) {
-    const arrow = content.appendChild(renderArrow());
-    modifiers.push({
-      name: "arrow",
-      options: {
-        element: arrow,
-        padding: 10
-      }
-    });
-  }
-  if (tooltipOptions.showAfter && triggerChanged) {
-    modifiers.push(togglePopperVisible("none"));
-  }
-  const popperOptions = tooltipOptions.popperOptions || {};
-  popperInstance = yn(trigger, content, {
-    placement: tooltipOptions.placement || "top",
-    strategy: "fixed",
-    ...popperOptions,
-    modifiers: popperOptions.modifiers ? modifiers.concat(popperOptions.modifiers) : modifiers
-  });
-  trigger.addEventListener("mouseenter", onOpen);
-  trigger.addEventListener("mouseleave", onClose);
   scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
-  onOpen();
-  return popperInstance;
 }
 function getCurrentColumns(column) {
   if (column.children) {
@@ -44691,7 +44658,6 @@ function useEvents(props) {
   const parent = inject(TABLE_INJECTION_KEY);
   const tooltipContent = ref("");
   const tooltipTrigger = ref(h$1("div"));
-  const { nextZIndex } = useZIndex();
   const handleEvent = (event, row, name) => {
     var _a;
     const table = parent;
@@ -44773,7 +44739,7 @@ function useEvents(props) {
     const horizontalPadding = left + right;
     const verticalPadding = top + bottom;
     if (rangeWidth + horizontalPadding > cellChild.offsetWidth || rangeHeight + verticalPadding > cellChild.offsetHeight || cellChild.scrollWidth > cellChild.offsetWidth) {
-      createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, nextZIndex, tooltipOptions);
+      createTablePopper(tooltipOptions, cell.innerText || cell.textContent, cell, table);
     }
   };
   const handleCellMouseLeave = (event) => {
@@ -51555,10 +51521,19 @@ class TreeStore {
     }
   }
   _setCheckedKeys(key, leafOnly = false, checkedKeys) {
-    const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
+    const allNodes = this._getAllNodes().sort((a, b) => a.level - b.level);
     const cache = /* @__PURE__ */ Object.create(null);
     const keys = Object.keys(checkedKeys);
     allNodes.forEach((node) => node.setChecked(false, false));
+    const cacheCheckedChild = (node) => {
+      node.childNodes.forEach((child) => {
+        var _a;
+        cache[child.data[key]] = true;
+        if ((_a = child.childNodes) == null ? void 0 : _a.length) {
+          cacheCheckedChild(child);
+        }
+      });
+    };
     for (let i = 0, j = allNodes.length; i < j; i++) {
       const node = allNodes[i];
       const nodeKey = node.data[key].toString();
@@ -51569,10 +51544,8 @@ class TreeStore {
         }
         continue;
       }
-      let parent = node.parent;
-      while (parent && parent.level > 0) {
-        cache[parent.data[key]] = true;
-        parent = parent.parent;
+      if (node.childNodes.length) {
+        cacheCheckedChild(node);
       }
       if (node.isLeaf || this.checkStrictly) {
         node.setChecked(true, false);

package/dist/locale/af.js

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