element-plus 2.2.16 → 2.2.17

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.16 */
+/*! Element Plus v2.2.17 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -1674,7 +1674,7 @@
 
   var upperFirst = createCaseFirst("toUpperCase");
 
-  function capitalize$1(string) {
+  function capitalize$2(string) {
     return upperFirst(toString(string).toLowerCase());
   }
 
@@ -1983,7 +1983,7 @@
 
   var camelCase = createCompounder(function(result, word, index) {
     word = word.toLowerCase();
-    return result + (index ? capitalize$1(word) : word);
+    return result + (index ? capitalize$2(word) : word);
   });
 
   function castArray$1() {
@@ -6166,7 +6166,7 @@
 
   var string$1 = {
     camelCase,
-    capitalize: capitalize$1,
+    capitalize: capitalize$2,
     deburr,
     endsWith,
     escape,
@@ -7510,7 +7510,7 @@
   });
   const hyphenateRE = /\B([A-Z])/g;
   const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
-  const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
+  const capitalize$1 = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
 
   const isUndefined = (val) => val === void 0;
   const isEmpty = (val) => !val && val !== 0 || isArray(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
@@ -7524,6 +7524,7 @@
   };
 
   const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+  const capitalize = (str) => capitalize$1(str);
 
   const keysOf = (arr) => Object.keys(arr);
   const entriesOf = (arr) => Object.entries(arr);
@@ -8690,6 +8691,18 @@
     }
     return children[0];
   };
+  const flattedChildren = (children) => {
+    const vNodes = isArray(children) ? children : [children];
+    const result = [];
+    vNodes.forEach((child) => {
+      if (isArray(child.children)) {
+        result.push(...flattedChildren(child.children));
+      } else {
+        result.push(child);
+      }
+    });
+    return result;
+  };
 
   const cubic = (value) => {
     return value ** 3;
@@ -9441,10 +9454,12 @@
     let withoutHiddenClass = false;
     let bodyWidth = "0";
     const cleanup = () => {
-      removeClass(document.body, hiddenCls.value);
-      if (withoutHiddenClass) {
-        document.body.style.width = bodyWidth;
-      }
+      setTimeout(() => {
+        removeClass(document.body, hiddenCls.value);
+        if (withoutHiddenClass) {
+          document.body.style.width = bodyWidth;
+        }
+      }, 200);
     };
     vue.watch(trigger, (val) => {
       if (!val) {
@@ -9824,7 +9839,8 @@
   };
 
   let cachedContainer;
-  const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`;
+  const namespace = useGlobalConfig("namespace", defaultNamespace);
+  const POPPER_CONTAINER_ID = `${namespace.value}-popper-container-${generateId()}`;
   const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
   const createContainer = () => {
     const container = document.createElement("div");
@@ -11024,7 +11040,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.16";
+  const version$1 = "2.2.17";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11279,7 +11295,9 @@
         ns.e("icon"),
         { [ns.is("big")]: !!props.description || !!slots.default }
       ]);
-      const isBoldTitle = vue.computed(() => props.description || { [ns.is("bold")]: slots.default });
+      const isBoldTitle = vue.computed(() => {
+        return { [ns.is("bold")]: props.description || slots.default };
+      });
       const close = (evt) => {
         visible.value = false;
         emit("close", evt);
@@ -11530,7 +11548,7 @@
 
   const _hoisted_1$14 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-  const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+  const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
   const __default__$1n = {
     name: "ElInput",
     inheritAttrs: false
@@ -11950,7 +11968,7 @@
               onBlur: handleBlur,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$m),
+            }), null, 16, _hoisted_3$l),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -12968,7 +12986,7 @@
     },
     fallbackPlacements: {
       type: definePropType(Array),
-      default: () => []
+      default: void 0
     },
     gpuAcceleration: {
       type: Boolean,
@@ -13088,7 +13106,7 @@
         name: "flip",
         options: {
           padding: 5,
-          fallbackPlacements: fallbackPlacements != null ? fallbackPlacements : []
+          fallbackPlacements
         }
       },
       {
@@ -13248,7 +13266,7 @@
               });
             }, { immediate: true });
           }
-          if (isElement$1(prevEl)) {
+          if (prevEl !== el && isElement$1(prevEl)) {
             ["role", "aria-label", "aria-modal", "id"].forEach((key) => {
               prevEl.removeAttribute(key);
             });
@@ -13895,7 +13913,7 @@
 
   const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
-  const _hoisted_3$l = ["id", "aria-selected", "onClick"];
+  const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const __default__$1h = {
     name: "ElAutocomplete",
     inheritAttrs: false
@@ -14158,7 +14176,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$l);
+                    ], 10, _hoisted_3$k);
                   }), 128))
                 ]),
                 _: 3
@@ -15607,7 +15625,7 @@
       const slots = vue.useSlots();
       useDeprecated({
         from: "type.text",
-        replacement: "type.link",
+        replacement: "link",
         version: "3.0.0",
         scope: "props",
         ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
@@ -16500,7 +16518,7 @@
         if (props.readonly || pickerDisabled.value || pickerVisible.value || ignoreFocusEvent) {
           return;
         }
-        pickerVisible.value = true;
+        pickerVisible.value = isNil(e == null ? void 0 : e.relatedTarget);
         emit("focus", e);
       };
       let currentHandleBlurDeferCallback = void 0;
@@ -18220,7 +18238,7 @@
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(vue.unref(nsDay).b())
                     }, [
-                      vue.renderSlot(_ctx.$slots, "dateCell", {
+                      vue.renderSlot(_ctx.$slots, "date-cell", {
                         data: getSlotData(cell)
                       }, () => [
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
@@ -18261,6 +18279,7 @@
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const solts = vue.useSlots();
       const ns = useNamespace("calendar");
       const { t, lang } = useLocale();
       const selectedDay = vue.ref();
@@ -18369,6 +18388,14 @@
           return;
         pickDay(day);
       };
+      useDeprecated({
+        from: '"dateCell"',
+        replacement: '"date-cell"',
+        scope: "ElCalendar",
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/calendar.html#slots",
+        type: "Slot"
+      }, vue.computed(() => !!solts.dateCell));
       expose({
         selectedDay: realSelectedDay,
         pickDay,
@@ -18434,10 +18461,10 @@
               "selected-day": vue.unref(realSelectedDay),
               onPick: pickDay
             }, vue.createSlots({ _: 2 }, [
-              _ctx.$slots.dateCell ? {
-                name: "dateCell",
+              _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+                name: "date-cell",
                 fn: vue.withCtx((data) => [
-                  vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.guardReactiveProps(data)))
+                  _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
                 ])
               } : void 0
             ]), 1032, ["date", "selected-day"])
@@ -18454,10 +18481,10 @@
                 "hide-header": index !== 0,
                 onPick: pickDay
               }, vue.createSlots({ _: 2 }, [
-                _ctx.$slots.dateCell ? {
-                  name: "dateCell",
+                _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+                  name: "date-cell",
                   fn: vue.withCtx((data) => [
-                    vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.guardReactiveProps(data)))
+                    _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
                   ])
                 } : void 0
               ]), 1032, ["date", "selected-day", "range", "hide-header"]);
@@ -18582,7 +18609,7 @@
 
   const _hoisted_1$V = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$A = ["onMouseenter", "onClick"];
-  const _hoisted_3$k = { key: 0 };
+  const _hoisted_3$j = { key: 0 };
   const __default__$15 = {
     name: "ElCarousel"
   };
@@ -18885,7 +18912,7 @@
                 vue.createElementVNode("button", {
                   class: vue.normalizeClass(vue.unref(ns).e("button"))
                 }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$k, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$j, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 2)
               ], 42, _hoisted_2$A);
             }), 128))
@@ -19331,7 +19358,7 @@
 
   const _hoisted_1$U = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+  const _hoisted_3$i = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
   const __default__$13 = {
     name: "ElCheckbox"
   };
@@ -19411,7 +19438,7 @@
                 onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
                 onFocus: _cache[6] || (_cache[6] = ($event) => focus.value = true),
                 onBlur: _cache[7] || (_cache[7] = ($event) => focus.value = false)
-              }, null, 42, _hoisted_3$j)), [
+              }, null, 42, _hoisted_3$i)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
               vue.createElementVNode("span", {
@@ -21292,7 +21319,7 @@
   });
   const _hoisted_1$O = { key: 0 };
   const _hoisted_2$w = ["placeholder"];
-  const _hoisted_3$i = ["onClick"];
+  const _hoisted_3$h = ["onClick"];
   function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -21506,7 +21533,7 @@
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_3$i);
+              ], 10, _hoisted_3$h);
             }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
               vue.createElementVNode("li", {
                 class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -21832,7 +21859,7 @@
 
   const _hoisted_1$N = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
-  const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
+  const _hoisted_3$g = ["id", "aria-hidden", "aria-labelledby"];
   const __default__$U = {
     name: "ElCollapseItem"
   };
@@ -21924,7 +21951,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_3$h), [
+              ], 10, _hoisted_3$g), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -23561,7 +23588,7 @@
     key: 0,
     scope: "col"
   };
-  const _hoisted_3$g = ["aria-label"];
+  const _hoisted_3$f = ["aria-label"];
   const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
@@ -23879,7 +23906,7 @@
                   key,
                   scope: "col",
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week)
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$g);
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$f);
               }), 128))
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
@@ -23917,7 +23944,7 @@
 
   const _hoisted_1$I = ["aria-label"];
   const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-  const _hoisted_3$f = { class: "cell" };
+  const _hoisted_3$e = { class: "cell" };
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
@@ -24100,7 +24127,7 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                      vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                     ])
                   ], 42, _hoisted_2$s);
                 }), 128))
@@ -24122,7 +24149,7 @@
 
   const _hoisted_1$H = ["aria-label"];
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
-  const _hoisted_3$e = { class: "cell" };
+  const _hoisted_3$d = { class: "cell" };
   const _hoisted_4$a = { key: 1 };
   const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
@@ -24207,7 +24234,7 @@
                         vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                       ]
                     }, [
-                      vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                      vue.createElementVNode("span", _hoisted_3$d, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
                     ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$a))
                   ], 64);
                 }), 64))
@@ -24222,7 +24249,7 @@
 
   const _hoisted_1$G = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
-  const _hoisted_3$d = ["aria-label"];
+  const _hoisted_3$c = ["aria-label"];
   const _hoisted_4$9 = ["aria-label"];
   const _hoisted_5$7 = ["aria-label"];
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
@@ -24710,7 +24737,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$d), [
+                  ], 10, _hoisted_3$c), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -24949,7 +24976,7 @@
 
   const _hoisted_1$F = ["onClick"];
   const _hoisted_2$p = ["disabled"];
-  const _hoisted_3$c = ["disabled"];
+  const _hoisted_3$b = ["disabled"];
   const _hoisted_4$8 = ["disabled"];
   const _hoisted_5$6 = ["disabled"];
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
@@ -25465,7 +25492,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$b)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
                 ], 2),
                 vue.createVNode(DateTable, {
@@ -25649,7 +25676,7 @@
 
   const _hoisted_1$E = ["onClick"];
   const _hoisted_2$o = ["disabled"];
-  const _hoisted_3$b = ["disabled"];
+  const _hoisted_3$a = ["disabled"];
   const __default__$O = {
     name: "DatePickerMonthRange"
   };
@@ -25826,7 +25853,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$b)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$a)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -26133,18 +26160,6 @@
       const slots = vue.useSlots();
       vue.provide(descriptionsKey, props);
       const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
-      const flattedChildren = (children) => {
-        const temp = Array.isArray(children) ? children : [children];
-        const res = [];
-        temp.forEach((child) => {
-          if (Array.isArray(child.children)) {
-            res.push(...flattedChildren(child.children));
-          } else {
-            res.push(child);
-          }
-        });
-        return res;
-      };
       const filledNode = (node, span, count, isLast = false) => {
         if (!node.props) {
           node.props = {};
@@ -26948,7 +26963,7 @@
   });
   const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
   const _hoisted_2$m = ["id"];
-  const _hoisted_3$a = ["aria-label"];
+  const _hoisted_3$9 = ["aria-label"];
   const _hoisted_4$7 = ["id"];
   function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
@@ -27033,7 +27048,7 @@
                           ]),
                           _: 1
                         }, 8, ["class"])
-                      ], 10, _hoisted_3$a)) : vue.createCommentVNode("v-if", true)
+                      ], 10, _hoisted_3$9)) : vue.createCommentVNode("v-if", true)
                     ], 2)) : vue.createCommentVNode("v-if", true),
                     _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 1,
@@ -28086,7 +28101,7 @@
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
   const _hoisted_2$l = ["id"];
-  const _hoisted_3$9 = ["stop-color"];
+  const _hoisted_3$8 = ["stop-color"];
   const _hoisted_4$6 = ["stop-color"];
   const _hoisted_5$5 = ["id"];
   const _hoisted_6$2 = ["stop-color"];
@@ -28138,7 +28153,7 @@
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
             offset: "0%"
-          }, null, 8, _hoisted_3$9),
+          }, null, 8, _hoisted_3$8),
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-4")})`,
             offset: "100%"
@@ -29785,23 +29800,36 @@
         }
         return getProp(model, props.prop).value;
       });
-      const _rules = vue.computed(() => {
-        const rules = props.rules ? castArray$1(props.rules) : [];
+      const normalizedRules = vue.computed(() => {
+        const { required } = props;
+        const rules = [];
+        if (props.rules) {
+          rules.push(...castArray$1(props.rules));
+        }
         const formRules = formContext == null ? void 0 : formContext.rules;
         if (formRules && props.prop) {
-          const _rules2 = getProp(formRules, props.prop).value;
-          if (_rules2) {
-            rules.push(...castArray$1(_rules2));
+          const _rules = getProp(formRules, props.prop).value;
+          if (_rules) {
+            rules.push(...castArray$1(_rules));
+          }
+        }
+        if (required !== void 0) {
+          const requiredRules = rules.map((rule, i) => [rule, i]).filter(([rule]) => Object.keys(rule).includes("required"));
+          if (requiredRules.length > 0) {
+            for (const [rule, i] of requiredRules) {
+              if (rule.required === required)
+                continue;
+              rules[i] = { ...rule, required };
+            }
+          } else {
+            rules.push({ required });
           }
         }
-        if (props.required !== void 0) {
-          rules.push({ required: !!props.required });
-        }
         return rules;
       });
-      const validateEnabled = vue.computed(() => _rules.value.length > 0);
+      const validateEnabled = vue.computed(() => normalizedRules.value.length > 0);
       const getFilteredRule = (trigger) => {
-        const rules = _rules.value;
+        const rules = normalizedRules.value;
         return rules.filter((rule) => {
           if (!rule.trigger || !trigger)
             return true;
@@ -29812,7 +29840,7 @@
           }
         }).map(({ trigger: trigger2, ...rule }) => rule);
       };
-      const isRequired = vue.computed(() => _rules.value.some((rule) => rule.required === true));
+      const isRequired = vue.computed(() => normalizedRules.value.some((rule) => rule.required));
       const shouldShowError = vue.computed(() => {
         var _a;
         return validateStateDebounced.value === "error" && props.showMessage && ((_a = formContext == null ? void 0 : formContext.showMessage) != null ? _a : true);
@@ -31847,18 +31875,6 @@
           handleResize
         });
       }
-      const flattedChildren = (children) => {
-        const vnodes = Array.isArray(children) ? children : [children];
-        const result = [];
-        vnodes.forEach((child) => {
-          if (Array.isArray(child.children)) {
-            result.push(...flattedChildren(child.children));
-          } else {
-            result.push(child);
-          }
-        });
-        return result;
-      };
       return () => {
         var _a, _b;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -32524,8 +32540,8 @@
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
       return criteria;
     });
-    const iconComponent = vue.computed(() => props.remote && props.filterable ? "" : props.suffixIcon);
-    const iconReverse = vue.computed(() => ns.is("reverse", iconComponent.value && states.visible));
+    const iconComponent = vue.computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
+    const iconReverse = vue.computed(() => ns.is("reverse", iconComponent.value && states.visible && props.suffixTransition));
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -32667,6 +32683,8 @@
     vue.watch(() => states.hoverIndex, (val) => {
       if (typeof val === "number" && val > -1) {
         hoverOption.value = optionsArray.value[val] || {};
+      } else {
+        hoverOption.value = {};
       }
       optionsArray.value.forEach((option) => {
         option.hover = hoverOption.value === option;
@@ -32878,6 +32896,7 @@
       }
       ctx.emit(UPDATE_MODEL_EVENT, value);
       emitChange(value);
+      states.hoverIndex = -1;
       states.visible = false;
       ctx.emit("clear");
     };
@@ -33219,7 +33238,7 @@
         default: true
       },
       clearIcon: {
-        type: [String, Object],
+        type: iconPropType,
         default: circle_close_default
       },
       fitInputWidth: {
@@ -33227,13 +33246,26 @@
         default: false
       },
       suffixIcon: {
-        type: [String, Object],
-        default: arrow_up_default
+        type: iconPropType,
+        default: arrow_down_default
       },
       tagType: { ...tagProps.type, default: "info" },
       validateEvent: {
         type: Boolean,
         default: true
+      },
+      remoteShowSuffix: {
+        type: Boolean,
+        default: false
+      },
+      suffixTransition: {
+        type: Boolean,
+        default: true
+      },
+      placement: {
+        type: String,
+        values: Ee,
+        default: "bottom-start"
       }
     },
     emits: [
@@ -33335,6 +33367,10 @@
         maxWidth: `${vue.unref(inputWidth) - 32}px`,
         width: "100%"
       }));
+      const tagTextStyle = vue.computed(() => {
+        const maxWidth = vue.unref(inputWidth) > 123 ? vue.unref(inputWidth) - 123 : vue.unref(inputWidth) - 75;
+        return { maxWidth: `${maxWidth}px` };
+      });
       vue.provide(selectKey, vue.reactive({
         props,
         options,
@@ -33445,13 +33481,13 @@
         scrollbar,
         wrapperKls,
         selectTagsStyle,
-        nsSelect
+        nsSelect,
+        tagTextStyle
       };
     }
   });
-  const _hoisted_1$n = { class: "select-trigger" };
-  const _hoisted_2$f = ["disabled", "autocomplete"];
-  const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
+  const _hoisted_1$n = ["disabled", "autocomplete"];
+  const _hoisted_2$f = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
   function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -33469,7 +33505,7 @@
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
         visible: _ctx.dropMenuVisible,
-        placement: "bottom-start",
+        placement: _ctx.placement,
         teleported: _ctx.teleported,
         "popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
         "fallback-placements": ["bottom-start", "top-start", "right", "left"],
@@ -33483,7 +33519,11 @@
         onShow: _ctx.handleMenuEnter
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$n, [
+          vue.createElementVNode("div", {
+            class: "select-trigger",
+            onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
+            onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
+          }, [
             _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               ref: "tags",
@@ -33508,7 +33548,7 @@
                   default: vue.withCtx(() => [
                     vue.createElementVNode("span", {
                       class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
-                      style: vue.normalizeStyle({ maxWidth: _ctx.inputWidth - 123 + "px" })
+                      style: vue.normalizeStyle(_ctx.tagTextStyle)
                     }, vue.toDisplayString(_ctx.selected[0].currentLabel), 7)
                   ]),
                   _: 1
@@ -33643,7 +33683,7 @@
                 onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                 onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                 onInput: _cache[15] || (_cache[15] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-              }, null, 46, _hoisted_2$f)), [
+              }, null, 46, _hoisted_1$n)), [
                 [vue.vModelText, _ctx.query]
               ]) : vue.createCommentVNode("v-if", true)
             ], 6)) : vue.createCommentVNode("v-if", true),
@@ -33675,9 +33715,7 @@
                 vue.withKeys(vue.withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
                 vue.withKeys(_ctx.handleKeydownEscape, ["esc"]),
                 _cache[19] || (_cache[19] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
-              ],
-              onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
-              onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
+              ]
             }, vue.createSlots({
               suffix: vue.withCtx(() => [
                 _ctx.iconComponent && !_ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -33705,13 +33743,13 @@
               _ctx.$slots.prefix ? {
                 name: "prefix",
                 fn: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_3$8, [
+                  vue.createElementVNode("div", _hoisted_2$f, [
                     vue.renderSlot(_ctx.$slots, "prefix")
                   ])
                 ])
               } : void 0
             ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
-          ])
+          ], 32)
         ]),
         content: vue.withCtx(() => [
           vue.createVNode(_component_el_select_menu, null, {
@@ -33748,7 +33786,7 @@
           })
         ]),
         _: 3
-      }, 8, ["visible", "teleported", "popper-class", "effect", "transition", "persistent", "onShow"])
+      }, 8, ["visible", "placement", "teleported", "popper-class", "effect", "transition", "persistent", "onShow"])
     ], 2)), [
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
@@ -33794,7 +33832,7 @@
       const { groupQueryChange } = vue.toRaw(select);
       vue.watch(groupQueryChange, () => {
         visible.value = children.value.some((option) => option.visible === true);
-      });
+      }, { flush: "post" });
       return {
         visible,
         ns
@@ -35216,24 +35254,21 @@
           width
         };
       });
-      const componentMap = vue.computed(() => isArray(props.icons) ? {
-        [props.lowThreshold]: props.icons[0],
-        [props.highThreshold]: {
-          value: props.icons[1],
-          excluded: true
-        },
-        [props.max]: props.icons[2]
-      } : props.icons);
+      const componentMap = vue.computed(() => {
+        let icons = isArray(props.icons) ? [...props.icons] : { ...props.icons };
+        icons = vue.markRaw(icons);
+        return isArray(icons) ? {
+          [props.lowThreshold]: icons[0],
+          [props.highThreshold]: {
+            value: icons[1],
+            excluded: true
+          },
+          [props.max]: icons[2]
+        } : icons;
+      });
       const decimalIconComponent = vue.computed(() => getValueFromMap(props.modelValue, componentMap.value));
-      const voidComponent = vue.computed(() => rateDisabled.value ? props.disabledVoidIcon : props.voidIcon);
+      const voidComponent = vue.computed(() => rateDisabled.value ? isString(props.disabledVoidIcon) ? props.disabledVoidIcon : vue.markRaw(props.disabledVoidIcon) : isString(props.voidIcon) ? props.voidIcon : vue.markRaw(props.voidIcon));
       const activeComponent = vue.computed(() => getValueFromMap(currentValue.value, componentMap.value));
-      const iconComponents = vue.computed(() => {
-        const result = Array.from({ length: props.max });
-        const threshold = currentValue.value;
-        result.fill(activeComponent.value, 0, threshold);
-        result.fill(voidComponent.value, threshold, props.max);
-        return result;
-      });
       function showDecimalIcon(item) {
         const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
         const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
@@ -35356,7 +35391,14 @@
                 ])
               }, {
                 default: vue.withCtx(() => [
-                  !showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponents)[item - 1]), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                  !showDecimalIcon(item) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), null, null, 512)), [
+                      [vue.vShow, item <= currentValue.value]
+                    ]),
+                    vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(voidComponent)), null, null, 512)), [
+                      [vue.vShow, !(item <= currentValue.value)]
+                    ])
+                  ], 64)) : vue.createCommentVNode("v-if", true),
                   showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 1,
                     style: vue.normalizeStyle(vue.unref(decimalStyle)),
@@ -35755,7 +35797,10 @@
     initScrollTop: initScrollOffset,
     itemKey: {
       type: definePropType(Function),
-      default: ({ columnIndex, rowIndex }) => `${rowIndex}:${columnIndex}`
+      default: ({
+        columnIndex,
+        rowIndex
+      }) => `${rowIndex}:${columnIndex}`
     },
     rowCache: cache,
     rowHeight: itemSize,
@@ -37484,6 +37529,11 @@
     validateEvent: {
       type: Boolean,
       default: true
+    },
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "bottom-start"
     }
   };
   const OptionProps = {
@@ -37932,7 +37982,7 @@
       return totalHeight > props.height ? props.height : totalHeight;
     });
     const hasModelValue = vue.computed(() => {
-      return props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
+      return !isNil(props.modelValue);
     });
     const showClearBtn = vue.computed(() => {
       const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : hasModelValue.value;
@@ -38565,7 +38615,7 @@
         "popper-options": _ctx.popperOptions,
         "fallback-placements": ["bottom-start", "top-start", "right", "left"],
         effect: _ctx.effect,
-        placement: "bottom-start",
+        placement: _ctx.placement,
         pure: "",
         transition: `${_ctx.nsSelectV2.namespace.value}-zoom-in-top`,
         trigger: "click",
@@ -38817,7 +38867,7 @@
                 key: 3,
                 class: vue.normalizeClass([
                   _ctx.nsSelectV2.e("placeholder"),
-                  _ctx.nsSelectV2.is("transparent", _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue))
+                  _ctx.nsSelectV2.is("transparent", _ctx.states.isComposing || (_ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue))
                 ])
               }, vue.toDisplayString(_ctx.currentPlaceholder), 3)) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("span", {
@@ -38879,7 +38929,7 @@
           }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
         ]),
         _: 3
-      }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onBeforeShow"])
+      }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])
     ], 34)), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
@@ -40334,7 +40384,7 @@
             vue.createElementVNode("div", {
               class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
             }, [
-              vue.unref(currentStatus) !== "success" && vue.unref(currentStatus) !== "error" ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
                 _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 0,
                   class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
@@ -40343,20 +40393,27 @@
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
                   ]),
                   _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                !_ctx.icon && !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                }, 8, ["class"])) : vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 1,
+                  class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(check_default))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : vue.unref(currentStatus) === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 2,
+                  class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(close_default))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 3,
                   class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
                 }, vue.toDisplayString(index.value + 1), 3)) : vue.createCommentVNode("v-if", true)
-              ]) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 1,
-                class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(check_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(close_default), { key: 1 }))
-                ]),
-                _: 1
-              }, 8, ["class"]))
+              ])
             ], 2)
           ], 2),
           vue.createCommentVNode(" title & description "),
@@ -40855,6 +40912,8 @@
         break;
       }
     }
+    if (!column)
+      throwError("ElTable", `No column matching with column-key: ${columnKey}`);
     return column;
   };
   const getColumnByCell = function(table, cell, namespace) {
@@ -44274,7 +44333,7 @@
       } = useStyle(props, layout, store, table);
       const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
       const debouncedUpdateLayout = debounce(doLayout, 50);
-      const tableId = `el-table_${tableIdSeed++}`;
+      const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`;
       table.tableId = tableId;
       table.state = {
         isGroup,
@@ -44800,6 +44859,9 @@
       if (realMinWidth.value) {
         column.minWidth = realMinWidth.value;
       }
+      if (!realWidth.value && realMinWidth.value) {
+        column.width = void 0;
+      }
       if (!column.minWidth) {
         column.minWidth = 80;
       }
@@ -44861,7 +44923,7 @@
           } else {
             children = originRenderCell(data);
           }
-          const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === 0;
+          const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === 0 && data.column.type !== "selection";
           const prefix = treeCellPrefix(data, shouldCreatePlaceholder);
           const props2 = {
             class: "cell",
@@ -47089,7 +47151,7 @@
               let _slot;
               return slots.cell ? vue.createVNode(CellRenderer, vue.mergeProps(props3, tableCellProps, {
                 "style": _columnsStyles[props3.column.key]
-              }), _isSlot(_slot = slots.cell()) ? _slot : {
+              }), _isSlot(_slot = slots.cell(props3)) ? _slot : {
                 default: () => [_slot]
               }) : vue.createVNode(CellRenderer, vue.mergeProps(props3, tableCellProps, {
                 "style": _columnsStyles[props3.column.key]
@@ -47102,7 +47164,7 @@
               let _slot2;
               return slots["header-cell"] ? vue.createVNode(HeaderCellRenderer, vue.mergeProps(props3, tableHeaderCellProps, {
                 "style": _columnsStyles[props3.column.key]
-              }), _isSlot(_slot2 = slots["header-cell"]()) ? _slot2 : {
+              }), _isSlot(_slot2 = slots["header-cell"](props3)) ? _slot2 : {
                 default: () => [_slot2]
               }) : vue.createVNode(HeaderCellRenderer, vue.mergeProps(props3, tableHeaderCellProps, {
                 "style": _columnsStyles[props3.column.key]
@@ -47269,14 +47331,6 @@
       default: ""
     },
     editable: Boolean,
-    onTabClick: {
-      type: definePropType(Function),
-      default: NOOP
-    },
-    onTabRemove: {
-      type: definePropType(Function),
-      default: NOOP
-    },
     type: {
       type: String,
       values: ["card", "border-card", ""],
@@ -47284,12 +47338,18 @@
     },
     stretch: Boolean
   });
+  const tabNavEmits = {
+    tabClick: (tab, tabName, ev) => ev instanceof Event,
+    tabRemove: (tab, ev) => ev instanceof Event
+  };
   const COMPONENT_NAME = "ElTabNav";
   const TabNav = vue.defineComponent({
     name: COMPONENT_NAME,
     props: tabNavProps,
+    emits: tabNavEmits,
     setup(props, {
-      expose
+      expose,
+      emit
     }) {
       const vm = vue.getCurrentInstance();
       const rootTabs = vue.inject(tabsRootContextKey);
@@ -47467,7 +47527,7 @@
           pane.index = `${index}`;
           const btnClose = closable ? vue.createVNode(ElIcon, {
             "class": "is-icon-close",
-            "onClick": (ev) => props.onTabRemove(pane, ev)
+            "onClick": (ev) => emit("tabRemove", pane, ev)
           }, {
             default: () => [vue.createVNode(close_default, null, null)]
           }) : null;
@@ -47486,11 +47546,11 @@
             "onBlur": () => removeFocus(),
             "onClick": (ev) => {
               removeFocus();
-              props.onTabClick(pane, tabName, ev);
+              emit("tabClick", pane, tabName, ev);
             },
             "onKeydown": (ev) => {
               if (closable && (ev.code === EVENT_CODE.delete || ev.code === EVENT_CODE.backspace)) {
-                props.onTabRemove(pane, ev);
+                emit("tabRemove", pane, ev);
               }
             }
           }, [...[tabLabelContent, btnClose]]);
@@ -47543,11 +47603,11 @@
   const isPanelName = (value) => isString(value) || isNumber(value);
   const tabsEmits = {
     [UPDATE_MODEL_EVENT]: (name) => isPanelName(name),
-    "tab-click": (pane, ev) => ev instanceof Event,
-    "tab-change": (name) => isPanelName(name),
+    tabClick: (pane, ev) => ev instanceof Event,
+    tabChange: (name) => isPanelName(name),
     edit: (paneName, action) => ["remove", "add"].includes(action),
-    "tab-remove": (name) => isPanelName(name),
-    "tab-add": () => true
+    tabRemove: (name) => isPanelName(name),
+    tabAdd: () => true
   };
   var Tabs = vue.defineComponent({
     name: "ElTabs",
@@ -47566,7 +47626,7 @@
       const changeCurrentName = (value) => {
         currentName.value = value;
         emit(UPDATE_MODEL_EVENT, value);
-        emit("tab-change", value);
+        emit("tabChange", value);
       };
       const setCurrentName = async (value) => {
         var _a2, _b2, _c;
@@ -47585,18 +47645,18 @@
         if (tab.props.disabled)
           return;
         setCurrentName(tabName);
-        emit("tab-click", tab, event);
+        emit("tabClick", tab, event);
       };
       const handleTabRemove = (pane, ev) => {
         if (pane.props.disabled || isUndefined(pane.props.name))
           return;
         ev.stopPropagation();
         emit("edit", pane.props.name, "remove");
-        emit("tab-remove", pane.props.name);
+        emit("tabRemove", pane.props.name);
       };
       const handleTabAdd = () => {
         emit("edit", void 0, "add");
-        emit("tab-add");
+        emit("tabAdd");
       };
       useDeprecated({
         from: '"activeName"',
@@ -49188,6 +49248,14 @@
       return data[NODE_KEY];
     return data[key];
   };
+  const handleCurrentChange = (store, emit, setCurrent) => {
+    const preCurrentNode = store.value.currentNode;
+    setCurrent();
+    const currentNode = store.value.currentNode;
+    if (preCurrentNode === currentNode)
+      return;
+    emit("current-change", currentNode ? currentNode : null, currentNode);
+  };
 
   const getChildState = (node) => {
     let all = true;
@@ -49924,7 +49992,9 @@
       return () => {
         const node = props.node;
         const { data, store } = node;
-        return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : vue.h("span", { class: ns.be("node", "label") }, [node.label]);
+        return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : vue.h("span", { class: ns.be("node", "label") }, [
+          tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : node.label
+        ]);
       };
     }
   });
@@ -50189,9 +50259,7 @@
         oldIndeterminate.value = indeterminate;
       };
       const handleClick = (e) => {
-        const store = tree.store.value;
-        store.setCurrentNode(props.node);
-        tree.ctx.emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode);
+        handleCurrentChange(tree.store, tree.ctx.emit, () => tree.store.value.setCurrentNode(props.node));
         tree.currentNode.value = props.node;
         if (tree.props.expandOnClickNode) {
           handleExpandIconClick();
@@ -50670,22 +50738,12 @@
       const setCurrentNode = (node, shouldAutoExpandParent = true) => {
         if (!props.nodeKey)
           throw new Error("[Tree] nodeKey is required in setCurrentNode");
-        const preNode = store.value.currentNode;
-        store.value.setUserCurrentNode(node, shouldAutoExpandParent);
-        const currNode = store.value.currentNode;
-        if (preNode !== currNode) {
-          ctx.emit("current-change", currNode ? currNode.data : null, currNode);
-        }
+        handleCurrentChange(store, ctx.emit, () => store.value.setUserCurrentNode(node, shouldAutoExpandParent));
       };
       const setCurrentKey = (key, shouldAutoExpandParent = true) => {
         if (!props.nodeKey)
           throw new Error("[Tree] nodeKey is required in setCurrentKey");
-        const preNode = store.value.currentNode;
-        store.value.setCurrentNodeKey(key, shouldAutoExpandParent);
-        const currNode = store.value.currentNode;
-        if (preNode !== currNode) {
-          ctx.emit("current-change", currNode ? currNode.data : null, currNode);
-        }
+        handleCurrentChange(store, ctx.emit, () => store.value.setCurrentNodeKey(key, shouldAutoExpandParent));
       };
       const getNode = (data) => {
         return store.value.getNode(data);
@@ -52758,8 +52816,7 @@
             onRemove: vue.unref(handleRemove)
           }, vue.createSlots({
             append: vue.withCtx(() => [
-              _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createBlock(UploadContent, vue.mergeProps({
-                key: 0,
+              vue.createVNode(UploadContent, vue.mergeProps({
                 ref_key: "uploadRef",
                 ref: uploadRef
               }, vue.unref(uploadContentProps)), {
@@ -52768,7 +52825,7 @@
                   !vue.unref(slots).trigger && vue.unref(slots).default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 3
-              }, 16)) : vue.createCommentVNode("v-if", true)
+              }, 16)
             ]),
             _: 2
           }, [
@@ -52779,7 +52836,7 @@
               ])
             } : void 0
           ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true),
-          _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createBlock(UploadContent, vue.mergeProps({
+          !vue.unref(isPictureCard) || vue.unref(isPictureCard) && !_ctx.showFileList ? (vue.openBlock(), vue.createBlock(UploadContent, vue.mergeProps({
             key: 1,
             ref_key: "uploadRef",
             ref: uploadRef
@@ -53074,23 +53131,18 @@
       var _a;
       if (options.beforeClose && !options.beforeClose())
         return;
-      const target = data.parent;
-      target.vLoadingAddClassList = void 0;
       afterLeaveFlag.value = true;
       clearTimeout(afterLeaveTimer);
-      afterLeaveTimer = window.setTimeout(() => {
-        if (afterLeaveFlag.value) {
-          afterLeaveFlag.value = false;
-          destroySelf();
-        }
-      }, 400);
+      afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);
       data.visible = false;
       (_a = options.closed) == null ? void 0 : _a.call(options);
     }
     function handleAfterLeave() {
       if (!afterLeaveFlag.value)
         return;
+      const target = data.parent;
       afterLeaveFlag.value = false;
+      target.vLoadingAddClassList = void 0;
       destroySelf();
     }
     const elLoadingComponent = {
@@ -53233,7 +53285,7 @@
   };
   const addClassList = (options, parent, instance) => {
     const ns = useNamespace("loading");
-    if (instance.originalPosition.value !== "absolute" && instance.originalPosition.value !== "fixed") {
+    if (!["absolute", "fixed", "sticky"].includes(instance.originalPosition.value)) {
       addClass(parent, ns.bm("parent", "relative"));
     } else {
       removeClass(parent, ns.bm("parent", "relative"));
@@ -53598,7 +53650,9 @@
         vue.render(null, container);
       }
     };
-    const vnode = vue.createVNode(MessageConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? { default: props.message } : null);
+    const vnode = vue.createVNode(MessageConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? {
+      default: isFunction(props.message) ? props.message : () => props.message
+    } : null);
     vnode.appContext = context || message._context;
     vue.render(vnode, container);
     appendTo.appendChild(container.firstElementChild);
@@ -54129,7 +54183,9 @@
 
   const messageInstance = /* @__PURE__ */ new Map();
   const initInstance = (props, container, appContext = null) => {
-    const vnode = vue.h(MessageBoxConstructor, props);
+    const vnode = vue.createVNode(MessageBoxConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? {
+      default: isFunction(props.message) ? props.message : () => props.message
+    } : null);
     vnode.appContext = appContext;
     vue.render(vnode, container);
     document.body.appendChild(container.firstElementChild);
@@ -54173,15 +54229,6 @@
         vm[prop] = options[prop];
       }
     }
-    vue.watch(() => vm.message, (newVal, oldVal) => {
-      if (vue.isVNode(newVal)) {
-        instance.slots.default = () => [newVal];
-      } else if (vue.isVNode(oldVal) && !vue.isVNode(newVal)) {
-        delete instance.slots.default;
-      }
-    }, {
-      immediate: true
-    });
     vm.visible = true;
     return vm;
   };
@@ -54891,6 +54938,7 @@
   exports.switchEmits = switchEmits;
   exports.switchProps = switchProps;
   exports.tabBarProps = tabBarProps;
+  exports.tabNavEmits = tabNavEmits;
   exports.tabNavProps = tabNavProps;
   exports.tabPaneProps = tabPaneProps;
   exports.tableV2Props = tableV2Props;