element-ps 2.0.39 → 2.0.41

package/dist/index.full.js

@@ -949,9 +949,9 @@
     return cache.has(key);
   }
 
-  var COMPARE_PARTIAL_FLAG$5 = 1, COMPARE_UNORDERED_FLAG$3 = 2;
+  var COMPARE_PARTIAL_FLAG$3 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
   function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
-    var isPartial = bitmask & COMPARE_PARTIAL_FLAG$5, arrLength = array.length, othLength = other.length;
+    var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, arrLength = array.length, othLength = other.length;
     if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
       return false;
     }
@@ -960,7 +960,7 @@
     if (arrStacked && othStacked) {
       return arrStacked == other && othStacked == array;
     }
-    var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$3 ? new SetCache() : void 0;
+    var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$1 ? new SetCache() : void 0;
     stack.set(array, other);
     stack.set(other, array);
     while (++index < arrLength) {
@@ -1010,7 +1010,7 @@
     return result;
   }
 
-  var COMPARE_PARTIAL_FLAG$4 = 1, COMPARE_UNORDERED_FLAG$2 = 2;
+  var COMPARE_PARTIAL_FLAG$2 = 1, COMPARE_UNORDERED_FLAG = 2;
   var boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]";
   var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]";
   var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
@@ -1039,7 +1039,7 @@
       case mapTag:
         var convert = mapToArray;
       case setTag:
-        var isPartial = bitmask & COMPARE_PARTIAL_FLAG$4;
+        var isPartial = bitmask & COMPARE_PARTIAL_FLAG$2;
         convert || (convert = setToArray);
         if (object.size != other.size && !isPartial) {
           return false;
@@ -1048,7 +1048,7 @@
         if (stacked) {
           return stacked == other;
         }
-        bitmask |= COMPARE_UNORDERED_FLAG$2;
+        bitmask |= COMPARE_UNORDERED_FLAG;
         stack.set(object, other);
         var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
         stack["delete"](object);
@@ -1061,11 +1061,11 @@
     return false;
   }
 
-  var COMPARE_PARTIAL_FLAG$3 = 1;
+  var COMPARE_PARTIAL_FLAG$1 = 1;
   var objectProto$1 = Object.prototype;
   var hasOwnProperty$2 = objectProto$1.hasOwnProperty;
   function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
-    var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
+    var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
     if (objLength != othLength && !isPartial) {
       return false;
     }
@@ -1108,7 +1108,7 @@
     return result;
   }
 
-  var COMPARE_PARTIAL_FLAG$2 = 1;
+  var COMPARE_PARTIAL_FLAG = 1;
   var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
   var objectProto = Object.prototype;
   var hasOwnProperty$1 = objectProto.hasOwnProperty;
@@ -1128,7 +1128,7 @@
       stack || (stack = new Stack());
       return objIsArr || isTypedArray$1(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
     }
-    if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
+    if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
       var objIsWrapped = objIsObj && hasOwnProperty$1.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$1.call(other, "__wrapped__");
       if (objIsWrapped || othIsWrapped) {
         var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
@@ -1153,71 +1153,6 @@
     return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
   }
 
-  var COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
-  function baseIsMatch(object, source, matchData, customizer) {
-    var index = matchData.length, length = index, noCustomizer = !customizer;
-    if (object == null) {
-      return !length;
-    }
-    object = Object(object);
-    while (index--) {
-      var data = matchData[index];
-      if (noCustomizer && data[2] ? data[1] !== object[data[0]] : !(data[0] in object)) {
-        return false;
-      }
-    }
-    while (++index < length) {
-      data = matchData[index];
-      var key = data[0], objValue = object[key], srcValue = data[1];
-      if (noCustomizer && data[2]) {
-        if (objValue === void 0 && !(key in object)) {
-          return false;
-        }
-      } else {
-        var stack = new Stack();
-        if (customizer) {
-          var result = customizer(objValue, srcValue, key, object, source, stack);
-        }
-        if (!(result === void 0 ? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG$1 | COMPARE_UNORDERED_FLAG$1, customizer, stack) : result)) {
-          return false;
-        }
-      }
-    }
-    return true;
-  }
-
-  function isStrictComparable(value) {
-    return value === value && !isObject$2(value);
-  }
-
-  function getMatchData(object) {
-    var result = keys(object), length = result.length;
-    while (length--) {
-      var key = result[length], value = object[key];
-      result[length] = [key, value, isStrictComparable(value)];
-    }
-    return result;
-  }
-
-  function matchesStrictComparable(key, srcValue) {
-    return function(object) {
-      if (object == null) {
-        return false;
-      }
-      return object[key] === srcValue && (srcValue !== void 0 || key in Object(object));
-    };
-  }
-
-  function baseMatches(source) {
-    var matchData = getMatchData(source);
-    if (matchData.length == 1 && matchData[0][2]) {
-      return matchesStrictComparable(matchData[0][0], matchData[0][1]);
-    }
-    return function(object) {
-      return object === source || baseIsMatch(object, source, matchData);
-    };
-  }
-
   function baseHasIn(object, key) {
     return object != null && key in Object(object);
   }
@@ -1243,87 +1178,6 @@
     return object != null && hasPath(object, path, baseHasIn);
   }
 
-  var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
-  function baseMatchesProperty(path, srcValue) {
-    if (isKey(path) && isStrictComparable(srcValue)) {
-      return matchesStrictComparable(toKey(path), srcValue);
-    }
-    return function(object) {
-      var objValue = get(object, path);
-      return objValue === void 0 && objValue === srcValue ? hasIn(object, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
-    };
-  }
-
-  function baseProperty(key) {
-    return function(object) {
-      return object == null ? void 0 : object[key];
-    };
-  }
-
-  function basePropertyDeep(path) {
-    return function(object) {
-      return baseGet(object, path);
-    };
-  }
-
-  function property(path) {
-    return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
-  }
-
-  function baseIteratee(value) {
-    if (typeof value == "function") {
-      return value;
-    }
-    if (value == null) {
-      return identity;
-    }
-    if (typeof value == "object") {
-      return isArray$2(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
-    }
-    return property(value);
-  }
-
-  function createBaseFor(fromRight) {
-    return function(object, iteratee, keysFunc) {
-      var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
-      while (length--) {
-        var key = props[fromRight ? length : ++index];
-        if (iteratee(iterable[key], key, iterable) === false) {
-          break;
-        }
-      }
-      return object;
-    };
-  }
-
-  var baseFor = createBaseFor();
-  var baseFor$1 = baseFor;
-
-  function baseForOwn(object, iteratee) {
-    return object && baseFor$1(object, iteratee, keys);
-  }
-
-  function createBaseEach(eachFunc, fromRight) {
-    return function(collection, iteratee) {
-      if (collection == null) {
-        return collection;
-      }
-      if (!isArrayLike(collection)) {
-        return eachFunc(collection, iteratee);
-      }
-      var length = collection.length, index = fromRight ? length : -1, iterable = Object(collection);
-      while (fromRight ? index-- : ++index < length) {
-        if (iteratee(iterable[index], index, iterable) === false) {
-          break;
-        }
-      }
-      return collection;
-    };
-  }
-
-  var baseEach = createBaseEach(baseForOwn);
-  var baseEach$1 = baseEach;
-
   var now = function() {
     return root$1.Date.now();
   };
@@ -1427,23 +1281,6 @@
     return false;
   }
 
-  function baseMap(collection, iteratee) {
-    var index = -1, result = isArrayLike(collection) ? Array(collection.length) : [];
-    baseEach$1(collection, function(value, key, collection2) {
-      result[++index] = iteratee(value, key, collection2);
-    });
-    return result;
-  }
-
-  function map(collection, iteratee) {
-    var func = isArray$2(collection) ? arrayMap : baseMap;
-    return func(collection, baseIteratee(iteratee));
-  }
-
-  function flatMap(collection, iteratee) {
-    return baseFlatten(map(collection, iteratee), 1);
-  }
-
   var INFINITY$1 = 1 / 0;
   function flattenDeep(array) {
     var length = array == null ? 0 : array.length;
@@ -27206,8 +27043,14 @@
   }
 
   const getCell = function(event) {
-    var _a;
-    return (_a = event.target) == null ? void 0 : _a.closest("td");
+    let cell = event.target;
+    while (cell && cell.tagName.toUpperCase() !== "HTML") {
+      if (cell.tagName.toUpperCase() === "TD") {
+        return cell;
+      }
+      cell = cell.parentNode;
+    }
+    return null;
   };
   const isObject = function(obj) {
     return obj !== null && typeof obj === "object";
@@ -27286,8 +27129,6 @@
         break;
       }
     }
-    if (!column)
-      throwError("ElTable", `No column matching with column-key: ${columnKey}`);
     return column;
   };
   const getColumnByCell = function(table, cell, namespace) {
@@ -27385,27 +27226,26 @@
     let changed = false;
     const index = statusArr.indexOf(row);
     const included = index !== -1;
-    const toggleStatus = (type) => {
-      if (type === "add") {
-        statusArr.push(row);
-      } else {
-        statusArr.splice(index, 1);
-      }
+    const addRow = () => {
+      statusArr.push(row);
       changed = true;
-      if (isArray(row.children)) {
-        row.children.forEach((item) => {
-          toggleRowStatus(statusArr, item, newVal != null ? newVal : !included);
-        });
-      }
     };
-    if (isBoolean(newVal)) {
+    const removeRow = () => {
+      statusArr.splice(index, 1);
+      changed = true;
+    };
+    if (typeof newVal === "boolean") {
       if (newVal && !included) {
-        toggleStatus("add");
+        addRow();
       } else if (!newVal && included) {
-        toggleStatus("remove");
+        removeRow();
       }
     } else {
-      included ? toggleStatus("remove") : toggleStatus("add");
+      if (included) {
+        removeRow();
+      } else {
+        addRow();
+      }
     }
     return changed;
   }
@@ -27436,37 +27276,32 @@
     });
   }
   let removePopper;
-  function createTablePopper(parentNode, trigger, popperContent, popperOptions, tooltipEffect) {
+  function createTablePopper(trigger, popperContent, popperOptions, tooltipEffect) {
     const { nextZIndex } = useZIndex();
-    const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
-    const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
     function renderContent() {
       const isLight = tooltipEffect === "light";
       const content2 = document.createElement("div");
-      content2.className = `${ns}-popper ${isLight ? "is-light" : "is-dark"}`;
+      content2.className = `el-popper ${isLight ? "is-light" : "is-dark"}`;
       popperContent = escapeHtml_1(popperContent);
       content2.innerHTML = popperContent;
       content2.style.zIndex = String(nextZIndex());
-      parentNode == null ? void 0 : parentNode.appendChild(content2);
+      document.body.appendChild(content2);
       return content2;
     }
     function renderArrow() {
       const arrow2 = document.createElement("div");
-      arrow2.className = `${ns}-popper__arrow`;
+      arrow2.className = "el-popper__arrow";
       return arrow2;
     }
     function showPopper() {
       popperInstance && popperInstance.update();
     }
-    removePopper == null ? void 0 : removePopper();
-    removePopper = () => {
+    removePopper = function removePopper2() {
       try {
         popperInstance && popperInstance.destroy();
-        content && (parentNode == null ? void 0 : parentNode.removeChild(content));
-        trigger.removeEventListener("mouseenter", showPopper);
-        trigger.removeEventListener("mouseleave", removePopper);
-        scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
-        removePopper = void 0;
+        content && document.body.removeChild(content);
+        off(trigger, "mouseenter", showPopper);
+        off(trigger, "mouseleave", removePopper2);
       } catch (e) {
       }
     };
@@ -27475,7 +27310,6 @@
     const arrow = renderArrow();
     content.appendChild(arrow);
     popperInstance = yn(trigger, content, {
-      strategy: "absolute",
       modifiers: [
         {
           name: "offset",
@@ -27493,34 +27327,26 @@
       ],
       ...popperOptions
     });
-    trigger.addEventListener("mouseenter", showPopper);
-    trigger.addEventListener("mouseleave", removePopper);
-    scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
+    on$1(trigger, "mouseenter", showPopper);
+    on$1(trigger, "mouseleave", removePopper);
     return popperInstance;
   }
-  function getCurrentColumns(column) {
-    if (column.children) {
-      return flatMap(column.children, getCurrentColumns);
-    } else {
-      return [column];
-    }
-  }
-  function getColSpan(colSpan, column) {
-    return colSpan + column.colSpan;
-  }
   const isFixedColumn = (index, fixed, store, realColumns) => {
     let start = 0;
     let after = index;
-    const columns = store.states.columns.value;
     if (realColumns) {
-      const curColumns = getCurrentColumns(realColumns[index]);
-      const preColumns = columns.slice(0, columns.indexOf(curColumns[0]));
-      start = preColumns.reduce(getColSpan, 0);
-      after = start + curColumns.reduce(getColSpan, 0) - 1;
+      if (realColumns[index].colSpan > 1) {
+        return {};
+      }
+      for (let i = 0; i < index; i++) {
+        start += realColumns[i].colSpan;
+      }
+      after = start + realColumns[index].colSpan - 1;
     } else {
       start = index;
     }
     let fixedLayout;
+    const columns = store.states.columns;
     switch (fixed) {
       case "left":
         if (after < store.states.fixedLeafColumnsLength.value) {
@@ -27528,14 +27354,14 @@
         }
         break;
       case "right":
-        if (start >= columns.length - store.states.rightFixedLeafColumnsLength.value) {
+        if (start >= columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
           fixedLayout = "right";
         }
         break;
       default:
         if (after < store.states.fixedLeafColumnsLength.value) {
           fixedLayout = "left";
-        } else if (start >= columns.length - store.states.rightFixedLeafColumnsLength.value) {
+        } else if (start >= columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
           fixedLayout = "right";
         }
     }
@@ -27545,15 +27371,15 @@
       after
     } : {};
   };
-  const getFixedColumnsClass = (namespace, index, fixed, store, realColumns, offset = 0) => {
+  const getFixedColumnsClass = (namespace, index, fixed, store, realColumns) => {
     const classes = [];
-    const { direction, start, after } = isFixedColumn(index, fixed, store, realColumns);
+    const { direction, start } = isFixedColumn(index, fixed, store, realColumns);
     if (direction) {
       const isLeft = direction === "left";
       classes.push(`${namespace}-fixed-column--${direction}`);
-      if (isLeft && after + offset === store.states.fixedLeafColumnsLength.value - 1) {
+      if (isLeft && start === store.states.fixedLeafColumnsLength.value - 1) {
         classes.push("is-last-column");
-      } else if (!isLeft && start - offset === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
+      } else if (!isLeft && start === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
         classes.push("is-first-column");
       }
     }
@@ -27563,11 +27389,7 @@
     return offset + (column.realWidth === null || Number.isNaN(column.realWidth) ? Number(column.width) : column.realWidth);
   }
   const getFixedColumnOffset = (index, fixed, store, realColumns) => {
-    const {
-      direction,
-      start = 0,
-      after = 0
-    } = isFixedColumn(index, fixed, store, realColumns);
+    const { direction, start = 0 } = isFixedColumn(index, fixed, store, realColumns);
     if (!direction) {
       return;
     }
@@ -27575,9 +27397,9 @@
     const isLeft = direction === "left";
     const columns = store.states.columns.value;
     if (isLeft) {
-      styles.left = columns.slice(0, start).reduce(getOffset, 0);
+      styles.left = columns.slice(0, index).reduce(getOffset, 0);
     } else {
-      styles.right = columns.slice(after + 1).reverse().reduce(getOffset, 0);
+      styles.right = columns.slice(start + 1).reverse().reduce(getOffset, 0);
     }
     return styles;
   };
@@ -27688,21 +27510,19 @@
       const rowKey = watcherData.rowKey.value;
       const data = watcherData.data.value || [];
       const oldCurrentRow = currentRow.value;
-      if (Array.isArray(data)) {
-        if (!data.includes(oldCurrentRow) && oldCurrentRow) {
-          if (rowKey) {
-            const currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
-            setCurrentRowByKey(currentRowKey);
-          } else {
-            currentRow.value = null;
-          }
-          if (currentRow.value === null) {
-            instance.emit("current-change", null, oldCurrentRow);
-          }
-        } else if (_currentRowKey.value) {
-          setCurrentRowByKey(_currentRowKey.value);
-          restoreCurrentRowKey();
+      if (!data.includes(oldCurrentRow) && oldCurrentRow) {
+        if (rowKey) {
+          const currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
+          setCurrentRowByKey(currentRowKey);
+        } else {
+          currentRow.value = null;
+        }
+        if (currentRow.value === null) {
+          instance.emit("current-change", null, oldCurrentRow);
         }
+      } else if (_currentRowKey.value) {
+        setCurrentRowByKey(_currentRowKey.value);
+        restoreCurrentRowKey();
       }
     };
     return {
@@ -27951,19 +27771,9 @@
     const hoverRow = vue.ref(null);
     const assertRowKey = () => {
       if (!rowKey.value)
-        throw new Error("[ElTable] prop row-key is required");
-    };
-    const updateChildFixed = (column) => {
-      var _a2;
-      (_a2 = column.children) == null ? void 0 : _a2.forEach((childColumn) => {
-        childColumn.fixed = column.fixed;
-        updateChildFixed(childColumn);
-      });
+        throw new Error("[PsTable] prop row-key is required");
     };
     const updateColumns = () => {
-      _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 (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection" && !_columns.value[0].fixed) {
@@ -28434,19 +28244,18 @@
         }
       },
       changeSortCondition(states, options) {
-        const { sortingColumn, sortProp, sortOrder } = states;
-        const columnValue = vue.unref(sortingColumn), propValue = vue.unref(sortProp), orderValue = vue.unref(sortOrder);
-        if (orderValue === null) {
+        const { sortingColumn: column, sortProp: prop, sortOrder: order } = states;
+        if (vue.unref(order) === null) {
           states.sortingColumn.value = null;
           states.sortProp.value = null;
         }
-        const ignore = { filter: true };
-        instance.store.execQuery(ignore);
+        const ingore = { filter: true };
+        instance.store.execQuery(ingore);
         if (!options || !(options.silent || options.init)) {
           instance.emit("sort-change", {
-            column: columnValue,
-            prop: propValue,
-            order: orderValue
+            column: vue.unref(column),
+            prop: vue.unref(prop),
+            order: vue.unref(order)
           });
         }
         instance.store.updateTableScrollY();
@@ -28483,6 +28292,7 @@
       }
     };
     const updateTableScrollY = function() {
+      vue.nextTick(() => instance.layout.updateScrollY.apply(instance.layout));
     };
     return {
       ns,
@@ -28568,6 +28378,14 @@
       this.bodyWidth = vue.ref(null);
       this.fixedWidth = vue.ref(null);
       this.rightFixedWidth = vue.ref(null);
+      this.tableHeight = vue.ref(null);
+      this.headerHeight = vue.ref(44);
+      this.appendHeight = vue.ref(0);
+      this.footerHeight = vue.ref(44);
+      this.viewportHeight = vue.ref(null);
+      this.bodyHeight = vue.ref(null);
+      this.bodyScrollHeight = vue.ref(0);
+      this.fixedBodyHeight = vue.ref(null);
       this.gutterWidth = 0;
       for (const name in options) {
         if (hasOwn(options, name)) {
@@ -28585,6 +28403,24 @@
         throw new Error("Store is required for Table Layout");
       }
     }
+    updateScrollY() {
+      const height = this.height.value;
+      if (height === null)
+        return false;
+      const bodyWrapper = this.table.refs.bodyWrapper;
+      if (this.table.vnode.el && bodyWrapper) {
+        let scrollY = true;
+        const prevScrollY = this.scrollY.value;
+        if (this.bodyHeight.value === null) {
+          scrollY = false;
+        } else {
+          scrollY = bodyWrapper.scrollHeight > this.bodyHeight.value;
+        }
+        this.scrollY.value = scrollY;
+        return prevScrollY !== scrollY;
+      }
+      return false;
+    }
     setHeight(value, prop = "height") {
       if (!isClient)
         return;
@@ -28617,6 +28453,44 @@
       return flattenColumns;
     }
     updateElsHeight() {
+      var _a, _b;
+      if (!this.table.$ready)
+        return vue.nextTick(() => this.updateElsHeight());
+      const {
+        tableWrapper,
+        headerWrapper,
+        appendWrapper,
+        footerWrapper,
+        tableHeader,
+        tableBody
+      } = this.table.refs;
+      if (tableWrapper && tableWrapper.style.display === "none") {
+        return;
+      }
+      const { tableLayout } = this.table.props;
+      this.appendHeight.value = appendWrapper ? appendWrapper.offsetHeight : 0;
+      if (this.showHeader && !headerWrapper && tableLayout === "fixed") {
+        return;
+      }
+      const headerTrElm = tableHeader ? tableHeader : null;
+      const noneHeader = this.headerDisplayNone(headerTrElm);
+      const headerWrapperOffsetHeight = (headerWrapper == null ? void 0 : headerWrapper.offsetHeight) || 0;
+      const headerHeight = this.headerHeight.value = !this.showHeader ? 0 : headerWrapperOffsetHeight;
+      if (this.showHeader && !noneHeader && headerWrapperOffsetHeight > 0 && (this.table.store.states.columns.value || []).length > 0 && headerHeight < 2) {
+        return vue.nextTick(() => this.updateElsHeight());
+      }
+      const tableHeight = this.tableHeight.value = (_b = (_a = this.table) == null ? void 0 : _a.vnode.el) == null ? void 0 : _b.clientHeight;
+      const footerHeight = this.footerHeight.value = footerWrapper ? footerWrapper.offsetHeight : 0;
+      if (this.height.value !== null) {
+        if (this.bodyHeight.value === null) {
+          requestAnimationFrame(() => this.updateElsHeight());
+        }
+        this.bodyHeight.value = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
+        this.bodyScrollHeight.value = tableBody == null ? void 0 : tableBody.scrollHeight;
+      }
+      this.fixedBodyHeight.value = this.scrollX.value ? this.bodyHeight.value - this.gutterWidth : this.bodyHeight.value;
+      this.viewportHeight.value = this.scrollX.value ? tableHeight - this.gutterWidth : tableHeight;
+      this.updateScrollY();
       this.notifyObservers("scrollable");
     }
     headerDisplayNone(elm) {
@@ -28844,13 +28718,6 @@
         });
         props.store.updateAllSelected();
       };
-      vue.watch(tooltipVisible, (value) => {
-        if (props.column) {
-          props.upDataColumn("filterOpened", value);
-        }
-      }, {
-        immediate: true
-      });
       const popperPaneRef = vue.computed(() => {
         var _a, _b;
         return (_b = (_a = tooltip.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
@@ -29043,10 +28910,12 @@
       }
     };
     const handleMouseMove = (event, column) => {
-      var _a;
       if (column.children && column.children.length > 0)
         return;
-      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      let target = event.target;
+      while (target && target.tagName !== "TH") {
+        target = target.parentNode;
+      }
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -29079,11 +28948,13 @@
       return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
     };
     const handleSortClick = (event, column, givenOrder) => {
-      var _a;
       event.stopPropagation();
       const order = column.order === givenOrder ? null : givenOrder || toggleOrder(column);
-      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
-      if (target) {
+      let target = event.target;
+      while (target && target.tagName !== "TH") {
+        target = target.parentNode;
+      }
+      if (target && target.tagName === "TH") {
         if (hasClass(target, "noclick")) {
           removeClass(target, "noclick");
           return;
@@ -29153,13 +29024,13 @@
           column
         });
       }
-      const fixedStyle = getFixedColumnOffset(columnIndex, column.fixed, props.store, row);
+      const fixedStyle = column.isSubColumn ? null : getFixedColumnOffset(columnIndex, column.fixed, props.store, row);
       ensurePosition(fixedStyle, "left");
       ensurePosition(fixedStyle, "right");
       return Object.assign({}, headerCellStyles, fixedStyle);
     };
     const getHeaderCellClass = (rowIndex, columnIndex, row, column) => {
-      const fixedClasses = getFixedColumnsClass(ns.b(), columnIndex, column.fixed, props.store, row);
+      const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(ns.b(), columnIndex, column.fixed, props.store, row);
       const classes = [
         column.id,
         column.order,
@@ -29390,7 +29261,8 @@
           vue.h("div", {
             class: [
               "cell",
-              column.filteredValue && column.filteredValue.length > 0 ? "highlight" : ""
+              column.filteredValue && column.filteredValue.length > 0 ? "highlight" : "",
+              column.labelClassName
             ]
           }, [
             column.renderHeader ? column.renderHeader({
@@ -29459,7 +29331,7 @@
     const handleMouseLeave = debounce(() => {
       props.store.commit("setHoverRow", null);
     }, 30);
-    const handleCellMouseEnter = (event, row, tooltipEffect) => {
+    const handleCellMouseEnter = (event, row) => {
       var _a;
       const table = parent;
       const cell = getCell(event);
@@ -29481,10 +29353,10 @@
       const rangeWidth = range.getBoundingClientRect().width;
       const padding = (Number.parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (Number.parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
       if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
-        createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
+        createTablePopper(cell, cell.innerText || cell.textContent, {
           placement: "top",
           strategy: "fixed"
-        }, tooltipEffect);
+        }, row.tooltipEffect);
       }
     };
     const handleCellMouseLeave = (event) => {
@@ -29550,13 +29422,13 @@
           column
         });
       }
-      const fixedStyle = getFixedColumnOffset(columnIndex, props == null ? void 0 : props.fixed, props.store);
+      const fixedStyle = column.isSubColumn ? null : getFixedColumnOffset(columnIndex, props == null ? void 0 : props.fixed, props.store);
       ensurePosition(fixedStyle, "left");
       ensurePosition(fixedStyle, "right");
       return Object.assign({}, cellStyles, fixedStyle);
     };
-    const getCellClass = (rowIndex, columnIndex, row, column, offset) => {
-      const fixedClasses = getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store, void 0, offset);
+    const getCellClass = (rowIndex, columnIndex, row, column) => {
+      const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store);
       const classes = [column.id, column.align, column.className, ...fixedClasses];
       const cellClassName = parent == null ? void 0 : parent.props.cellClassName;
       if (typeof cellClassName === "string") {
@@ -29612,7 +29484,6 @@
 
   function useRender$1(props) {
     const parent = vue.inject(TABLE_INJECTION_KEY);
-    const ns = useNamespace("table");
     const {
       handleDoubleClick,
       handleClick,
@@ -29648,7 +29519,7 @@
       const rowClasses = getRowClass(row, $index);
       let display = true;
       if (treeRowData) {
-        rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
+        rowClasses.push(`el-table__row--level-${treeRowData.level}`);
         display = treeRowData.display;
       }
       const displayStyle = display ? null : {
@@ -29699,7 +29570,7 @@
         const tdChildren = cellChildren(cellIndex, column, data);
         return vue.h("td", {
           style: getCellStyle($index, cellIndex, row, column),
-          class: getCellClass($index, cellIndex, row, column, colspan - 1),
+          class: getCellClass($index, cellIndex, row, column),
           key: `${patchKey}${baseKey}`,
           rowspan,
           colspan,
@@ -29735,7 +29606,7 @@
               }, [
                 vue.h("td", {
                   colspan: columns.length,
-                  class: `${ns.e("cell")} ${ns.e("expanded-cell")}`
+                  class: "el-table__cell el-table__expanded-cell"
                 }, [renderExpanded({ row, $index, store, expanded })])
               ])
             ]
@@ -29849,6 +29720,10 @@
         var _a;
         (_a = removePopper) == null ? void 0 : _a();
       });
+      vue.onUpdated(() => {
+        var _a;
+        (_a = removePopper) == null ? void 0 : _a();
+      });
       return {
         ns,
         onColumnsChange,
@@ -30058,7 +29933,7 @@
             }, [
               vue.h("div", {
                 class: ["cell", column.labelClassName]
-              }, [sums[cellIndex]])
+              }, [(sums || [])[cellIndex]])
             ]))
           ])
         ])
@@ -30117,8 +29992,7 @@
     };
     const resizeState = vue.ref({
       width: null,
-      height: null,
-      headerHeight: null
+      height: null
     });
     const isGroup = vue.ref(false);
     const scrollbarViewStyle = {
@@ -30126,28 +30000,6 @@
       verticalAlign: "middle"
     };
     const tableWidth = vue.ref();
-    const tableScrollHeight = vue.ref(0);
-    const bodyScrollHeight = vue.ref(0);
-    const headerScrollHeight = vue.ref(0);
-    const footerScrollHeight = vue.ref(0);
-    vue.watchEffect(() => {
-      layout.setHeight(props.height);
-    });
-    vue.watchEffect(() => {
-      layout.setMaxHeight(props.maxHeight);
-    });
-    vue.watch(() => [props.currentRowKey, store.states.rowKey], ([currentRowKey, rowKey]) => {
-      if (!vue.unref(rowKey) || !vue.unref(currentRowKey))
-        return;
-      store.setCurrentRowKey(`${currentRowKey}`);
-    }, {
-      immediate: true
-    });
-    vue.watchEffect(() => {
-      if (props.expandRowKeys) {
-        store.setExpandRowKeysAdapter(props.expandRowKeys);
-      }
-    });
     const handleMouseLeave = () => {
       table.store.commit("setHoverRow", null);
       if (table.hoverState)
@@ -30172,22 +30024,16 @@
         layout.updateElsHeight();
       }
       layout.updateColumnsWidth();
-      requestAnimationFrame(syncPosition);
+      requestAnimationFrame(syncPostion);
     };
     vue.onMounted(async () => {
       await vue.nextTick();
       store.updateColumns();
       bindEvents();
       requestAnimationFrame(doLayout);
-      const el = table.vnode.el;
-      const tableHeader = table.refs.headerWrapper;
-      if (props.flexible && el && el.parentElement) {
-        el.parentElement.style.minWidth = "0";
-      }
       resizeState.value = {
-        width: tableWidth.value = el.offsetWidth,
-        height: el.offsetHeight,
-        headerHeight: props.showHeader && tableHeader ? tableHeader.offsetHeight : null
+        width: tableWidth.value = table.vnode.el.offsetWidth,
+        height: table.vnode.el.offsetHeight
       };
       store.states.columns.value.forEach((column) => {
         if (column.filteredValue && column.filteredValue.length) {
@@ -30215,7 +30061,7 @@
       const { tableWrapper } = table.refs;
       return !!(tableWrapper && tableWrapper.classList.contains(className));
     };
-    const syncPosition = function() {
+    const syncPostion = function() {
       if (!table.refs.scrollBarRef)
         return;
       if (!layout.scrollX.value) {
@@ -30225,7 +30071,7 @@
         }
         return;
       }
-      const scrollContainer = table.refs.scrollBarRef.wrapRef;
+      const scrollContainer = table.refs.scrollBarRef.wrap$;
       if (!scrollContainer)
         return;
       const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer;
@@ -30244,56 +30090,48 @@
       }
     };
     const bindEvents = () => {
+      var _a;
       if (!table.refs.scrollBarRef)
         return;
-      if (table.refs.scrollBarRef.wrapRef) {
-        useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, {
-          passive: true
-        });
+      (_a = table.refs.scrollBarRef.wrap$) == null ? void 0 : _a.addEventListener("scroll", syncPostion, {
+        passive: true
+      });
+      if (props.fit) {
+        addResizeListener(table.vnode.el, resizeListener);
+      } else {
+        on$1(window, "resize", doLayout);
       }
+    };
+    vue.onBeforeUnmount(() => {
+      unbindEvents();
+    });
+    const unbindEvents = () => {
+      var _a;
+      (_a = table.refs.scrollBarRef.wrap$) == null ? void 0 : _a.removeEventListener("scroll", syncPostion, true);
       if (props.fit) {
-        useResizeObserver(table.vnode.el, resizeListener);
+        removeResizeListener(table.vnode.el, resizeListener);
       } else {
-        useEventListener(window, "resize", resizeListener);
+        off(window, "resize", doLayout);
       }
-      useResizeObserver(table.refs.bodyWrapper, () => {
-        var _a, _b;
-        resizeListener();
-        (_b = (_a = table.refs) == null ? void 0 : _a.scrollBarRef) == null ? void 0 : _b.update();
-      });
     };
     const resizeListener = () => {
-      var _a, _b, _c;
-      const el = table.vnode.el;
-      if (!table.$ready || !el)
+      if (!table.$ready)
         return;
       let shouldUpdateLayout = false;
-      const {
-        width: oldWidth,
-        height: oldHeight,
-        headerHeight: oldHeaderHeight
-      } = resizeState.value;
+      const el = table.vnode.el;
+      const { width: oldWidth, height: oldHeight } = resizeState.value;
       const width = tableWidth.value = el.offsetWidth;
       if (oldWidth !== width) {
         shouldUpdateLayout = true;
       }
-      const height = el.offsetHeight;
-      if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
-        shouldUpdateLayout = true;
-      }
-      const tableHeader = props.tableLayout === "fixed" ? table.refs.headerWrapper : (_a = table.refs.tableHeaderRef) == null ? void 0 : _a.$el;
-      if (props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) !== oldHeaderHeight) {
+      const height2 = el.offsetHeight;
+      if ((props.height || shouldUpdateHeight.value) && oldHeight !== height2) {
         shouldUpdateLayout = true;
       }
-      tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
-      headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
-      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.offsetHeight) || 0;
-      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
           width,
-          height,
-          headerHeight: props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) || 0
+          height: height2
         };
         doLayout();
       }
@@ -30308,55 +30146,57 @@
         return "fixed";
       return props.tableLayout;
     });
-    const emptyBlockStyle = vue.computed(() => {
-      if (props.data && props.data.length)
-        return null;
-      let height = "100%";
-      if (props.height && bodyScrollHeight.value) {
-        height = `${bodyScrollHeight.value}px`;
+    function calcMaxHeight(maxHeight, footerHeight, headerHeight) {
+      const parsedMaxHeight = parseHeight(maxHeight);
+      const tableHeaderHeight = props.showHeader ? headerHeight : 0;
+      if (parsedMaxHeight === null)
+        return;
+      if (isString(parsedMaxHeight)) {
+        return `calc(${parsedMaxHeight} - ${footerHeight}px - ${tableHeaderHeight}px)`;
       }
-      const width = tableWidth.value;
-      return {
-        width: width ? `${width}px` : "",
-        height
-      };
-    });
-    const tableInnerStyle = vue.computed(() => {
+      return parsedMaxHeight - footerHeight - tableHeaderHeight;
+    }
+    const height = vue.computed(() => {
+      const headerHeight = layout.headerHeight.value || 0;
+      const bodyHeight2 = layout.bodyHeight.value;
+      const footerHeight = layout.footerHeight.value || 0;
       if (props.height) {
-        return {
-          height: !Number.isNaN(Number(props.height)) ? `${props.height}px` : props.height
-        };
+        return bodyHeight2 ? bodyHeight2 : void 0;
+      } else if (props.maxHeight) {
+        return calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
       }
-      if (props.maxHeight) {
-        return {
-          maxHeight: !Number.isNaN(Number(props.maxHeight)) ? `${props.maxHeight}px` : props.maxHeight
-        };
-      }
-      return {};
+      return void 0;
     });
-    const scrollbarStyle = vue.computed(() => {
+    const bodyHeight = vue.computed(() => {
+      const headerHeight = layout.headerHeight.value || 0;
+      const bodyHeight2 = layout.bodyHeight.value;
+      const footerHeight = layout.footerHeight.value || 0;
       if (props.height) {
         return {
-          height: "100%"
+          height: bodyHeight2 ? `${bodyHeight2}px` : ""
         };
-      }
-      if (props.maxHeight) {
-        if (!Number.isNaN(Number(props.maxHeight))) {
-          const maxHeight = props.maxHeight;
-          const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
-          if (reachMaxHeight) {
-            return {
-              maxHeight: `${tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value}px`
-            };
-          }
-        } else {
+      } else if (props.maxHeight) {
+        const maxHeight = calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
+        if (maxHeight !== null) {
           return {
-            maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value + footerScrollHeight.value}px)`
+            "max-height": `${maxHeight}${isNumber(maxHeight) ? "px" : ""}`
           };
         }
       }
       return {};
     });
+    const emptyBlockStyle = vue.computed(() => {
+      if (props.data && props.data.length)
+        return null;
+      let height2 = "100%";
+      if (layout.appendHeight.value) {
+        height2 = `calc(100% - ${layout.appendHeight.value}px)`;
+      }
+      return {
+        width: tableWidth.value ? `${tableWidth.value}px` : "",
+        height: height2
+      };
+    });
     const handleFixedMousewheel = (event, data) => {
       const bodyWrapper = table.refs.bodyWrapper;
       if (Math.abs(data.spinY) > 0) {
@@ -30372,6 +30212,47 @@
         bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
       }
     };
+    const fixedHeight = vue.computed(() => {
+      if (props.maxHeight) {
+        if (props.showSummary) {
+          return {
+            bottom: 0
+          };
+        }
+        return {
+          bottom: layout.scrollX.value && props.data.length ? `${layout.gutterWidth}px` : ""
+        };
+      } else {
+        if (props.showSummary) {
+          return {
+            height: layout.tableHeight.value ? `${layout.tableHeight.value}px` : ""
+          };
+        }
+        return {
+          height: layout.viewportHeight.value ? `${layout.viewportHeight.value}px` : ""
+        };
+      }
+    });
+    const fixedBodyHeight = vue.computed(() => {
+      if (props.height) {
+        return {
+          height: layout.fixedBodyHeight.value ? `${layout.fixedBodyHeight.value}px` : ""
+        };
+      } else if (props.maxHeight) {
+        let maxHeight = parseHeight(props.maxHeight);
+        if (typeof maxHeight === "number") {
+          maxHeight = layout.scrollX.value ? maxHeight - layout.gutterWidth : maxHeight;
+          if (props.showHeader) {
+            maxHeight -= layout.headerHeight.value;
+          }
+          maxHeight -= layout.footerHeight.value;
+          return {
+            "max-height": `${maxHeight}px`
+          };
+        }
+      }
+      return {};
+    });
     return {
       isHidden,
       renderExpanded,
@@ -30380,24 +30261,28 @@
       handleMouseLeave,
       handleHeaderFooterMousewheel,
       tableSize,
+      bodyHeight,
+      height,
       emptyBlockStyle,
       handleFixedMousewheel,
+      fixedHeight,
+      fixedBodyHeight,
       resizeProxyVisible,
       bodyWidth,
       resizeState,
       doLayout,
       tableBodyStyles,
       tableLayout,
-      scrollbarViewStyle,
-      tableInnerStyle,
-      scrollbarStyle
+      scrollbarViewStyle
     };
   }
 
   var defaultProps$1 = {
     data: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     },
     size: String,
     width: [String, Number],
@@ -30467,8 +30352,7 @@
     scrollbarAlwaysOn: {
       type: Boolean,
       default: false
-    },
-    flexible: Boolean
+    }
   };
 
   const useScrollbar = () => {
@@ -30563,21 +30447,23 @@
         handleMouseLeave,
         handleHeaderFooterMousewheel,
         tableSize,
+        bodyHeight,
+        height,
         emptyBlockStyle,
         handleFixedMousewheel,
+        fixedHeight,
+        fixedBodyHeight,
         resizeProxyVisible,
         bodyWidth,
         resizeState,
         doLayout,
         tableBodyStyles,
         tableLayout,
-        scrollbarViewStyle,
-        tableInnerStyle,
-        scrollbarStyle
+        scrollbarViewStyle
       } = useStyle(props, layout, store, table);
       const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar();
       const debouncedUpdateLayout = debounce(doLayout, 50);
-      const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`;
+      const tableId = `el-table_${tableIdSeed++}`;
       table.tableId = tableId;
       table.state = {
         isGroup,
@@ -30604,10 +30490,14 @@
         resizeState,
         isGroup,
         bodyWidth,
+        bodyHeight,
+        height,
         tableBodyStyles,
         emptyBlockStyle,
         debouncedUpdateLayout,
         handleFixedMousewheel,
+        fixedHeight,
+        fixedBodyHeight,
         setCurrentRow,
         getSelectionRows,
         toggleRowSelection,
@@ -30625,8 +30515,6 @@
         computedEmptyText,
         tableLayout,
         scrollbarViewStyle,
-        tableInnerStyle,
-        scrollbarStyle,
         scrollBarRef,
         scrollTo,
         setScrollLeft,
@@ -30671,8 +30559,7 @@
       "data-prefix": _ctx.ns.namespace.value
     }, [
       vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper")),
-        style: vue.normalizeStyle(_ctx.tableInnerStyle)
+        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper"))
       }, [
         vue.createElementVNode("div", _hoisted_2$2, [
           vue.renderSlot(_ctx.$slots, "default")
@@ -30706,12 +30593,14 @@
         ]) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", {
           ref: "bodyWrapper",
+          style: vue.normalizeStyle(_ctx.bodyHeight),
           class: vue.normalizeClass(_ctx.ns.e("body-wrapper"))
         }, [
           vue.createVNode(_component_ps_scrollbar, {
             ref: "scrollBarRef",
+            height: _ctx.maxHeight ? void 0 : _ctx.height,
+            "max-height": _ctx.maxHeight ? _ctx.height : void 0,
             "view-style": _ctx.scrollbarViewStyle,
-            "wrap-style": _ctx.scrollbarStyle,
             always: _ctx.scrollbarAlwaysOn
           }, {
             default: vue.withCtx(() => [
@@ -30732,7 +30621,6 @@
                 }, null, 8, ["columns", "table-layout"]),
                 _ctx.showHeader && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_header, {
                   key: 0,
-                  ref: "tableHeaderRef",
                   border: _ctx.border,
                   "default-sort": _ctx.defaultSort,
                   store: _ctx.store
@@ -30770,30 +30658,30 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["view-style", "wrap-style", "always"])
-        ], 2),
-        _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          ref: "footerWrapper",
-          class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
-        }, [
-          vue.createVNode(_component_table_footer, {
-            border: _ctx.border,
-            "default-sort": _ctx.defaultSort,
-            store: _ctx.store,
-            style: vue.normalizeStyle(_ctx.tableBodyStyles),
-            "sum-text": _ctx.computedSumText,
-            "summary-method": _ctx.summaryMethod
-          }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-        ], 2)), [
-          [vue.vShow, !_ctx.isEmpty],
-          [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-        ]) : vue.createCommentVNode("v-if", true),
+          }, 8, ["height", "max-height", "view-style", "always"])
+        ], 6),
         _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
+          key: 1,
           class: vue.normalizeClass(_ctx.ns.e("border-left-patch"))
         }, null, 2)) : vue.createCommentVNode("v-if", true)
-      ], 6),
+      ], 2),
+      _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        ref: "footerWrapper",
+        class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
+      }, [
+        vue.createVNode(_component_table_footer, {
+          border: _ctx.border,
+          "default-sort": _ctx.defaultSort,
+          store: _ctx.store,
+          style: vue.normalizeStyle(_ctx.tableBodyStyles),
+          "sum-text": _ctx.computedSumText,
+          "summary-method": _ctx.summaryMethod
+        }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+      ], 2)), [
+        [vue.vShow, !_ctx.isEmpty],
+        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
+      ]) : vue.createCommentVNode("v-if", true),
       vue.withDirectives(vue.createElementVNode("div", {
         ref: "resizeProxy",
         class: vue.normalizeClass(_ctx.ns.e("column-resize-proxy"))
@@ -30955,9 +30843,6 @@
     const ele = [];
     const callback = function(e) {
       e.stopPropagation();
-      if (treeNode.loading) {
-        return;
-      }
       store.loadOrToggle(row);
     };
     if (treeNode.indent) {
@@ -31092,9 +30977,6 @@
       if (realMinWidth.value) {
         column.minWidth = realMinWidth.value;
       }
-      if (!realWidth.value && realMinWidth.value) {
-        column.width = void 0;
-      }
       if (!column.minWidth) {
         column.minWidth = 80;
       }
@@ -31139,6 +31021,7 @@
         };
       }
       let originRenderCell = column.renderCell;
+      const hasTreeColumnValue = hasTreeColumn.value;
       if (column.type === "expand") {
         column.renderCell = (data) => vue.h("div", {
           class: "cell"
@@ -31156,7 +31039,7 @@
           } else {
             children = originRenderCell(data);
           }
-          const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === 0 && data.column.type !== "selection";
+          const shouldCreatePlaceholder = hasTreeColumnValue && data.cellIndex === 0;
           const prefix = treeCellPrefix(data, shouldCreatePlaceholder);
           const props2 = {
             class: "cell",