element-plus 2.9.3 → 2.9.4

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.9.3 */
+/*! Element Plus v2.9.4 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.9.3";
+  const version$1 = "2.9.4";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13719,15 +13719,15 @@
   const ElFormItem = withNoopInstall(FormItem);
 
   let hiddenTextarea = void 0;
-  const HIDDEN_STYLE = `
-  height:0 !important;
-  visibility:hidden !important;
-  ${isFirefox() ? "" : "overflow:hidden !important;"}
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important;
-`;
+  const HIDDEN_STYLE = {
+    height: "0",
+    visibility: "hidden",
+    overflow: isFirefox() ? "" : "hidden",
+    position: "absolute",
+    "z-index": "-1000",
+    top: "0",
+    right: "0"
+  };
   const CONTEXT_STYLE = [
     "letter-spacing",
     "line-height",
@@ -13750,7 +13750,10 @@
     const boxSizing = style.getPropertyValue("box-sizing");
     const paddingSize = Number.parseFloat(style.getPropertyValue("padding-bottom")) + Number.parseFloat(style.getPropertyValue("padding-top"));
     const borderSize = Number.parseFloat(style.getPropertyValue("border-bottom-width")) + Number.parseFloat(style.getPropertyValue("border-top-width"));
-    const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
+    const contextStyle = CONTEXT_STYLE.map((name) => [
+      name,
+      style.getPropertyValue(name)
+    ]);
     return { contextStyle, paddingSize, borderSize, boxSizing };
   }
   function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
@@ -13760,7 +13763,8 @@
       document.body.appendChild(hiddenTextarea);
     }
     const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
-    hiddenTextarea.setAttribute("style", `${contextStyle};${HIDDEN_STYLE}`);
+    contextStyle.forEach(([key, value]) => hiddenTextarea == null ? void 0 : hiddenTextarea.style.setProperty(key, value));
+    Object.entries(HIDDEN_STYLE).forEach(([key, value]) => hiddenTextarea == null ? void 0 : hiddenTextarea.style.setProperty(key, value, "important"));
     hiddenTextarea.value = targetElement.value || targetElement.placeholder || "";
     let height = hiddenTextarea.scrollHeight;
     const result = {};
@@ -16636,6 +16640,9 @@
         inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
       };
       const stopHandle = onClickOutside(listboxRef, () => {
+        var _a;
+        if ((_a = popperRef.value) == null ? void 0 : _a.isFocusInsideContent())
+          return;
         suggestionVisible.value && close();
       });
       vue.onBeforeUnmount(() => {
@@ -19005,7 +19012,7 @@
       default: true
     }
   });
-  const timePickerRngeTriggerProps = buildProps({
+  const timePickerRangeTriggerProps = buildProps({
     id: {
       type: definePropType(Array)
     },
@@ -19018,6 +19025,7 @@
     startPlaceholder: String,
     endPlaceholder: String
   });
+  const timePickerRngeTriggerProps = timePickerRangeTriggerProps;
 
   const __default__$1v = vue.defineComponent({
     name: "PickerRangeTrigger",
@@ -19025,7 +19033,7 @@
   });
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1v,
-    props: timePickerRngeTriggerProps,
+    props: timePickerRangeTriggerProps,
     emits: [
       "mouseenter",
       "mouseleave",
@@ -23175,7 +23183,7 @@
       id: `${_ctx.menuId}-${_ctx.node.uid}`,
       role: "menuitem",
       "aria-haspopup": !_ctx.isLeaf,
-      "aria-owns": _ctx.isLeaf ? null : _ctx.menuId,
+      "aria-owns": _ctx.isLeaf ? void 0 : _ctx.menuId,
       "aria-expanded": _ctx.inExpandingPath,
       tabindex: _ctx.expandable ? -1 : void 0,
       class: vue.normalizeClass([
@@ -23530,12 +23538,20 @@
       const node = parentNode ? parentNode.appendChild(nodeData) : new Node$3(nodeData, this.config);
       if (!parentNode)
         this.nodes.push(node);
-      this.allNodes.push(node);
-      node.isLeaf && this.leafNodes.push(node);
+      this.appendAllNodesAndLeafNodes(node);
     }
     appendNodes(nodeDataList, parentNode) {
       nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode));
     }
+    appendAllNodesAndLeafNodes(node) {
+      this.allNodes.push(node);
+      node.isLeaf && this.leafNodes.push(node);
+      if (node.children) {
+        node.children.forEach((subNode) => {
+          this.appendAllNodesAndLeafNodes(subNode);
+        });
+      }
+    }
     getNodeByValue(value, leafOnly = false) {
       if (!value && value !== 0)
         return null;
@@ -24509,7 +24525,7 @@
                 onFocus: handleFocus,
                 onBlur: handleBlur,
                 onInput: handleInput
-              }, {
+              }, vue.createSlots({
                 suffix: vue.withCtx(() => [
                   vue.unref(clearBtnVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: "clear",
@@ -24531,8 +24547,15 @@
                     _: 1
                   }, 8, ["class", "onClick"]))
                 ]),
-                _: 1
-              }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+                _: 2
+              }, [
+                _ctx.$slots.prefix ? {
+                  name: "prefix",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "prefix")
+                  ])
+                } : void 0
+              ]), 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
               vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 ref_key: "tagWrapper",
@@ -32513,6 +32536,10 @@
       type: Number,
       default: 7
     },
+    showProgress: {
+      type: Boolean,
+      default: false
+    },
     crossorigin: {
       type: definePropType(String)
     }
@@ -32564,15 +32591,9 @@
         const { urlList } = props;
         return urlList.length <= 1;
       });
-      const isFirst = vue.computed(() => {
-        return activeIndex.value === 0;
-      });
-      const isLast = vue.computed(() => {
-        return activeIndex.value === props.urlList.length - 1;
-      });
-      const currentImg = vue.computed(() => {
-        return props.urlList[activeIndex.value];
-      });
+      const isFirst = vue.computed(() => activeIndex.value === 0);
+      const isLast = vue.computed(() => activeIndex.value === props.urlList.length - 1);
+      const currentImg = vue.computed(() => props.urlList[activeIndex.value]);
       const arrowPrevKls = vue.computed(() => [
         ns.e("btn"),
         ns.e("prev"),
@@ -32601,6 +32622,7 @@
         }
         return style;
       });
+      const progress = vue.computed(() => `${activeIndex.value + 1} / ${props.urlList.length}`);
       function hide() {
         unregisterEventListener();
         emit("close");
@@ -32833,6 +32855,17 @@
                           })
                         ], 2)
                       ], 64)) : vue.createCommentVNode("v-if", true),
+                      _ctx.showProgress ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 1,
+                        class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("progress")])
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "progress", {
+                          activeIndex: activeIndex.value,
+                          total: _ctx.urlList.length
+                        }, () => [
+                          vue.createTextVNode(vue.toDisplayString(vue.unref(progress)), 1)
+                        ])
+                      ], 2)) : vue.createCommentVNode("v-if", true),
                       vue.createCommentVNode(" ACTIONS "),
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("actions")])
@@ -32840,50 +32873,58 @@
                         vue.createElementVNode("div", {
                           class: vue.normalizeClass(vue.unref(ns).e("actions__inner"))
                         }, [
-                          vue.createVNode(vue.unref(ElIcon), {
-                            onClick: ($event) => handleActions("zoomOut")
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(vue.unref(zoom_out_default))
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"]),
-                          vue.createVNode(vue.unref(ElIcon), {
-                            onClick: ($event) => handleActions("zoomIn")
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(vue.unref(zoom_in_default))
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"]),
-                          vue.createElementVNode("i", {
-                            class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
-                          }, null, 2),
-                          vue.createVNode(vue.unref(ElIcon), { onClick: toggleMode }, {
-                            default: vue.withCtx(() => [
-                              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mode).icon)))
-                            ]),
-                            _: 1
-                          }),
-                          vue.createElementVNode("i", {
-                            class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
-                          }, null, 2),
-                          vue.createVNode(vue.unref(ElIcon), {
-                            onClick: ($event) => handleActions("anticlockwise")
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(vue.unref(refresh_left_default))
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"]),
-                          vue.createVNode(vue.unref(ElIcon), {
-                            onClick: ($event) => handleActions("clockwise")
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(vue.unref(refresh_right_default))
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"])
+                          vue.renderSlot(_ctx.$slots, "toolbar", {
+                            actions: handleActions,
+                            prev,
+                            next,
+                            reset: toggleMode,
+                            activeIndex: activeIndex.value
+                          }, () => [
+                            vue.createVNode(vue.unref(ElIcon), {
+                              onClick: ($event) => handleActions("zoomOut")
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(zoom_out_default))
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            vue.createVNode(vue.unref(ElIcon), {
+                              onClick: ($event) => handleActions("zoomIn")
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(zoom_in_default))
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            vue.createElementVNode("i", {
+                              class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
+                            }, null, 2),
+                            vue.createVNode(vue.unref(ElIcon), { onClick: toggleMode }, {
+                              default: vue.withCtx(() => [
+                                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mode).icon)))
+                              ]),
+                              _: 1
+                            }),
+                            vue.createElementVNode("i", {
+                              class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
+                            }, null, 2),
+                            vue.createVNode(vue.unref(ElIcon), {
+                              onClick: ($event) => handleActions("anticlockwise")
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(refresh_left_default))
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            vue.createVNode(vue.unref(ElIcon), {
+                              onClick: ($event) => handleActions("clockwise")
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(refresh_right_default))
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"])
+                          ])
                         ], 2)
                       ], 2),
                       vue.createCommentVNode(" CANVAS "),
@@ -32976,6 +33017,10 @@
       type: Number,
       default: 7
     },
+    showProgress: {
+      type: Boolean,
+      default: false
+    },
     crossorigin: {
       type: definePropType(String)
     }
@@ -32996,7 +33041,7 @@
     ...__default__$U,
     props: imageProps,
     emits: imageEmits,
-    setup(__props, { emit }) {
+    setup(__props, { expose, emit }) {
       const props = __props;
       let prevOverflow = "";
       const { t } = useLocale();
@@ -33145,6 +33190,9 @@
           loadImage();
         }
       });
+      expose({
+        showPreview: clickHandler
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
           ref_key: "container",
@@ -33187,6 +33235,7 @@
               "zoom-rate": _ctx.zoomRate,
               "min-scale": _ctx.minScale,
               "max-scale": _ctx.maxScale,
+              "show-progress": _ctx.showProgress,
               "url-list": _ctx.previewSrcList,
               crossorigin: _ctx.crossorigin,
               "hide-on-click-modal": _ctx.hideOnClickModal,
@@ -33195,13 +33244,19 @@
               onClose: closeViewer,
               onSwitch: switchViewer
             }, {
+              progress: vue.withCtx((progress) => [
+                vue.renderSlot(_ctx.$slots, "progress", vue.normalizeProps(vue.guardReactiveProps(progress)))
+              ]),
+              toolbar: vue.withCtx((toolbar) => [
+                vue.renderSlot(_ctx.$slots, "toolbar", vue.normalizeProps(vue.guardReactiveProps(toolbar)))
+              ]),
               default: vue.withCtx(() => [
                 _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", { key: 0 }, [
                   vue.renderSlot(_ctx.$slots, "viewer")
                 ])) : vue.createCommentVNode("v-if", true)
               ]),
               _: 3
-            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
+            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "show-progress", "url-list", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 16);
       };
@@ -36184,6 +36239,9 @@
     const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
+    const popupScroll = (data) => {
+      emit("popup-scroll", data);
+    };
     useResizeObserver(selectionRef, resetSelectionWidth);
     useResizeObserver(menuRef, updateTooltip);
     useResizeObserver(wrapperRef, updateTooltip);
@@ -36247,6 +36305,7 @@
       dropdownMenuVisible,
       showTagList,
       collapseTagList,
+      popupScroll,
       tagStyle,
       collapseTagStyle,
       popperRef,
@@ -36431,7 +36490,8 @@
       "clear",
       "visible-change",
       "focus",
-      "blur"
+      "blur",
+      "popup-scroll"
     ],
     setup(props, { emit }) {
       const modelValue = vue.computed(() => {
@@ -36770,7 +36830,8 @@
                 class: vue.normalizeClass([_ctx.nsSelect.is("empty", _ctx.filteredOptionsCount === 0)]),
                 role: "listbox",
                 "aria-label": _ctx.ariaLabel,
-                "aria-orientation": "vertical"
+                "aria-orientation": "vertical",
+                onScroll: _ctx.popupScroll
               }, {
                 default: vue.withCtx(() => [
                   _ctx.showNewOption ? (vue.openBlock(), vue.createBlock(_component_el_option, {
@@ -36786,7 +36847,7 @@
                   })
                 ]),
                 _: 3
-              }, 8, ["id", "wrap-class", "view-class", "class", "aria-label"]), [
+              }, 8, ["id", "wrap-class", "view-class", "class", "aria-label", "onScroll"]), [
                 [vue.vShow, _ctx.states.options.size > 0 && !_ctx.loading]
               ]),
               _ctx.$slots.loading && _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -44273,7 +44334,7 @@
     let changed = false;
     const index = statusArr.indexOf(row);
     const included = index !== -1;
-    const isRowSelectable = selectable == null ? void 0 : selectable.call(null, row, rowIndex);
+    const isRowSelectable = selectable == null ? void 0 : selectable.call(null, row, _rowIndex);
     const toggleStatus = (type) => {
       if (type === "add") {
         statusArr.push(row);
@@ -44306,8 +44367,11 @@
     }
     if (!(tableTreeProps == null ? void 0 : tableTreeProps.checkStrictly) && (tableTreeProps == null ? void 0 : tableTreeProps.children) && isArray$1(row[tableTreeProps.children])) {
       row[tableTreeProps.children].forEach((item) => {
-        toggleRowStatus(statusArr, item, newVal != null ? newVal : !included, tableTreeProps, selectable, _rowIndex + 1);
+        const childChanged = toggleRowStatus(statusArr, item, newVal != null ? newVal : !included, tableTreeProps, selectable, _rowIndex + 1);
         _rowIndex += getChildrenCount(item) + 1;
+        if (childChanged) {
+          changed = childChanged;
+        }
       });
     }
     return changed;
@@ -44338,20 +44402,44 @@
       }
     });
   }
-  const getTableOverflowTooltipProps = (props, content) => {
+  const getTableOverflowTooltipProps = (props, innerText, row, column) => {
+    const popperOptions = {
+      strategy: "fixed",
+      ...props.popperOptions
+    };
+    const tooltipFormatterContent = isFunction$1(column.tooltipFormatter) ? column.tooltipFormatter({
+      row,
+      column,
+      cellValue: getProp(row, column.property).value
+    }) : void 0;
+    if (vue.isVNode(tooltipFormatterContent)) {
+      return {
+        slotContent: tooltipFormatterContent,
+        content: null,
+        ...props,
+        popperOptions
+      };
+    }
     return {
-      content,
+      slotContent: null,
+      content: tooltipFormatterContent != null ? tooltipFormatterContent : innerText,
       ...props,
-      popperOptions: {
-        strategy: "fixed",
-        ...props.popperOptions
-      }
+      popperOptions
     };
   };
   let removePopper = null;
-  function createTablePopper(props, popperContent, trigger, table) {
+  function createTablePopper(props, popperContent, row, column, trigger, table) {
+    const tableOverflowTooltipProps = getTableOverflowTooltipProps(props, popperContent, row, column);
+    const mergedProps = {
+      ...tableOverflowTooltipProps,
+      slotContent: void 0
+    };
     if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
-      merge(removePopper.vm.component.props, getTableOverflowTooltipProps(props, popperContent));
+      const comp = removePopper.vm.component;
+      merge(comp.props, mergedProps);
+      if (tableOverflowTooltipProps.slotContent) {
+        comp.slots.content = () => [tableOverflowTooltipProps.slotContent];
+      }
       return;
     }
     removePopper == null ? void 0 : removePopper();
@@ -44365,8 +44453,10 @@
       transition: "none",
       offset: 0,
       hideAfter: 0,
-      ...getTableOverflowTooltipProps(props, popperContent)
-    });
+      ...mergedProps
+    }, tableOverflowTooltipProps.slotContent ? {
+      content: () => tableOverflowTooltipProps.slotContent
+    } : void 0);
     vm.appContext = { ...table.appContext, ...table };
     const container = document.createElement("div");
     vue.render(vm, container);
@@ -44729,6 +44819,9 @@
       expandRowKeys.value = value;
       updateTreeData();
     };
+    const isUseLazy = (data) => {
+      return lazy.value && data && "loaded" in data && !data.loaded;
+    };
     const toggleTreeExpansion = (row, expanded) => {
       instance.store.assertRowKey();
       const rowKey = watcherData.rowKey.value;
@@ -44741,6 +44834,7 @@
         if (oldExpanded !== expanded) {
           instance.emit("expand-change", row, expanded);
         }
+        isUseLazy(data) && loadData(row, id, data);
         instance.store.updateTableScrollY();
       }
     };
@@ -44749,7 +44843,7 @@
       const rowKey = watcherData.rowKey.value;
       const id = getRowIdentity(row, rowKey);
       const data = treeData.value[id];
-      if (lazy.value && data && "loaded" in data && !data.loaded) {
+      if (isUseLazy(data)) {
         loadData(row, id, data);
       } else {
         toggleTreeExpansion(row, void 0);
@@ -44879,32 +44973,22 @@
         updateChildFixed(childColumn);
       });
     };
-    let selectionInitialFixed = void 0;
     const updateColumns = () => {
+      var _a2, _b;
       _columns.value.forEach((column) => {
         updateChildFixed(column);
       });
-      fixedColumns.value = _columns.value.filter((column) => column.fixed === true || column.fixed === "left");
-      rightFixedColumns.value = _columns.value.filter((column) => column.fixed === "right");
-      if (isUndefined(selectionInitialFixed) && _columns.value[0] && _columns.value[0].type === "selection") {
-        selectionInitialFixed = Boolean(_columns.value[0].fixed);
-      }
-      if (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection") {
-        if (!_columns.value[0].fixed) {
-          _columns.value[0].fixed = true;
-          fixedColumns.value.unshift(_columns.value[0]);
-        } else {
-          const hasNotSelectionColumns = fixedColumns.value.some((column) => column.type !== "selection");
-          if (!hasNotSelectionColumns) {
-            _columns.value[0].fixed = selectionInitialFixed;
-            if (!selectionInitialFixed)
-              fixedColumns.value.shift();
-          } else {
-            selectionInitialFixed = void 0;
-          }
+      fixedColumns.value = _columns.value.filter((column) => column.type !== "selection" && [true, "left"].includes(column.fixed));
+      let selectColFixLeft;
+      if (((_b = (_a2 = _columns.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.type) === "selection") {
+        const selectColumn = _columns.value[0];
+        selectColFixLeft = [true, "left"].includes(selectColumn.fixed) || fixedColumns.value.length && selectColumn.fixed !== "right";
+        if (selectColFixLeft) {
+          fixedColumns.value.unshift(selectColumn);
         }
       }
-      const notFixedColumns = _columns.value.filter((column) => !column.fixed);
+      rightFixedColumns.value = _columns.value.filter((column) => column.fixed === "right");
+      const notFixedColumns = _columns.value.filter((column) => (selectColFixLeft ? column.type !== "selection" : true) && !column.fixed);
       originColumns.value = [].concat(fixedColumns.value).concat(notFixedColumns).concat(rightFixedColumns.value);
       const leafColumns2 = doFlattenColumns(notFixedColumns);
       const fixedLeafColumns2 = doFlattenColumns(fixedColumns.value);
@@ -44968,7 +45052,7 @@
         children: (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value,
         checkStrictly: (_d = (_c = instance == null ? void 0 : instance.store) == null ? void 0 : _c.states) == null ? void 0 : _d.checkStrictly.value
       };
-      const changed = toggleRowStatus(selection.value, row, selected, treeProps, ignoreSelectable ? void 0 : selectable.value);
+      const changed = toggleRowStatus(selection.value, row, selected, treeProps, ignoreSelectable ? void 0 : selectable.value, data.value.indexOf(row));
       if (changed) {
         const newSelection = (selection.value || []).slice();
         if (emitChange) {
@@ -46628,8 +46712,9 @@
       const table = parent;
       const cell = getCell(event);
       const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
+      let column;
       if (cell) {
-        const column = getColumnByCell({
+        column = getColumnByCell({
           columns: props.store.states.columns.value
         }, cell, namespace);
         if (cell.rowSpan > 1) {
@@ -46654,7 +46739,7 @@
       const horizontalPadding = left + right;
       const verticalPadding = top + bottom;
       if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
-        createTablePopper(tooltipOptions, cell.innerText || cell.textContent, cell, table);
+        createTablePopper(tooltipOptions, cell.innerText || cell.textContent, row, column, cell, table);
       } else if (((_b = removePopper) == null ? void 0 : _b.trigger) === cell) {
         (_c = removePopper) == null ? void 0 : _c();
       }
@@ -47214,10 +47299,14 @@
       }
     },
     setup(props) {
-      const { getCellClasses, getCellStyles, columns } = useStyle$1(props);
+      const parent = vue.inject(TABLE_INJECTION_KEY);
       const ns = useNamespace("table");
+      const { getCellClasses, getCellStyles, columns } = useStyle$1(props);
+      const { onScrollableChange, onColumnsChange } = useLayoutObserver(parent);
       return {
         ns,
+        onScrollableChange,
+        onColumnsChange,
         getCellClasses,
         getCellStyles,
         columns
@@ -47699,6 +47788,7 @@
     scrollbarAlwaysOn: Boolean,
     flexible: Boolean,
     showOverflowTooltip: [Boolean, Object],
+    tooltipFormatter: Function,
     appendFilterPanelTo: String,
     scrollbarTabindex: {
       type: [Number, String],
@@ -48350,7 +48440,8 @@
         "className",
         "labelClassName",
         "filterClassName",
-        "showOverflowTooltip"
+        "showOverflowTooltip",
+        "tooltipFormatter"
       ];
       const aliases = {
         property: "prop",
@@ -48566,6 +48657,7 @@
       type: [Boolean, Object],
       default: void 0
     },
+    tooltipFormatter: Function,
     fixed: [Boolean, String],
     formatter: Function,
     selectable: Function,
@@ -48629,6 +48721,7 @@
         const type = props.type || "default";
         const sortable = props.sortable === "" ? true : props.sortable;
         const showOverflowTooltip = isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip : props.showOverflowTooltip;
+        const tooltipFormatter = isUndefined(props.tooltipFormatter) ? parent.props.tooltipFormatter : props.tooltipFormatter;
         const defaults = {
           ...cellStarts[type],
           id: columnId.value,
@@ -48637,6 +48730,7 @@
           align: realAlign,
           headerAlign: realHeaderAlign,
           showOverflowTooltip,
+          tooltipFormatter,
           filterable: props.filters || props.filterMethod,
           filteredValue: [],
           filterPlacement: "",
@@ -50088,6 +50182,13 @@
       (_a = vue.unref(bodyRef)) == null ? void 0 : _a.$forceUpdate();
       (_b = vue.unref(headerRef)) == null ? void 0 : _b.$forceUpdate();
     }
+    vue.watch(() => props.bodyWidth, () => {
+      var _a;
+      if (isNumber(props.estimatedRowHeight))
+        (_a = bodyRef.value) == null ? void 0 : _a.resetAfter({
+          columnIndex: 0
+        }, false);
+    });
     return {
       bodyRef,
       forceUpdate,
@@ -50694,6 +50795,7 @@
           class: ns.e("left"),
           columns: vue.unref(fixedColumnsOnLeft),
           data: _data,
+          fixedData,
           estimatedRowHeight,
           leftTableRef,
           rowHeight,
@@ -50717,6 +50819,7 @@
           class: ns.e("right"),
           columns: vue.unref(fixedColumnsOnRight),
           data: _data,
+          fixedData,
           estimatedRowHeight,
           rightTableRef,
           rowHeight,
@@ -54076,9 +54179,7 @@
           handleExpandIconClick();
         }
         if (tree.props.checkOnClickNode && !props.node.disabled) {
-          handleCheckChange(null, {
-            target: { checked: !props.node.checked }
-          });
+          handleCheckChange(!props.node.checked);
         }
         tree.ctx.emit("node-click", props.node.data, props.node, instance, e);
       };
@@ -54101,8 +54202,8 @@
           });
         }
       };
-      const handleCheckChange = (value, ev) => {
-        props.node.setChecked(ev.target.checked, !tree.props.checkStrictly);
+      const handleCheckChange = (value) => {
+        props.node.setChecked(value, !(tree == null ? void 0 : tree.props.checkStrictly));
         vue.nextTick(() => {
           const store = tree.store.value;
           tree.ctx.emit("check", props.node.data, {
@@ -60191,10 +60292,10 @@
         inputPattern: null,
         inputPlaceholder: "",
         inputType: "text",
-        inputValue: null,
-        inputValidator: null,
+        inputValue: "",
+        inputValidator: void 0,
         inputErrorMessage: "",
-        message: null,
+        message: "",
         modalFade: true,
         modalClass: "",
         showCancelButton: false,
@@ -60218,7 +60319,10 @@
       });
       const contentId = useId();
       const inputId = useId();
-      const iconComponent = vue.computed(() => state.icon || TypeComponentsMap[state.type] || "");
+      const iconComponent = vue.computed(() => {
+        const type = state.type;
+        return state.icon || type && TypeComponentsMap[type] || "";
+      });
       const hasMessage = vue.computed(() => !!state.message);
       const rootRef = vue.ref();
       const headerRef = vue.ref();
@@ -60337,8 +60441,9 @@
         return true;
       };
       const getInputElement = () => {
-        const inputRefs = inputRef.value.$refs;
-        return inputRefs.input || inputRefs.textarea;
+        var _a, _b;
+        const inputRefs = (_a = inputRef.value) == null ? void 0 : _a.$refs;
+        return (_b = inputRefs == null ? void 0 : inputRefs.input) != null ? _b : inputRefs == null ? void 0 : inputRefs.textarea;
       };
       const handleClose = () => {
         handleAction("close");
@@ -61403,6 +61508,7 @@
   exports.textProps = textProps;
   exports.thumbProps = thumbProps;
   exports.timePickerDefaultProps = timePickerDefaultProps;
+  exports.timePickerRangeTriggerProps = timePickerRangeTriggerProps;
   exports.timePickerRngeTriggerProps = timePickerRngeTriggerProps;
   exports.timeSelectProps = timeSelectProps;
   exports.timeUnits = timeUnits$1;