@element-plus/nightly 0.0.20240114 → 0.0.20240116

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240114 */
+/*! Element Plus v0.0.20240116 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8695,8 +8695,6 @@
   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"];
@@ -11565,7 +11563,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240114";
+  const version$1 = "0.0.20240116";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13867,7 +13865,7 @@
 
   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 = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -14265,6 +14263,8 @@
               ref: textarea,
               class: vue.unref(nsTextarea).e("inner")
             }, vue.unref(attrs), {
+              minlength: _ctx.minlength,
+              maxlength: _ctx.maxlength,
               tabindex: _ctx.tabindex,
               disabled: vue.unref(inputDisabled),
               readonly: _ctx.readonly,
@@ -16416,7 +16416,7 @@
       const activated = vue.ref(false);
       const suggestionDisabled = vue.ref(false);
       const loading = vue.ref(false);
-      const listboxId = vue.computed(() => ns.b(String(generateId())));
+      const listboxId = useId();
       const styles = vue.computed(() => rawAttrs.style);
       const suggestionVisible = vue.computed(() => {
         const isValidData = suggestions.value.length > 0;
@@ -21903,7 +21903,7 @@
       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);
@@ -22855,14 +22855,14 @@
       const instance = vue.getCurrentInstance();
       const ns = useNamespace("cascader-menu");
       const { t } = useLocale();
-      const id = generateId();
+      const id = useId();
       let activeNode = null;
       let hoverTimer = null;
       const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
       const hoverZone = vue.ref(null);
       const isEmpty = vue.computed(() => !props.nodes.length);
       const isLoading = vue.computed(() => !panel.initialLoaded);
-      const menuId = vue.computed(() => `cascader-menu-${id}-${props.index}`);
+      const menuId = vue.computed(() => `${id.value}-${props.index}`);
       const handleExpand = (e) => {
         activeNode = e.target;
       };
@@ -24652,17 +24652,23 @@
     },
     name: {
       type: definePropType([String, Number]),
-      default: () => generateId()
+      default: void 0
     },
     disabled: Boolean
   });
 
   const useCollapseItem = (props) => {
     const collapse = vue.inject(collapseContextKey);
+    const { namespace } = useNamespace("collapse");
     const focusing = vue.ref(false);
     const isClick = vue.ref(false);
-    const id = vue.ref(generateId());
-    const isActive = vue.computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
+    const idInjection = useIdInjection();
+    const id = vue.computed(() => idInjection.current++);
+    const name = vue.computed(() => {
+      var _a;
+      return (_a = props.name) != null ? _a : `${namespace.value}-id-${idInjection.prefix}-${vue.unref(id)}`;
+    });
+    const isActive = vue.computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(vue.unref(name)));
     const handleFocus = () => {
       setTimeout(() => {
         if (!isClick.value) {
@@ -24675,12 +24681,12 @@
     const handleHeaderClick = () => {
       if (props.disabled)
         return;
-      collapse == null ? void 0 : collapse.handleItemClick(props.name);
+      collapse == null ? void 0 : collapse.handleItemClick(vue.unref(name));
       focusing.value = false;
       isClick.value = true;
     };
     const handleEnterClick = () => {
-      collapse == null ? void 0 : collapse.handleItemClick(props.name);
+      collapse == null ? void 0 : collapse.handleItemClick(vue.unref(name));
     };
     return {
       focusing,
@@ -31427,8 +31433,7 @@
       default: 7
     },
     crossorigin: {
-      type: definePropType(String),
-      default: "anonymous"
+      type: definePropType(String)
     }
   });
   const imageViewerEmits = {
@@ -31465,7 +31470,6 @@
       const imgRefs = vue.ref([]);
       const scopeEventListener = vue.effectScope();
       const loading = vue.ref(true);
-      const crossorigin = vue.ref(props.crossorigin);
       const activeIndex = vue.ref(props.initialIndex);
       const mode = vue.shallowRef(modes.CONTAIN);
       const transform = vue.ref({
@@ -31804,7 +31808,7 @@
                       src: url,
                       style: vue.normalizeStyle(vue.unref(imgStyle)),
                       class: vue.normalizeClass(vue.unref(ns).e("img")),
-                      crossorigin: crossorigin.value,
+                      crossorigin: _ctx.crossorigin,
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
@@ -31907,7 +31911,6 @@
       const rawAttrs = vue.useAttrs();
       const attrs = useAttrs();
       const imageSrc = vue.ref();
-      const crossorigin = vue.ref(props.crossorigin);
       const hasLoadError = vue.ref(false);
       const isLoading = vue.ref(true);
       const showViewer = vue.ref(false);
@@ -32059,7 +32062,7 @@
               loading: _ctx.loading,
               style: vue.unref(imageStyle),
               class: vue.unref(imageKls),
-              crossorigin: crossorigin.value,
+              crossorigin: _ctx.crossorigin,
               onClick: clickHandler,
               onLoad: handleLoad,
               onError: handleError
@@ -34011,6 +34014,7 @@
       selected: props.multiple ? [] : {},
       selectionWidth: 0,
       calculatorWidth: 0,
+      collapseItemWidth: 0,
       selectedLabel: "",
       hoveringIndex: -1,
       previousQuery: null,
@@ -34035,6 +34039,7 @@
     const suffixRef = vue.ref(null);
     const menuRef = vue.ref(null);
     const tagMenuRef = vue.ref(null);
+    const collapseItemRef = vue.ref(null);
     const scrollbarRef = vue.ref(null);
     const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
       afterFocus() {
@@ -34279,6 +34284,9 @@
     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);
@@ -34520,7 +34528,18 @@
         vue.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 = vue.computed(() => {
+      const gapWidth = getGapWidth();
+      const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+      return { maxWidth: `${maxWidth}px` };
+    });
+    const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
     const inputStyle = vue.computed(() => ({
@@ -34535,7 +34554,9 @@
     useResizeObserver(selectionRef, resetSelectionWidth);
     useResizeObserver(calculatorRef, resetCalculatorWidth);
     useResizeObserver(menuRef, updateTooltip);
+    useResizeObserver(wrapperRef, updateTooltip);
     useResizeObserver(tagMenuRef, updateTagTooltip);
+    useResizeObserver(collapseItemRef, resetCollapseItemWidth);
     vue.onMounted(() => {
       setSelected();
     });
@@ -34596,6 +34617,7 @@
       showTagList,
       collapseTagList,
       tagStyle,
+      collapseTagStyle,
       inputStyle,
       popperRef,
       inputRef,
@@ -34609,7 +34631,8 @@
       selectionRef,
       scrollbarRef,
       menuRef,
-      tagMenuRef
+      tagMenuRef,
+      collapseItemRef
     };
   };
 
@@ -34884,6 +34907,7 @@
                   }, {
                     default: vue.withCtx(() => [
                       vue.createElementVNode("div", {
+                        ref: "collapseItemRef",
                         class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
                       }, [
                         vue.createVNode(_component_el_tag, {
@@ -34891,7 +34915,7 @@
                           size: _ctx.collapseTagSize,
                           type: _ctx.tagType,
                           "disable-transitions": "",
-                          style: vue.normalizeStyle(_ctx.tagStyle)
+                          style: vue.normalizeStyle(_ctx.collapseTagStyle)
                         }, {
                           default: vue.withCtx(() => [
                             vue.createElementVNode("span", {
@@ -39078,7 +39102,7 @@
         }
       };
       return () => {
-        var _a;
+        var _a, _b, _c;
         const {
           data,
           width
@@ -39099,7 +39123,7 @@
         const List = vue.unref(isSized) ? FixedSizeList$1 : DynamicSizeList$1;
         return vue.createVNode("div", {
           "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-        }, [vue.createVNode(List, vue.mergeProps({
+        }, [(_b = slots.header) == null ? void 0 : _b.call(slots), vue.createVNode(List, vue.mergeProps({
           "ref": listRef
         }, vue.unref(listProps), {
           "className": ns.be("dropdown", "list"),
@@ -39111,7 +39135,7 @@
           "onKeydown": onKeydown
         }), {
           default: (props2) => vue.createVNode(Item, props2, null)
-        })]);
+        }), (_c = slots.footer) == null ? void 0 : _c.call(slots)]);
       };
     }
   });
@@ -39209,6 +39233,7 @@
       inputHovering: false,
       selectionWidth: 0,
       calculatorWidth: 0,
+      collapseItemWidth: 0,
       previousQuery: null,
       previousValue: void 0,
       selectedLabel: "",
@@ -39227,6 +39252,7 @@
     const suffixRef = vue.ref(null);
     const menuRef = vue.ref(null);
     const tagMenuRef = vue.ref(null);
+    const collapseItemRef = vue.ref(null);
     const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
       afterFocus() {
         if (props.automaticDropdown && !expanded.value) {
@@ -39325,7 +39351,18 @@
       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 = vue.computed(() => {
+      const gapWidth = getGapWidth();
+      const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+      return { maxWidth: `${maxWidth}px` };
+    });
+    const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
     const inputStyle = vue.computed(() => ({
@@ -39465,6 +39502,9 @@
     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);
@@ -39742,6 +39782,22 @@
         return;
       updateOptions();
     });
+    vue.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);
+        }
+      }
+    });
     vue.onMounted(() => {
       initStates();
     });
@@ -39749,7 +39805,9 @@
     useResizeObserver(selectionRef, resetSelectionWidth);
     useResizeObserver(calculatorRef, resetCalculatorWidth);
     useResizeObserver(menuRef, updateTooltip);
+    useResizeObserver(wrapperRef, updateTooltip);
     useResizeObserver(tagMenuRef, updateTagTooltip);
+    useResizeObserver(collapseItemRef, resetCollapseItemWidth);
     return {
       inputId,
       collapseTagSize,
@@ -39763,6 +39821,7 @@
       iconComponent,
       iconReverse,
       tagStyle,
+      collapseTagStyle,
       inputStyle,
       popperSize,
       dropdownMenuVisible,
@@ -39786,6 +39845,7 @@
       selectionRef,
       prefixRef,
       suffixRef,
+      collapseItemRef,
       popperRef,
       validateState,
       validateIcon,
@@ -39968,13 +40028,14 @@
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode("div", {
+                      ref: "collapseItemRef",
                       class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
                     }, [
                       vue.createVNode(_component_el_tag, {
                         closable: false,
                         size: _ctx.collapseTagSize,
                         type: _ctx.tagType,
-                        style: vue.normalizeStyle(_ctx.tagStyle),
+                        style: vue.normalizeStyle(_ctx.collapseTagStyle),
                         "disable-transitions": ""
                       }, {
                         default: vue.withCtx(() => [
@@ -40125,7 +40186,7 @@
             width: _ctx.popperSize,
             "hovering-index": _ctx.states.hoveringIndex,
             "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-          }, {
+          }, vue.createSlots({
             default: vue.withCtx((scope) => [
               vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
             ]),
@@ -40136,8 +40197,29 @@
                 }, vue.toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
               ])
             ]),
-            _: 3
-          }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+            _: 2
+          }, [
+            _ctx.$slots.header ? {
+              name: "header",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "header")
+                ], 2)
+              ])
+            } : void 0,
+            _ctx.$slots.footer ? {
+              name: "footer",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+                }, [
+                  vue.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"])
@@ -42229,54 +42311,6 @@
 
   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");
@@ -42504,112 +42538,45 @@
       }
     });
   }
-  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 = vue.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");
+    vue.render(vm, container);
+    vm.component.exposed.onOpen();
+    const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
+    removePopper = () => {
+      vue.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) {
@@ -44695,7 +44662,6 @@
     const parent = vue.inject(TABLE_INJECTION_KEY);
     const tooltipContent = vue.ref("");
     const tooltipTrigger = vue.ref(vue.h("div"));
-    const { nextZIndex } = useZIndex();
     const handleEvent = (event, row, name) => {
       var _a;
       const table = parent;
@@ -44777,7 +44743,7 @@
       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) => {
@@ -51559,10 +51525,19 @@
       }
     }
     _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();
@@ -51573,10 +51548,8 @@
           }
           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);