element-pe 2.2.72 → 2.2.73

package/dist/index.full.js

@@ -11708,10 +11708,7 @@
       type: Boolean,
       default: true
     },
-    hideRequiredAsterisk: {
-      type: Boolean,
-      default: false
-    },
+    hideRequiredAsterisk: Boolean,
     scrollToError: Boolean,
     scrollIntoViewOptions: {
       type: [Object, Boolean]
@@ -13724,16 +13721,16 @@
       const onceInitSizeTextarea = createOnceInitResize(resizeTextarea);
       const setNativeInputValue = () => {
         const input2 = _ref.value;
-        if (!input2 || input2.value === nativeInputValue.value)
+        const formatterValue = props.formatter ? props.formatter(nativeInputValue.value) : nativeInputValue.value;
+        if (!input2 || input2.value === formatterValue)
           return;
-        input2.value = nativeInputValue.value;
+        input2.value = formatterValue;
       };
       const handleInput = async (event) => {
         recordCursor();
         let { value } = event.target;
         if (props.formatter) {
           value = props.parser ? props.parser(value) : value;
-          value = props.formatter(value);
         }
         if (isComposing.value)
           return;
@@ -16632,6 +16629,7 @@
         }
         container.value = el.value;
       }
+      handleScroll();
     });
     return {
       visible,
@@ -18608,6 +18606,7 @@
     ],
     setup(__props, { expose, emit }) {
       const props = __props;
+      const attrs = vue.useAttrs();
       const { lang } = useLocale();
       const nsDate = useNamespace("date");
       const nsInput = useNamespace("input");
@@ -18622,6 +18621,23 @@
       const valueOnOpen = vue.ref(null);
       let hasJustTabExitedInput = false;
       let ignoreFocusEvent = false;
+      const rangeInputKls = vue.computed(() => [
+        nsDate.b("editor"),
+        nsDate.bm("editor", props.type),
+        nsInput.e("wrapper"),
+        pickerViewMode.value ? "view-mode-" + pickerViewMode.value : "",
+        nsDate.is("table-input", pickerTableInput.value),
+        nsDate.is("disabled", pickerDisabled.value),
+        nsDate.is("active", pickerVisible.value),
+        nsRange.b("editor"),
+        pickerSize.value ? nsRange.bm("editor", pickerSize.value) : "",
+        attrs.class
+      ]);
+      const clearIconKls = vue.computed(() => [
+        nsInput.e("icon"),
+        nsRange.e("close-icon"),
+        !showClose.value ? nsRange.e("close-icon--hidden") : ""
+      ]);
       watch(pickerVisible, (val) => {
         if (!val) {
           userInput.value = null;
@@ -19131,18 +19147,7 @@
               key: 1,
               ref_key: "inputRef",
               ref: inputRef,
-              class: vue.normalizeClass([
-                vue.unref(nsDate).b("editor"),
-                vue.unref(nsDate).bm("editor", _ctx.type),
-                vue.unref(nsInput).e("wrapper"),
-                vue.unref(pickerViewMode) ? "view-mode-" + vue.unref(pickerViewMode) : "",
-                vue.unref(nsDate).is("disabled", vue.unref(pickerDisabled)),
-                vue.unref(nsDate).is("table-input", vue.unref(pickerTableInput)),
-                vue.unref(nsDate).is("active", pickerVisible.value),
-                vue.unref(nsRange).b("editor"),
-                vue.unref(pickerSize) ? vue.unref(nsRange).bm("editor", vue.unref(pickerSize)) : "",
-                _ctx.$attrs.class
-              ]),
+              class: vue.normalizeClass(vue.unref(rangeInputKls)),
               style: vue.normalizeStyle(_ctx.$attrs.style),
               widget: _ctx.widget,
               onClick: handleFocusInput,
@@ -19199,13 +19204,7 @@
               }, null, 42, _hoisted_3$n),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
-                class: vue.normalizeClass([
-                  vue.unref(nsInput).e("icon"),
-                  vue.unref(nsRange).e("close-icon"),
-                  {
-                    [vue.unref(nsRange).e("close-icon--hidden")]: !showClose.value
-                  }
-                ]),
+                class: vue.normalizeClass(vue.unref(clearIconKls)),
                 onClick: onClearIconClick
               }, {
                 default: vue.withCtx(() => [
@@ -19643,7 +19642,11 @@
       };
       const typeItemHeight = (type) => {
         const scrollbar = vue.unref(listRefsMap[type]);
-        return (scrollbar == null ? void 0 : scrollbar.$el.querySelector("li").offsetHeight) || 0;
+        const listItem = scrollbar == null ? void 0 : scrollbar.$el.querySelector("li");
+        if (listItem) {
+          return Number.parseFloat(getStyle(listItem, "height")) || 0;
+        }
+        return 0;
       };
       const onIncrement = () => {
         scrollDown(1);
@@ -20023,6 +20026,18 @@
         disabledSeconds,
         defaultValue
       } = pickerBase.props;
+      const startContainerKls = vue.computed(() => [
+        nsTime.be("range-picker", "body"),
+        nsTime.be("panel", "content"),
+        nsTime.is("arrow", arrowControl),
+        showSeconds.value ? "has-seconds" : ""
+      ]);
+      const endContainerKls = vue.computed(() => [
+        nsTime.be("range-picker", "body"),
+        nsTime.be("panel", "content"),
+        nsTime.is("arrow", arrowControl),
+        showSeconds.value ? "has-seconds" : ""
+      ]);
       const startTime = vue.computed(() => props.parsedValue[0]);
       const endTime = vue.computed(() => props.parsedValue[1]);
       const oldValue = useOldValue(props);
@@ -20192,12 +20207,7 @@
                 class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "header"))
               }, vue.toDisplayString(vue.unref(t)("el.datepicker.startTime")), 3),
               vue.createElementVNode("div", {
-                class: vue.normalizeClass([
-                  vue.unref(nsTime).be("range-picker", "body"),
-                  vue.unref(nsTime).be("panel", "content"),
-                  vue.unref(nsTime).is("arrow", vue.unref(arrowControl)),
-                  { "has-seconds": vue.unref(showSeconds) }
-                ])
+                class: vue.normalizeClass(vue.unref(startContainerKls))
               }, [
                 vue.createVNode(TimeSpinner, {
                   ref: "minSpinner",
@@ -20222,12 +20232,7 @@
                 class: vue.normalizeClass(vue.unref(nsTime).be("range-picker", "header"))
               }, vue.toDisplayString(vue.unref(t)("el.datepicker.endTime")), 3),
               vue.createElementVNode("div", {
-                class: vue.normalizeClass([
-                  vue.unref(nsTime).be("range-picker", "body"),
-                  vue.unref(nsTime).be("panel", "content"),
-                  vue.unref(nsTime).is("arrow", vue.unref(arrowControl)),
-                  { "has-seconds": vue.unref(showSeconds) }
-                ])
+                class: vue.normalizeClass(vue.unref(endContainerKls))
               }, [
                 vue.createVNode(TimeSpinner, {
                   ref: "maxSpinner",
@@ -29671,7 +29676,7 @@
   const _hoisted_3$b = ["id"];
   const _hoisted_4$7 = ["aria-label"];
   const _hoisted_5$6 = ["id", "widget"];
-  const _hoisted_6$2 = ["widget"];
+  const _hoisted_6$3 = ["widget"];
   function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -29775,7 +29780,7 @@
                       widget: _ctx.widget ? "drawer:footer:" + _ctx.widget.split(":")[1] : void 0
                     }, [
                       vue.renderSlot(_ctx.$slots, "footer")
-                    ], 10, _hoisted_6$2)) : vue.createCommentVNode("v-if", true)
+                    ], 10, _hoisted_6$3)) : vue.createCommentVNode("v-if", true)
                   ], 16, _hoisted_1$B)
                 ]),
                 _: 3
@@ -30907,7 +30912,7 @@
   const _hoisted_3$a = ["stop-color"];
   const _hoisted_4$6 = ["stop-color"];
   const _hoisted_5$5 = ["id"];
-  const _hoisted_6$1 = ["stop-color"];
+  const _hoisted_6$2 = ["stop-color"];
   const _hoisted_7 = ["stop-color"];
   const _hoisted_8 = ["id"];
   const _hoisted_9 = {
@@ -30980,7 +30985,7 @@
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
                 offset: "0%"
-              }, null, 8, _hoisted_6$1),
+              }, null, 8, _hoisted_6$2),
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-6")})`,
                 offset: "100%"
@@ -31153,14 +31158,8 @@
       type: Boolean,
       default: true
     },
-    hideOnClickModal: {
-      type: Boolean,
-      default: false
-    },
-    teleported: {
-      type: Boolean,
-      default: false
-    },
+    hideOnClickModal: Boolean,
+    teleported: Boolean,
     closeOnPressEscape: {
       type: Boolean,
       default: true
@@ -31225,6 +31224,16 @@
       const currentImg = vue.computed(() => {
         return props.urlList[activeIndex.value];
       });
+      const arrowPrevKls = vue.computed(() => [
+        ns.e("btn"),
+        ns.e("prev"),
+        ns.is("disabled", !props.infinite && isFirst.value)
+      ]);
+      const arrowNextKls = vue.computed(() => [
+        ns.e("btn"),
+        ns.e("next"),
+        ns.is("disabled", !props.infinite && isLast.value)
+      ]);
       const imgStyle = vue.computed(() => {
         const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
         let translateX = offsetX / scale;
@@ -31444,11 +31453,7 @@
                 vue.createCommentVNode(" ARROW "),
                 !vue.unref(isSingle) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   vue.createElementVNode("span", {
-                    class: vue.normalizeClass([
-                      vue.unref(ns).e("btn"),
-                      vue.unref(ns).e("prev"),
-                      vue.unref(ns).is("disabled", !_ctx.infinite && vue.unref(isFirst))
-                    ]),
+                    class: vue.normalizeClass(vue.unref(arrowPrevKls)),
                     onClick: prev
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
@@ -31459,11 +31464,7 @@
                     })
                   ], 2),
                   vue.createElementVNode("span", {
-                    class: vue.normalizeClass([
-                      vue.unref(ns).e("btn"),
-                      vue.unref(ns).e("next"),
-                      vue.unref(ns).is("disabled", !_ctx.infinite && vue.unref(isLast))
-                    ]),
+                    class: vue.normalizeClass(vue.unref(arrowNextKls)),
                     onClick: next
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
@@ -31561,10 +31562,7 @@
   const ElImageViewer = withInstall(ImageViewer);
 
   const imageProps = buildProps({
-    hideOnClickModal: {
-      type: Boolean,
-      default: false
-    },
+    hideOnClickModal: Boolean,
     src: {
       type: String,
       default: ""
@@ -31578,10 +31576,7 @@
       type: String,
       values: ["eager", "lazy"]
     },
-    lazy: {
-      type: Boolean,
-      default: false
-    },
+    lazy: Boolean,
     scrollContainer: {
       type: definePropType([String, Object])
     },
@@ -31589,10 +31584,7 @@
       type: definePropType(Array),
       default: () => mutable([])
     },
-    previewTeleported: {
-      type: Boolean,
-      default: false
-    },
+    previewTeleported: Boolean,
     zIndex: {
       type: Number
     },
@@ -31651,6 +31643,11 @@
       const supportLoading = isClient && "loading" in HTMLImageElement.prototype;
       let stopScrollListener;
       let stopWheelListener;
+      const imageKls = vue.computed(() => [
+        ns.e("inner"),
+        preview.value && ns.e("preview"),
+        isLoading.value && ns.is("loading")
+      ]);
       const containerStyle = vue.computed(() => rawAttrs.style);
       const imageStyle = vue.computed(() => {
         const { fit } = props;
@@ -31789,11 +31786,7 @@
               src: imageSrc.value,
               loading: _ctx.loading,
               style: vue.unref(imageStyle),
-              class: [
-                vue.unref(ns).e("inner"),
-                vue.unref(preview) && vue.unref(ns).e("preview"),
-                isLoading.value && vue.unref(ns).is("loading")
-              ],
+              class: vue.unref(imageKls),
               onClick: clickHandler,
               onLoad: handleLoad,
               onError: handleError
@@ -33718,7 +33711,6 @@
       menuVisibleOnFocus: false,
       isOnComposition: false,
       prefixWidth: 11,
-      tagInMultiLine: false,
       mouseEnter: false
     });
   }
@@ -33948,7 +33940,6 @@
         const sizeInMap = selectSize.value || gotSize === originClientHeight || originClientHeight <= 0 ? gotSize : originClientHeight;
         const isElHidden = input2.offsetParent === null;
         !isElHidden && (input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`);
-        states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
         if (states.visible && emptyText.value !== false) {
           (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
         }
@@ -34086,8 +34077,7 @@
       var _a, _b;
       resetInputWidth();
       (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
-      if (props.multiple)
-        resetInputHeight();
+      props.multiple && resetInputHeight();
     };
     const resetInputWidth = () => {
       var _a;
@@ -34696,8 +34686,7 @@
         options,
         cachedOptions,
         optionsCount,
-        prefixWidth,
-        tagInMultiLine
+        prefixWidth
       } = vue.toRefs(states);
       const wrapperKls = vue.computed(() => {
         const classList = [nsSelect.b()];
@@ -34754,7 +34743,7 @@
           inputWidth.value = refEl.getBoundingClientRect().width;
           if (ctx.slots.prefix) {
             const prefix = refEl.querySelector(`.${nsInput.e("prefix")}`);
-            prefixWidth.value = Math.max(prefix.getBoundingClientRect().width + 5, 30);
+            prefixWidth.value = Math.max(prefix.getBoundingClientRect().width + 11, 30);
           }
         });
         setSelected();
@@ -34776,7 +34765,6 @@
         forEditor,
         isIOS,
         onOptionsRendered,
-        tagInMultiLine,
         prefixWidth,
         selectSize,
         readonly,
@@ -35009,7 +34997,8 @@
                     class: vue.normalizeClass([
                       _ctx.nsSelect.b("tags-wrapper"),
                       { "has-prefix": _ctx.prefixWidth && _ctx.selected.length }
-                    ])
+                    ]),
+                    style: vue.normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item) => {
                       return vue.openBlock(), vue.createBlock(_component_el_tag, {
@@ -35030,11 +35019,11 @@
                         _: 2
                       }, 1032, ["closable", "size", "hit", "type", "onClose"]);
                     }), 128))
-                  ], 2)
+                  ], 6)
                 ]),
                 _: 1
               }, 8, ["duration", "onAfterLeave"])) : vue.createCommentVNode("v-if", true),
-              _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              _ctx.filterable && !_ctx.selectDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 2,
                 ref: "input",
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
@@ -35048,7 +35037,7 @@
                 disabled: _ctx.selectDisabled || _ctx.selectViewMode,
                 autocomplete: _ctx.autocomplete,
                 style: vue.normalizeStyle({
-                  marginLeft: _ctx.prefixWidth && !_ctx.selected.length || _ctx.tagInMultiLine ? `${_ctx.prefixWidth}px` : "",
+                  marginLeft: `${_ctx.prefixWidth}px`,
                   flexGrow: 1,
                   width: `${_ctx.inputLength / (_ctx.inputWidth - 32)}%`,
                   maxWidth: `${_ctx.inputWidth - 42}px`
@@ -35465,7 +35454,7 @@
   const _hoisted_3$7 = ["tabindex", "aria-label"];
   const _hoisted_4$5 = ["aria-current", "aria-label", "tabindex"];
   const _hoisted_5$4 = ["tabindex", "aria-label"];
-  const _hoisted_6 = ["aria-current", "aria-label", "tabindex"];
+  const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
   const __default__$z = vue.defineComponent({
     name: "ElPaginationPager"
   });
@@ -35663,7 +35652,7 @@
             "aria-current": _ctx.currentPage === _ctx.pageCount,
             "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
             tabindex: vue.unref(tabindex)
-          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : vue.createCommentVNode("v-if", true)
+          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : vue.createCommentVNode("v-if", true)
         ], 42, _hoisted_1$m);
       };
     }
@@ -39426,6 +39415,13 @@
         return null;
       }).filter((v) => v !== null));
     });
+    const filteredOptionsValueMap = vue.computed(() => {
+      const valueMap = /* @__PURE__ */ new Map();
+      filteredOptions.value.forEach((option, index) => {
+        valueMap.set(getValueKey(option), { option, index });
+      });
+      return valueMap;
+    });
     const optionsAllDisabled = vue.computed(() => filteredOptions.value.every((option) => option.disabled));
     const selectTableInput = vue.computed(() => table && props.tableInput);
     const selectSize = vue.computed(() => {
@@ -39470,12 +39466,14 @@
     const indexRef = vue.computed(() => {
       if (props.multiple) {
         const len = props.modelValue.length;
-        if (props.modelValue.length > 0) {
-          return filteredOptions.value.findIndex((o) => o.value === props.modelValue[len - 1]);
+        if (props.modelValue.length > 0 && filteredOptionsValueMap.value.has(props.modelValue[len - 1])) {
+          const { index } = filteredOptionsValueMap.value.get(props.modelValue[len - 1]);
+          return index;
         }
       } else {
-        if (props.modelValue) {
-          return filteredOptions.value.findIndex((o) => o.value === props.modelValue);
+        if (props.modelValue && filteredOptionsValueMap.value.has(props.modelValue)) {
+          const { index } = filteredOptionsValueMap.value.get(props.modelValue);
+          return index;
         }
       }
       return -1;
@@ -39819,16 +39817,16 @@
           let initHovering = false;
           states.cachedOptions.length = 0;
           states.previousValue = props.modelValue.toString();
-          props.modelValue.forEach((selected) => {
-            const itemIndex = filteredOptions.value.findIndex((option) => getValueKey(option) === selected);
-            if (~itemIndex) {
-              states.cachedOptions.push(filteredOptions.value[itemIndex]);
+          for (const value of props.modelValue) {
+            if (filteredOptionsValueMap.value.has(value)) {
+              const { index, option } = filteredOptionsValueMap.value.get(value);
+              states.cachedOptions.push(option);
               if (!initHovering) {
-                updateHoveringIndex(itemIndex);
+                updateHoveringIndex(index);
               }
               initHovering = true;
             }
-          });
+          }
         } else {
           states.cachedOptions = [];
           states.previousValue = void 0;
@@ -42112,10 +42110,6 @@
       type: [Boolean, String, Number],
       default: false
     },
-    value: {
-      type: [Boolean, String, Number],
-      default: false
-    },
     disabled: {
       type: Boolean,
       default: false
@@ -42124,6 +42118,14 @@
       type: String,
       values: viewModes
     },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      validator: isValidComponentSize
+    },
     width: {
       type: [String, Number],
       default: ""
@@ -42146,6 +42148,14 @@
       type: String,
       default: ""
     },
+    activeValue: {
+      type: [Boolean, String, Number],
+      default: true
+    },
+    inactiveValue: {
+      type: [Boolean, String, Number],
+      default: false
+    },
     activeColor: {
       type: String,
       default: ""
@@ -42158,14 +42168,6 @@
       type: String,
       default: ""
     },
-    activeValue: {
-      type: [Boolean, String, Number],
-      default: true
-    },
-    inactiveValue: {
-      type: [Boolean, String, Number],
-      default: false
-    },
     name: {
       type: String,
       default: ""
@@ -42174,20 +42176,16 @@
       type: Boolean,
       default: true
     },
-    id: String,
-    loading: {
-      type: Boolean,
-      default: false
-    },
     beforeChange: {
       type: definePropType(Function)
     },
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
+    id: String,
     tabindex: {
       type: [String, Number]
+    },
+    value: {
+      type: [Boolean, String, Number],
+      default: false
     }
   });
   const switchEmits = {
@@ -42215,17 +42213,27 @@
       const { formItem } = useFormItem();
       const switchSize = useFormSize();
       const ns = useNamespace("switch");
-      useDeprecated({
-        from: '"value"',
-        replacement: '"model-value" or "v-model"',
-        scope: COMPONENT_NAME$8,
-        version: "2.3.0",
-        ref: "https://element-plus.org/en-US/component/switch.html#attributes",
-        type: "Attribute"
-      }, vue.computed(() => {
-        var _a;
-        return !!((_a = vm.vnode.props) == null ? void 0 : _a.value);
-      }));
+      const useBatchDeprecated = (list) => {
+        list.forEach((param) => {
+          useDeprecated({
+            from: param[0],
+            replacement: param[1],
+            scope: COMPONENT_NAME$8,
+            version: "2.3.0",
+            ref: "https://element-plus.org/en-US/component/switch.html#attributes",
+            type: "Attribute"
+          }, vue.computed(() => {
+            var _a;
+            return !!((_a = vm.vnode.props) == null ? void 0 : _a[param[2]]);
+          }));
+        });
+      };
+      useBatchDeprecated([
+        ['"value"', '"model-value" or "v-model"', "value"],
+        ['"active-color"', "CSS var `--el-switch-on-color`", "activeColor"],
+        ['"inactive-color"', "CSS var `--el-switch-off-color`", "inactiveColor"],
+        ['"border-color"', "CSS var `--el-switch-border-color`", "borderColor"]
+      ]);
       const { inputId } = useFormItemInputId(props, {
         formItemContext: formItem
       });
@@ -42241,6 +42249,16 @@
         ns.is("view-mode", !!switchViewMode.value),
         ns.is("checked", checked.value)
       ]);
+      const labelLeftKls = vue.computed(() => [
+        ns.e("label"),
+        ns.em("label", "left"),
+        ns.is("active", !checked.value)
+      ]);
+      const labelRightKls = vue.computed(() => [
+        ns.e("label"),
+        ns.em("label", "right"),
+        ns.is("active", checked.value)
+      ]);
       const coreStyle = vue.computed(() => ({
         width: addUnit(props.width)
       }));
@@ -42345,11 +42363,7 @@
           }, null, 42, _hoisted_2$a),
           !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass([
-              vue.unref(ns).e("label"),
-              vue.unref(ns).em("label", "left"),
-              vue.unref(ns).is("active", !vue.unref(checked))
-            ])
+            class: vue.normalizeClass(vue.unref(labelLeftKls))
           }, [
             _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
               default: vue.withCtx(() => [
@@ -42402,11 +42416,7 @@
           ], 6),
           !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
-            class: vue.normalizeClass([
-              vue.unref(ns).e("label"),
-              vue.unref(ns).em("label", "right"),
-              vue.unref(ns).is("active", vue.unref(checked))
-            ])
+            class: vue.normalizeClass(vue.unref(labelRightKls))
           }, [
             _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
               default: vue.withCtx(() => [
@@ -43211,7 +43221,7 @@
   const doFlattenColumns = (columns) => {
     const result = [];
     columns.forEach((column) => {
-      if (column.children) {
+      if (column.children && column.children.length > 0) {
         result.push.apply(result, doFlattenColumns(column.children));
       } else {
         result.push(column);
@@ -45608,6 +45618,7 @@
     const bodyScrollHeight = vue.ref(0);
     const headerScrollHeight = vue.ref(0);
     const footerScrollHeight = vue.ref(0);
+    const appendScrollHeight = vue.ref(0);
     watchEffect(() => {
       layout.setHeight(props.height);
     });
@@ -45747,7 +45758,7 @@
       });
     };
     const resizeListener = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const el = table.vnode.el;
       if (!table.$ready || !el)
         return;
@@ -45772,7 +45783,8 @@
       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;
+      appendScrollHeight.value = ((_d = table.refs.appendWrapper) == null ? void 0 : _d.offsetHeight) || 0;
+      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value - appendScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
           width,
@@ -45970,7 +45982,8 @@
       type: Boolean,
       default: false
     },
-    flexible: Boolean
+    flexible: Boolean,
+    showOverflowTooltip: [Boolean, Object]
   };
 
   const useScrollbar$1 = () => {
@@ -46754,7 +46767,10 @@
     columnKey: String,
     align: String,
     headerAlign: String,
-    showOverflowTooltip: [Boolean, Object],
+    showOverflowTooltip: {
+      type: [Boolean, Object],
+      default: void 0
+    },
     fixed: [Boolean, String],
     formatter: Function,
     selectable: Function,
@@ -46819,6 +46835,7 @@
         isSubColumn.value = owner.value !== parent;
         const type = props.type || "default";
         const sortable = props.sortable === "" ? true : props.sortable;
+        const showOverflowTooltip = isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip : props.showOverflowTooltip;
         const defaults = {
           ...cellStarts[type],
           id: columnId.value,
@@ -46826,7 +46843,7 @@
           property: props.prop || props.property,
           align: realAlign,
           headerAlign: realHeaderAlign,
-          showOverflowTooltip: props.showOverflowTooltip,
+          showOverflowTooltip,
           filterable: props.filters || props.filterMethod,
           filteredValue: [],
           filterPlacement: "",
@@ -54524,8 +54541,9 @@
   const _hoisted_1$5 = ["onKeydown"];
   const _hoisted_2$4 = ["src"];
   const _hoisted_3$2 = ["onClick"];
-  const _hoisted_4$1 = ["onClick"];
+  const _hoisted_4$1 = ["title"];
   const _hoisted_5 = ["onClick"];
+  const _hoisted_6 = ["onClick"];
   const __default__$5 = vue.defineComponent({
     name: "ElUploadList"
   });
@@ -54594,8 +54612,9 @@
                         _: 1
                       }, 8, ["class"]),
                       vue.createElementVNode("span", {
-                        class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name"))
-                      }, vue.toDisplayString(file.name), 3)
+                        class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name")),
+                        title: file.name
+                      }, vue.toDisplayString(file.name), 11, _hoisted_4$1)
                     ], 10, _hoisted_3$2),
                     file.status === "uploading" ? (vue.openBlock(), vue.createBlock(vue.unref(ElProgress), {
                       key: 0,
@@ -54659,7 +54678,7 @@
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_4$1),
+                    ], 10, _hoisted_5),
                     !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
@@ -54673,7 +54692,7 @@
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_5)) : vue.createCommentVNode("v-if", true)
+                    ], 10, _hoisted_6)) : vue.createCommentVNode("v-if", true)
                   ], 2)) : vue.createCommentVNode("v-if", true)
                 ])
               ], 42, _hoisted_1$5);