@element-plus/nightly 0.0.20220709 → 0.0.20220712

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220709 */
+/*! Element Plus v0.0.20220712 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, watch, unref, getCurrentInstance, onMounted, nextTick, computed, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
@@ -10730,7 +10730,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "0.0.20220709";
+const version$1 = "0.0.20220712";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -12032,7 +12032,9 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     }));
     onMounted(() => {
       if (!props.native)
-        nextTick(() => update());
+        nextTick(() => {
+          update();
+        });
     });
     onUpdated(() => update());
     expose({
@@ -20964,9 +20966,8 @@ const _sfc_main$1B = defineComponent({
   }
 });
 const _hoisted_1$M = { key: 0 };
-const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
-const _hoisted_3$k = ["placeholder"];
-const _hoisted_4$d = ["onClick"];
+const _hoisted_2$x = ["placeholder"];
+const _hoisted_3$k = ["onClick"];
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -21088,11 +21089,13 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
                     createElementVNode("span", null, toDisplayString(tag.text), 1)
                   ]),
                   content: withCtx(() => [
-                    createElementVNode("div", _hoisted_2$x, [
+                    createElementVNode("div", {
+                      class: normalizeClass(_ctx.nsCascader.e("collapse-tags"))
+                    }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.allPresentTags, (tag2, idx) => {
                         return openBlock(), createElementBlock("div", {
                           key: idx,
-                          class: "el-cascader__collapse-tag"
+                          class: normalizeClass(_ctx.nsCascader.e("collapse-tag"))
                         }, [
                           (openBlock(), createBlock(_component_el_tag, {
                             key: tag2.key,
@@ -21109,9 +21112,9 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
                             ]),
                             _: 2
                           }, 1032, ["type", "size", "hit", "closable", "onClose"]))
-                        ]);
+                        ], 2);
                       }), 128))
-                    ])
+                    ], 2)
                   ]),
                   _: 2
                 }, 1032, ["disabled"]))
@@ -21131,7 +21134,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-          }, null, 42, _hoisted_3$k)), [
+          }, null, 42, _hoisted_2$x)), [
             [vModelText, _ctx.searchInputValue]
           ]) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true)
@@ -21179,7 +21182,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_4$d);
+            ], 10, _hoisted_3$k);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
             createElementVNode("li", {
               class: normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -29503,8 +29506,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       const computedValue = getProp(model, props.prop);
       if (!isEqual$1(computedValue.value, initialValue)) {
         isResettingField = true;
+        computedValue.value = clone(initialValue);
       }
-      computedValue.value = clone(initialValue);
       await nextTick();
       clearValidate();
     };
@@ -32558,8 +32561,6 @@ const useSelect$3 = (props, states, ctx) => {
   };
   const toggleMenu = () => {
     var _a;
-    if (props.automaticDropdown)
-      return;
     if (!selectDisabled.value) {
       if (states.menuVisibleOnFocus) {
         states.menuVisibleOnFocus = false;
@@ -34026,18 +34027,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       var _a, _b;
       (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
     };
-    const handleCallback = () => {
-      hidePopper();
-    };
     const confirm = (e) => {
       var _a;
       (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
-      handleCallback();
+      hidePopper();
     };
     const cancel = (e) => {
       var _a;
       (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
-      handleCallback();
+      hidePopper();
     };
     const finalConfirmButtonText = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
     const finalCancelButtonText = computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
@@ -39197,7 +39195,7 @@ var SliderMarker = defineComponent({
     const style = computed(() => isString(props.mark) ? void 0 : props.mark.style);
     return () => h$1("div", {
       class: ns.e("marks-text"),
-      style
+      style: style.value
     }, label.value);
   }
 });
@@ -40516,11 +40514,9 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
     try {
       popperInstance && popperInstance.destroy();
       content && (parentNode == null ? void 0 : parentNode.removeChild(content));
-      off(trigger, "mouseenter", showPopper);
-      off(trigger, "mouseleave", removePopper);
-      if (scrollContainer) {
-        off(scrollContainer, "scroll", removePopper);
-      }
+      trigger.removeEventListener("mouseenter", showPopper);
+      trigger.removeEventListener("mouseleave", removePopper);
+      scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
       removePopper = void 0;
     } catch (e) {
     }
@@ -40548,11 +40544,9 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
     ],
     ...popperOptions
   });
-  on$1(trigger, "mouseenter", showPopper);
-  on$1(trigger, "mouseleave", removePopper);
-  if (scrollContainer) {
-    on$1(scrollContainer, "scroll", removePopper);
-  }
+  trigger.addEventListener("mouseenter", showPopper);
+  trigger.addEventListener("mouseleave", removePopper);
+  scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
   return popperInstance;
 }
 const isFixedColumn = (index, fixed, store, realColumns) => {
@@ -41610,14 +41604,6 @@ class TableLayout {
     this.bodyWidth = ref(null);
     this.fixedWidth = ref(null);
     this.rightFixedWidth = ref(null);
-    this.tableHeight = ref(null);
-    this.headerHeight = ref(44);
-    this.appendHeight = ref(0);
-    this.footerHeight = ref(44);
-    this.viewportHeight = ref(null);
-    this.bodyHeight = ref(null);
-    this.bodyScrollHeight = ref(0);
-    this.fixedBodyHeight = ref(null);
     this.gutterWidth = 0;
     for (const name in options) {
       if (hasOwn(options, name)) {
@@ -41639,15 +41625,11 @@ class TableLayout {
     const height = this.height.value;
     if (height === null)
       return false;
-    const bodyWrapper = this.table.refs.bodyWrapper;
-    if (this.table.vnode.el && bodyWrapper) {
+    const scrollBarRef = this.table.refs.scrollBarRef;
+    if (this.table.vnode.el && scrollBarRef) {
       let scrollY = true;
       const prevScrollY = this.scrollY.value;
-      if (this.bodyHeight.value === null) {
-        scrollY = false;
-      } else {
-        scrollY = bodyWrapper.scrollHeight > this.bodyHeight.value;
-      }
+      scrollY = scrollBarRef.wrap$.scrollHeight > scrollBarRef.wrap$.clientHeight;
       this.scrollY.value = scrollY;
       return prevScrollY !== scrollY;
     }
@@ -41685,43 +41667,6 @@ class TableLayout {
     return flattenColumns;
   }
   updateElsHeight() {
-    var _a, _b;
-    if (!this.table.$ready)
-      return 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 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");
   }
@@ -43357,14 +43302,18 @@ function useStyle(props, layout, store, table) {
   };
   const resizeState = ref({
     width: null,
-    height: null
+    height: null,
+    headerHeight: null
   });
   const isGroup = ref(false);
   const scrollbarViewStyle = {
-    display: "block",
+    display: "inline-block",
     verticalAlign: "middle"
   };
   const tableWidth = ref();
+  const tableScrollHeight = ref(0);
+  const bodyScrollHeight = ref(0);
+  const headerScrollHeight = ref(0);
   watchEffect(() => {
     layout.setHeight(props.height);
   });
@@ -43421,12 +43370,14 @@ function useStyle(props, layout, store, table) {
     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
+      height: el.offsetHeight,
+      headerHeight: props.showHeader && tableHeader ? tableHeader.offsetHeight : null
     };
     store.states.columns.value.forEach((column) => {
       if (column.filteredValue && column.filteredValue.length) {
@@ -43497,23 +43448,36 @@ function useStyle(props, layout, store, table) {
     }
   };
   const resizeListener = () => {
+    var _a;
     if (!table.$ready)
       return;
     let shouldUpdateLayout = false;
     const el = table.vnode.el;
-    const { width: oldWidth, height: oldHeight } = resizeState.value;
+    const {
+      width: oldWidth,
+      height: oldHeight,
+      headerHeight: oldHeaderHeight
+    } = resizeState.value;
     const width = tableWidth.value = el.offsetWidth;
     if (oldWidth !== width) {
       shouldUpdateLayout = true;
     }
-    const height2 = el.offsetHeight;
-    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height2) {
+    const height = el.offsetHeight;
+    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
+      shouldUpdateLayout = true;
+    }
+    const tableHeader = table.refs.headerWrapper;
+    if (props.showHeader && tableHeader.offsetHeight !== oldHeaderHeight) {
       shouldUpdateLayout = true;
     }
+    tableScrollHeight.value = table.refs.tableWrapper.scrollHeight;
+    headerScrollHeight.value = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+    bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value;
     if (shouldUpdateLayout) {
       resizeState.value = {
         width,
-        height: height2
+        height,
+        headerHeight: props.showHeader ? tableHeader.offsetHeight : null
       };
       doLayout();
     }
@@ -43528,57 +43492,57 @@ function useStyle(props, layout, store, table) {
       return "fixed";
     return props.tableLayout;
   });
-  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 emptyBlockStyle = computed(() => {
+    if (props.data && props.data.length)
+      return null;
+    let height = "100%";
+    if (bodyScrollHeight.value) {
+      height = `${bodyScrollHeight.value}px`;
     }
-    return parsedMaxHeight - footerHeight - tableHeaderHeight;
-  }
-  const height = computed(() => {
-    const headerHeight = layout.headerHeight.value || 0;
-    const bodyHeight2 = layout.bodyHeight.value;
-    const footerHeight = layout.footerHeight.value || 0;
+    const width = tableWidth.value;
+    return {
+      width: width ? `${width}px` : "",
+      height
+    };
+  });
+  const tableInnerStyle = computed(() => {
     if (props.height) {
-      return bodyHeight2 ? bodyHeight2 : void 0;
-    } else if (props.maxHeight) {
-      return calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
+      return {
+        height: !Number.isNaN(Number(props.height)) ? `${props.height}px` : props.height
+      };
     }
-    return void 0;
+    if (props.maxHeight) {
+      return {
+        maxHeight: !Number.isNaN(Number(props.maxHeight)) ? `${props.maxHeight}px` : props.maxHeight
+      };
+    }
+    return {};
   });
-  const bodyHeight = computed(() => {
-    const headerHeight = layout.headerHeight.value || 0;
-    const bodyHeight2 = layout.bodyHeight.value;
-    const footerHeight = layout.footerHeight.value || 0;
+  const scrollbarStyle = computed(() => {
+    var _a;
     if (props.height) {
       return {
-        height: bodyHeight2 ? `${bodyHeight2}px` : ""
+        height: "100%"
       };
-    } else if (props.maxHeight) {
-      const maxHeight = calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
-      if (maxHeight !== null) {
+    }
+    if (props.maxHeight) {
+      if (!Number.isNaN(Number(props.maxHeight))) {
+        const headerHeight = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+        const maxHeight = props.maxHeight;
+        const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
+        if (reachMaxHeight) {
+          return {
+            maxHeight: `${tableScrollHeight.value - headerHeight}px`
+          };
+        }
+      } else {
         return {
-          "max-height": `${maxHeight}${isNumber(maxHeight) ? "px" : ""}`
+          maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value}px)`
         };
       }
     }
     return {};
   });
-  const emptyBlockStyle = 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) {
@@ -43594,47 +43558,6 @@ function useStyle(props, layout, store, table) {
       bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
     }
   };
-  const fixedHeight = 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 = 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,
@@ -43643,19 +43566,17 @@ function useStyle(props, layout, store, table) {
     handleMouseLeave,
     handleHeaderFooterMousewheel,
     tableSize,
-    bodyHeight,
-    height,
     emptyBlockStyle,
     handleFixedMousewheel,
-    fixedHeight,
-    fixedBodyHeight,
     resizeProxyVisible,
     bodyWidth,
     resizeState,
     doLayout,
     tableBodyStyles,
     tableLayout,
-    scrollbarViewStyle
+    scrollbarViewStyle,
+    tableInnerStyle,
+    scrollbarStyle
   };
 }
 
@@ -43830,19 +43751,17 @@ const _sfc_main$p = defineComponent({
       handleMouseLeave,
       handleHeaderFooterMousewheel,
       tableSize,
-      bodyHeight,
-      height,
       emptyBlockStyle,
       handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
       resizeProxyVisible,
       bodyWidth,
       resizeState,
       doLayout,
       tableBodyStyles,
       tableLayout,
-      scrollbarViewStyle
+      scrollbarViewStyle,
+      tableInnerStyle,
+      scrollbarStyle
     } = useStyle(props, layout, store, table);
     const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
     const debouncedUpdateLayout = debounce(doLayout, 50);
@@ -43873,14 +43792,10 @@ const _sfc_main$p = defineComponent({
       resizeState,
       isGroup,
       bodyWidth,
-      bodyHeight,
-      height,
       tableBodyStyles,
       emptyBlockStyle,
       debouncedUpdateLayout,
       handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
       setCurrentRow,
       getSelectionRows,
       toggleRowSelection,
@@ -43898,6 +43813,8 @@ const _sfc_main$p = defineComponent({
       computedEmptyText,
       tableLayout,
       scrollbarViewStyle,
+      tableInnerStyle,
+      scrollbarStyle,
       scrollBarRef,
       scrollTo,
       setScrollLeft,
@@ -43943,7 +43860,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
   }, [
     createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("inner-wrapper"))
+      class: normalizeClass(_ctx.ns.e("inner-wrapper")),
+      style: normalizeStyle(_ctx.tableInnerStyle)
     }, [
       createElementVNode("div", _hoisted_2$7, [
         renderSlot(_ctx.$slots, "default")
@@ -43978,14 +43896,12 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       ]) : createCommentVNode("v-if", true),
       createElementVNode("div", {
         ref: "bodyWrapper",
-        style: normalizeStyle(_ctx.bodyHeight),
         class: normalizeClass(_ctx.ns.e("body-wrapper"))
       }, [
         createVNode(_component_el_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: withCtx(() => [
@@ -44044,30 +43960,30 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2)) : createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["height", "max-height", "view-style", "always"])
-      ], 6),
-      _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
+        }, 8, ["view-style", "wrap-style", "always"])
+      ], 2),
+      _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", {
         key: 1,
+        ref: "footerWrapper",
+        class: normalizeClass(_ctx.ns.e("footer-wrapper"))
+      }, [
+        createVNode(_component_table_footer, {
+          border: _ctx.border,
+          "default-sort": _ctx.defaultSort,
+          store: _ctx.store,
+          style: normalizeStyle(_ctx.tableBodyStyles),
+          "sum-text": _ctx.computedSumText,
+          "summary-method": _ctx.summaryMethod
+        }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+      ], 2)), [
+        [vShow, !_ctx.isEmpty],
+        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
+      ]) : createCommentVNode("v-if", true),
+      _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
+        key: 2,
         class: normalizeClass(_ctx.ns.e("border-left-patch"))
       }, null, 2)) : createCommentVNode("v-if", true)
-    ], 2),
-    _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 0,
-      ref: "footerWrapper",
-      class: normalizeClass(_ctx.ns.e("footer-wrapper"))
-    }, [
-      createVNode(_component_table_footer, {
-        border: _ctx.border,
-        "default-sort": _ctx.defaultSort,
-        store: _ctx.store,
-        style: normalizeStyle(_ctx.tableBodyStyles),
-        "sum-text": _ctx.computedSumText,
-        "summary-method": _ctx.summaryMethod
-      }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-    ], 2)), [
-      [vShow, !_ctx.isEmpty],
-      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-    ]) : createCommentVNode("v-if", true),
+    ], 6),
     withDirectives(createElementVNode("div", {
       ref: "resizeProxy",
       class: normalizeClass(_ctx.ns.e("column-resize-proxy"))

package/dist/locale/af.js

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

package/dist/locale/af.min.js

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20220709 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};return e});
+/*! Element Plus v0.0.20220712 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};return e});
 //# sourceMappingURL=af.min.js.map

package/dist/locale/af.min.mjs

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20220709 */var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};export{e as default};
+/*! Element Plus v0.0.20220712 */var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};export{e as default};
 //# sourceMappingURL=af.min.mjs.map

package/dist/locale/af.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220709 */
+/*! Element Plus v0.0.20220712 */
 
 var af = {
   name: "af",

package/dist/locale/ar.js

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