@element-plus/nightly 0.0.20250701 → 0.0.20250704

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250701 */
+/*! Element Plus v0.0.20250704 */
 
 import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, isRef, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, triggerRef, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, toRef, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, resolveComponent, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -1213,9 +1213,9 @@ function getNative(object, key) {
   return baseIsNative(value) ? value : void 0;
 }
 
-var WeakMap = getNative(root, "WeakMap");
+var WeakMap$1 = getNative(root, "WeakMap");
 
-var metaMap = WeakMap && new WeakMap();
+var metaMap = WeakMap$1 && new WeakMap$1();
 
 var baseSetData = !metaMap ? identity : function(func, data) {
   metaMap.set(func, data);
@@ -3153,9 +3153,9 @@ var dataViewCtorString = toSource(DataView);
 var mapCtorString = toSource(Map$1);
 var promiseCtorString = toSource(Promise$1);
 var setCtorString = toSource(Set$1);
-var weakMapCtorString = toSource(WeakMap);
+var weakMapCtorString = toSource(WeakMap$1);
 var getTag = baseGetTag;
-if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
+if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$8 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$2) {
   getTag = function(value) {
     var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
     if (ctorString) {
@@ -11484,13 +11484,34 @@ const getOrderedChildren = (vm, childComponentName, children) => {
 const useOrderedChildren = (vm, childComponentName) => {
   const children = shallowRef({});
   const orderedChildren = shallowRef([]);
+  const nodesMap = /* @__PURE__ */ new WeakMap();
   const addChild = (child) => {
     children.value[child.uid] = child;
     triggerRef(children);
+    onMounted(() => {
+      const childNode = child.getVnode().el;
+      const parentNode = childNode.parentNode;
+      if (!nodesMap.has(parentNode)) {
+        nodesMap.set(parentNode, []);
+        const originalFn = parentNode.insertBefore.bind(parentNode);
+        parentNode.insertBefore = (node, anchor) => {
+          const shouldSortChildren = nodesMap.get(parentNode).some((el) => node === el || anchor === el);
+          if (shouldSortChildren)
+            triggerRef(children);
+          return originalFn(node, anchor);
+        };
+      }
+      nodesMap.get(parentNode).push(childNode);
+    });
   };
   const removeChild = (child) => {
     delete children.value[child.uid];
     triggerRef(children);
+    const childNode = child.getVnode().el;
+    const parentNode = childNode.parentNode;
+    const childNodes = nodesMap.get(parentNode);
+    const index = childNodes.indexOf(childNode);
+    childNodes.splice(index, 1);
   };
   const sortChildren = () => {
     orderedChildren.value = getOrderedChildren(vm, childComponentName, children.value);
@@ -11799,7 +11820,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20250701";
+const version$1 = "0.0.20250704";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -14114,7 +14135,8 @@ const inputProps = buildProps({
   inputmode: {
     type: definePropType(String),
     default: void 0
-  }
+  },
+  name: String
 });
 const inputEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
@@ -14412,6 +14434,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
               ref: input,
               class: unref(nsInput).e("inner")
             }, unref(attrs), {
+              name: _ctx.name,
               minlength: _ctx.minlength,
               maxlength: _ctx.maxlength,
               type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
@@ -14432,7 +14455,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
               onInput: handleInput,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "inputmode", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+            }), null, 16, ["id", "name", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "inputmode", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -16654,6 +16677,7 @@ var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "tooltip.vue
 const ElTooltip = withInstall(Tooltip);
 
 const autocompleteProps = buildProps({
+  ...inputProps,
   valueKey: {
     type: String,
     default: "value"
@@ -16707,17 +16731,7 @@ const autocompleteProps = buildProps({
   fitInputWidth: {
     type: Boolean,
     default: false
-  },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  name: String,
-  ...useAriaProps(["ariaLabel"])
+  }
 });
 const autocompleteEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
@@ -16740,7 +16754,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const attrs = useAttrs();
+    const passInputProps = computed(() => pick(props, Object.keys(inputProps)));
     const rawAttrs = useAttrs$1();
     const disabled = useFormDisabled();
     const ns = useNamespace("autocomplete");
@@ -17027,12 +17041,9 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
             createVNode(unref(ElInput), mergeProps({
               ref_key: "inputRef",
               ref: inputRef
-            }, unref(attrs), {
-              clearable: _ctx.clearable,
-              disabled: unref(disabled),
-              name: _ctx.name,
+            }, mergeProps(unref(passInputProps), _ctx.$attrs), {
               "model-value": _ctx.modelValue,
-              "aria-label": _ctx.ariaLabel,
+              disabled: unref(disabled),
               onInput: handleInput,
               onChange: handleChange,
               onFocus: handleFocus,
@@ -17073,7 +17084,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "suffix")
                 ])
               } : void 0
-            ]), 1040, ["clearable", "disabled", "name", "model-value", "aria-label", "onKeydown"])
+            ]), 1040, ["model-value", "disabled", "onKeydown"])
           ], 14, ["aria-expanded", "aria-owns"])
         ]),
         _: 3
@@ -22364,6 +22375,7 @@ const useCarouselItem = (props) => {
       animating
     }),
     uid: instance.uid,
+    getVnode: () => instance.vnode,
     translateItem
   };
   carouselContext.addItem(carouselItemContext);
@@ -37123,6 +37135,7 @@ function _sfc_render$9(_ctx, _cache) {
                   "fallback-placements": ["bottom", "top", "right", "left"],
                   effect: _ctx.effect,
                   placement: "bottom",
+                  "popper-class": _ctx.popperClass,
                   teleported: _ctx.teleported
                 }, {
                   default: withCtx(() => [
@@ -37185,7 +37198,7 @@ function _sfc_render$9(_ctx, _cache) {
                     ], 2)
                   ]),
                   _: 3
-                }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("v-if", true)
+                }, 8, ["disabled", "effect", "popper-class", "teleported"])) : createCommentVNode("v-if", true)
               ]) : createCommentVNode("v-if", true),
               createElementVNode("div", {
                 class: normalizeClass([
@@ -42406,6 +42419,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 "fallback-placements": ["bottom", "top", "right", "left"],
                 effect: _ctx.effect,
                 placement: "bottom",
+                "popper-class": _ctx.popperClass,
                 teleported: _ctx.teleported
               }, {
                 default: withCtx(() => [
@@ -42468,7 +42482,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   ], 2)
                 ]),
                 _: 3
-              }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("v-if", true)
+              }, 8, ["disabled", "effect", "popper-class", "teleported"])) : createCommentVNode("v-if", true)
             ]) : createCommentVNode("v-if", true),
             createElementVNode("div", {
               class: normalizeClass([
@@ -44315,6 +44329,7 @@ const _sfc_main$H = defineComponent({
     };
     const stepItemState = reactive({
       uid: currentInstance.uid,
+      getVnode: () => currentInstance.vnode,
       currentStatus,
       setIndex,
       calcProgress
@@ -46697,8 +46712,9 @@ function useEvent(props, emit) {
   };
   const draggingColumn = ref(null);
   const dragging = ref(false);
-  const dragState = ref({});
+  const dragState = ref();
   const handleMouseDown = (event, column) => {
+    var _a, _b;
     if (!isClient)
       return;
     if (column.children && column.children.length > 0)
@@ -46708,8 +46724,8 @@ function useEvent(props, emit) {
       const table = parent;
       emit("set-drag-visible", true);
       const tableEl = table == null ? void 0 : table.vnode.el;
-      const tableLeft = tableEl.getBoundingClientRect().left;
-      const columnEl = instance.vnode.el.querySelector(`th.${column.id}`);
+      const tableLeft = tableEl == null ? void 0 : tableEl.getBoundingClientRect().left;
+      const columnEl = (_b = (_a = instance == null ? void 0 : instance.vnode) == null ? void 0 : _a.el) == null ? void 0 : _b.querySelector(`th.${column.id}`);
       const columnRect = columnEl.getBoundingClientRect();
       const minLeft = columnRect.left - tableLeft + 30;
       addClass(columnEl, "noclick");
@@ -46745,7 +46761,7 @@ function useEvent(props, emit) {
           document.body.style.cursor = "";
           dragging.value = false;
           draggingColumn.value = null;
-          dragState.value = {};
+          dragState.value = void 0;
           emit("set-drag-visible", false);
         }
         document.removeEventListener("mousemove", handleMouseMove2);
@@ -47150,7 +47166,8 @@ var TableHeader = defineComponent({
         rowspan: column.rowSpan,
         style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
         onClick: ($event) => {
-          if ($event.currentTarget.classList.contains("noclick")) {
+          var _a;
+          if ((_a = $event.currentTarget) == null ? void 0 : _a.classList.contains("noclick")) {
             return;
           }
           handleHeaderClick($event, column);
@@ -47188,7 +47205,7 @@ var TableHeader = defineComponent({
           column.filterable && h$1(FilterPanel, {
             store,
             placement: column.filterPlacement || "bottom-start",
-            appendTo: $parent.appendFilterPanelTo,
+            appendTo: $parent == null ? void 0 : $parent.appendFilterPanelTo,
             column,
             upDataColumn: (key, value) => {
               column[key] = value;
@@ -47212,14 +47229,14 @@ function useEvents(props) {
   const tooltipContent = ref("");
   const tooltipTrigger = ref(h$1("div"));
   const handleEvent = (event, row, name) => {
-    var _a;
+    var _a, _b, _c;
     const table = parent;
     const cell = getCell(event);
-    let column;
+    let column = null;
     const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
     if (cell) {
       column = getColumnByCell({
-        columns: props.store.states.columns.value
+        columns: (_c = (_b = props.store) == null ? void 0 : _b.states.columns.value) != null ? _c : []
       }, cell, namespace);
       if (column) {
         table == null ? void 0 : table.emit(`cell-${name}`, row, column, cell, event);
@@ -47231,17 +47248,20 @@ function useEvents(props) {
     handleEvent(event, row, "dblclick");
   };
   const handleClick = (event, row) => {
-    props.store.commit("setCurrentRow", row);
+    var _a;
+    (_a = props.store) == null ? void 0 : _a.commit("setCurrentRow", row);
     handleEvent(event, row, "click");
   };
   const handleContextMenu = (event, row) => {
     handleEvent(event, row, "contextmenu");
   };
   const handleMouseEnter = debounce((index) => {
-    props.store.commit("setHoverRow", index);
+    var _a;
+    (_a = props.store) == null ? void 0 : _a.commit("setHoverRow", index);
   }, 30);
   const handleMouseLeave = debounce(() => {
-    props.store.commit("setHoverRow", null);
+    var _a;
+    (_a = props.store) == null ? void 0 : _a.commit("setHoverRow", null);
   }, 30);
   const getPadding = (el) => {
     const style = window.getComputedStyle(el, null);
@@ -47257,7 +47277,8 @@ function useEvents(props) {
     };
   };
   const toggleRowClassByCell = (rowSpan, event, toggle) => {
-    let node = event.target.parentNode;
+    var _a;
+    let node = (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.parentNode;
     while (rowSpan > 1) {
       node = node == null ? void 0 : node.nextSibling;
       if (!node || node.nodeName !== "TR")
@@ -47267,14 +47288,16 @@ function useEvents(props) {
     }
   };
   const handleCellMouseEnter = (event, row, tooltipOptions) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
+    if (!parent)
+      return;
     const table = parent;
     const cell = getCell(event);
     const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
-    let column;
+    let column = null;
     if (cell) {
       column = getColumnByCell({
-        columns: props.store.states.columns.value
+        columns: (_c = (_b = props.store) == null ? void 0 : _b.states.columns.value) != null ? _c : []
       }, cell, namespace);
       if (!column) {
         return;
@@ -47282,7 +47305,11 @@ function useEvents(props) {
       if (cell.rowSpan > 1) {
         toggleRowClassByCell(cell.rowSpan, event, addClass);
       }
-      const hoverState = table.hoverState = { cell, column, row };
+      const hoverState = table.hoverState = {
+        cell,
+        column,
+        row
+      };
       table == null ? void 0 : table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, event);
     }
     if (!tooltipOptions) {
@@ -47301,9 +47328,9 @@ function useEvents(props) {
     const horizontalPadding = left + right;
     const verticalPadding = top + bottom;
     if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
-      createTablePopper(tooltipOptions, cell.innerText || cell.textContent, row, column, cell, table);
-    } else if (((_b = removePopper) == null ? void 0 : _b.trigger) === cell) {
-      (_c = removePopper) == null ? void 0 : _c();
+      createTablePopper(tooltipOptions, (_d = (cell == null ? void 0 : cell.innerText) || (cell == null ? void 0 : cell.textContent)) != null ? _d : "", row, column, cell, table);
+    } else if (((_e = removePopper) == null ? void 0 : _e.trigger) === cell) {
+      (_f = removePopper) == null ? void 0 : _f();
     }
   };
   const handleCellMouseLeave = (event) => {
@@ -47343,8 +47370,9 @@ function useStyles$1(props) {
     return rowStyle || null;
   };
   const getRowClass = (row, rowIndex) => {
+    var _a;
     const classes = [ns.e("row")];
-    if ((parent == null ? void 0 : parent.props.highlightCurrentRow) && row === props.store.states.currentRow.value) {
+    if ((parent == null ? void 0 : parent.props.highlightCurrentRow) && row === ((_a = props.store) == null ? void 0 : _a.states.currentRow.value)) {
       classes.push("current-row");
     }
     if (props.stripe && rowIndex % 2 === 1) {
@@ -47483,10 +47511,12 @@ function useRender$1(props) {
     getColspanRealWidth
   } = useStyles$1(props);
   const firstDefaultColumnIndex = computed(() => {
-    return props.store.states.columns.value.findIndex(({ type }) => type === "default");
+    var _a;
+    return (_a = props.store) == null ? void 0 : _a.states.columns.value.findIndex(({ type }) => type === "default");
   });
   const getKeyOfRow = (row, index) => {
-    const rowKey = parent.props.rowKey;
+    var _a;
+    const rowKey = (_a = parent == null ? void 0 : parent.props) == null ? void 0 : _a.rowKey;
     if (rowKey) {
       return getRowIdentity(row, rowKey);
     }
@@ -47499,7 +47529,7 @@ function useRender$1(props) {
     let display = true;
     if (treeRowData) {
       rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
-      display = treeRowData.display;
+      display = !!treeRowData.display;
     }
     const displayStyle = display ? null : { display: "none" };
     return h$1("tr", {
@@ -47519,7 +47549,7 @@ function useRender$1(props) {
       const columnData = Object.assign({}, column);
       columnData.realWidth = getColspanRealWidth(columns.value, colspan, cellIndex);
       const data = {
-        store: props.store,
+        store,
         _self: props.context || parent,
         column: columnData,
         row,
@@ -47529,7 +47559,7 @@ function useRender$1(props) {
       };
       if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {
         data.treeNode = {
-          indent: treeRowData.level * indent.value,
+          indent: treeRowData.level && treeRowData.level * indent.value,
           level: treeRowData.level
         };
         if (isBoolean(treeRowData.expanded)) {
@@ -47560,7 +47590,7 @@ function useRender$1(props) {
       });
     }));
   };
-  const cellChildren = (cellIndex, column, data) => {
+  const cellChildren = (_cellIndex, column, data) => {
     return column.renderCell(data);
   };
   const wrappedRowRender = (row, $index) => {
@@ -47572,7 +47602,7 @@ function useRender$1(props) {
     if (hasExpandColumn) {
       const expanded = isRowExpanded(row);
       const tr = rowRender(row, $index, void 0, expanded);
-      const renderExpanded = parent.renderExpanded;
+      const renderExpanded = parent == null ? void 0 : parent.renderExpanded;
       if (!renderExpanded) {
         console.error("[Element Error]renderExpanded is required.");
         return tr;
@@ -47599,16 +47629,18 @@ function useRender$1(props) {
         treeRowData = {
           expanded: cur.expanded,
           level: cur.level,
-          display: true
+          display: true,
+          noLazyChildren: void 0,
+          loading: void 0
         };
         if (isBoolean(cur.lazy)) {
-          if (isBoolean(cur.loaded) && cur.loaded) {
+          if (treeRowData && isBoolean(cur.loaded) && cur.loaded) {
             treeRowData.noLazyChildren = !(cur.children && cur.children.length);
           }
           treeRowData.loading = cur.loading;
         }
       }
-      const tmp = [rowRender(row, $index, treeRowData)];
+      const tmp = [rowRender(row, $index, treeRowData != null ? treeRowData : void 0)];
       if (cur) {
         let i = 0;
         const traverse = (children, parent2) => {
@@ -47690,24 +47722,25 @@ var TableBody = defineComponent({
   name: "ElTableBody",
   props: defaultProps$4,
   setup(props) {
+    var _a;
     const instance = getCurrentInstance();
     const parent = inject(TABLE_INJECTION_KEY);
     const ns = useNamespace("table");
     const { wrappedRowRender, tooltipContent, tooltipTrigger } = useRender$1(props);
     const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
     const hoveredCellList = [];
-    watch(props.store.states.hoverRow, (newVal, oldVal) => {
-      var _a;
+    watch((_a = props.store) == null ? void 0 : _a.states.hoverRow, (newVal, oldVal) => {
+      var _a2, _b;
       const el = instance == null ? void 0 : instance.vnode.el;
       const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
       let rowNum = newVal;
-      const childNodes = (_a = rows[rowNum]) == null ? void 0 : _a.childNodes;
+      const childNodes = (_a2 = rows[rowNum]) == null ? void 0 : _a2.childNodes;
       if (childNodes == null ? void 0 : childNodes.length) {
         let control = 0;
         const indexes = Array.from(childNodes).reduce((acc, item, index) => {
-          var _a2, _b;
-          if (((_a2 = childNodes[index]) == null ? void 0 : _a2.colSpan) > 1) {
-            control = (_b = childNodes[index]) == null ? void 0 : _b.colSpan;
+          var _a3, _b2;
+          if (((_a3 = childNodes[index]) == null ? void 0 : _a3.colSpan) > 1) {
+            control = (_b2 = childNodes[index]) == null ? void 0 : _b2.colSpan;
           }
           if (item.nodeName !== "TD" && control === 0) {
             acc.push(index);
@@ -47716,10 +47749,10 @@ var TableBody = defineComponent({
           return acc;
         }, []);
         indexes.forEach((rowIndex) => {
-          var _a2;
+          var _a3;
           rowNum = newVal;
           while (rowNum > 0) {
-            const preChildNodes = (_a2 = rows[rowNum - 1]) == null ? void 0 : _a2.childNodes;
+            const preChildNodes = (_a3 = rows[rowNum - 1]) == null ? void 0 : _a3.childNodes;
             if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD" && preChildNodes[rowIndex].rowSpan > 1) {
               addClass(preChildNodes[rowIndex], "hover-cell");
               hoveredCellList.push(preChildNodes[rowIndex]);
@@ -47732,7 +47765,7 @@ var TableBody = defineComponent({
         hoveredCellList.forEach((item) => removeClass(item, "hover-cell"));
         hoveredCellList.length = 0;
       }
-      if (!props.store.states.isComplex.value || !isClient)
+      if (!((_b = props.store) == null ? void 0 : _b.states.isComplex.value) || !isClient)
         return;
       rAF(() => {
         const oldRow = rows[oldVal];
@@ -47746,8 +47779,8 @@ var TableBody = defineComponent({
       });
     });
     onUnmounted(() => {
-      var _a;
-      (_a = removePopper) == null ? void 0 : _a();
+      var _a2;
+      (_a2 = removePopper) == null ? void 0 : _a2();
     });
     return {
       ns,
@@ -47760,7 +47793,7 @@ var TableBody = defineComponent({
   },
   render() {
     const { wrappedRowRender, store } = this;
-    const data = store.states.data.value || [];
+    const data = (store == null ? void 0 : store.states.data.value) || [];
     return h$1("tbody", { tabIndex: -1 }, [
       data.reduce((acc, row) => {
         return acc.concat(wrappedRowRender(row, acc.length));
@@ -47770,28 +47803,27 @@ var TableBody = defineComponent({
 });
 
 function useMapState() {
-  var _a;
   const table = inject(TABLE_INJECTION_KEY);
   const store = table == null ? void 0 : table.store;
   const leftFixedLeafCount = computed(() => {
-    var _a2;
-    return (_a2 = store == null ? void 0 : store.states.fixedLeafColumnsLength.value) != null ? _a2 : 0;
+    var _a;
+    return (_a = store == null ? void 0 : store.states.fixedLeafColumnsLength.value) != null ? _a : 0;
   });
   const rightFixedLeafCount = computed(() => {
-    var _a2;
-    return (_a2 = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a2 : 0;
+    var _a;
+    return (_a = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a : 0;
   });
   const columnsCount = computed(() => {
-    var _a2;
-    return (_a2 = store == null ? void 0 : store.states.columns.value.length) != null ? _a2 : 0;
+    var _a;
+    return (_a = store == null ? void 0 : store.states.columns.value.length) != null ? _a : 0;
   });
   const leftFixedCount = computed(() => {
-    var _a2;
-    return (_a2 = store == null ? void 0 : store.states.fixedColumns.value.length) != null ? _a2 : 0;
+    var _a;
+    return (_a = store == null ? void 0 : store.states.fixedColumns.value.length) != null ? _a : 0;
   });
   const rightFixedCount = computed(() => {
-    var _a2;
-    return (_a2 = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a2 : 0;
+    var _a;
+    return (_a = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a : 0;
   });
   return {
     leftFixedLeafCount,
@@ -47799,7 +47831,10 @@ function useMapState() {
     columnsCount,
     leftFixedCount,
     rightFixedCount,
-    columns: (_a = store == null ? void 0 : store.states.columns) != null ? _a : []
+    columns: computed(() => {
+      var _a;
+      return (_a = store == null ? void 0 : store.states.columns.value) != null ? _a : [];
+    })
   };
 }
 
@@ -49130,8 +49165,8 @@ function useRender(props, slots, owner) {
       column.renderCell = (data) => h$1("div", {
         class: "cell"
       }, [originRenderCell(data)]);
-      owner.value.renderExpanded = (data) => {
-        return slots.default ? slots.default(data) : slots.default;
+      owner.value.renderExpanded = (row) => {
+        return slots.default ? slots.default(row) : slots.default;
       };
     } else {
       originRenderCell = originRenderCell || defaultRenderCell;
@@ -49288,7 +49323,7 @@ var ElTableColumn$1 = defineComponent({
       updateColumnOrder
     } = useRender(props, slots, owner);
     const parent = columnOrTableParent.value;
-    columnId.value = `${parent.tableId || parent.columnId}_column_${columnIdSeed++}`;
+    columnId.value = `${"tableId" in parent && parent.tableId || "columnId" in parent && parent.columnId}_column_${columnIdSeed++}`;
     onBeforeMount(() => {
       isSubColumn.value = owner.value !== parent;
       const type = props.type || "default";
@@ -49346,18 +49381,18 @@ var ElTableColumn$1 = defineComponent({
       registerComplexWatchers();
     });
     onMounted(() => {
-      var _a;
+      var _a, _b;
       const parent2 = columnOrTableParent.value;
-      const children = isSubColumn.value ? parent2.vnode.el.children : (_a = parent2.refs.hiddenColumns) == null ? void 0 : _a.children;
+      const children = isSubColumn.value ? (_a = parent2.vnode.el) == null ? void 0 : _a.children : (_b = parent2.refs.hiddenColumns) == null ? void 0 : _b.children;
       const getColumnIndex = () => getColumnElIndex(children || [], instance.vnode.el);
       columnConfig.value.getColumnIndex = getColumnIndex;
       const columnIndex = getColumnIndex();
-      columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null, updateColumnOrder);
+      columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent2 && parent2.columnConfig.value : null, updateColumnOrder);
     });
     onBeforeUnmount(() => {
       const getColumnIndex = columnConfig.value.getColumnIndex;
       const columnIndex = getColumnIndex ? getColumnIndex() : -1;
-      columnIndex > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null, updateColumnOrder);
+      columnIndex > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent && parent.columnConfig.value : null, updateColumnOrder);
     });
     instance.columnId = columnId.value;
     instance.columnConfig = columnConfig;
@@ -51695,6 +51730,7 @@ const TabNav = defineComponent({
     const navOffset = ref(0);
     const isFocus = ref(false);
     const focusable = ref(true);
+    const tracker = shallowRef();
     const sizeName = computed(() => ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height");
     const navStyle = computed(() => {
       const dir = sizeName.value === "width" ? "X" : "Y";
@@ -51843,7 +51879,8 @@ const TabNav = defineComponent({
       removeFocus,
       focusActiveTab,
       tabListRef: nav$,
-      tabBarRef
+      tabBarRef,
+      scheduleRender: () => triggerRef(tracker)
     });
     return () => {
       const scrollBtn = scrollable.value ? [createVNode("span", {
@@ -51894,6 +51931,7 @@ const TabNav = defineComponent({
           }
         }, [...[tabLabelContent, btnClose]]);
       });
+      tracker.value;
       return createVNode("div", {
         "ref": el$,
         "class": [ns.e("nav-wrap"), ns.is("scrollable", !!scrollable.value), ns.is(rootTabs.props.tabPosition)]
@@ -52028,11 +52066,14 @@ const Tabs = defineComponent({
       props,
       currentName,
       registerPane,
-      unregisterPane
+      unregisterPane,
+      nav$
     });
     expose({
       currentName,
-      tabNavRef: nav$
+      get tabNavRef() {
+        return omit(nav$.value, ["scheduleRender"]);
+      }
     });
     return () => {
       const addSlot = slots["add-icon"];
@@ -52049,21 +52090,16 @@ const Tabs = defineComponent({
       }, {
         default: () => [createVNode(plus_default, null, null)]
       })]) : null;
-      const tabNav = () => {
-        const hasLabelSlot = panes.value.some((pane) => pane.slots.label);
-        return createVNode(TabNav, {
-          ref: nav$,
-          currentName: currentName.value,
-          editable: props.editable,
-          type: props.type,
-          panes: panes.value,
-          stretch: props.stretch,
-          onTabClick: handleTabClick,
-          onTabRemove: handleTabRemove
-        }, {
-          $stable: !hasLabelSlot
-        });
-      };
+      const tabNav = () => createVNode(TabNav, {
+        "ref": nav$,
+        "currentName": currentName.value,
+        "editable": props.editable,
+        "type": props.type,
+        "panes": panes.value,
+        "stretch": props.stretch,
+        "onTabClick": handleTabClick,
+        "onTabRemove": handleTabRemove
+      }, null);
       const header = createVNode("div", {
         "class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
       }, [createVNode(PanesSorter, null, {
@@ -52136,6 +52172,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     const pane = reactive({
       uid: instance.uid,
+      getVnode: () => instance.vnode,
       slots,
       props,
       paneName,
@@ -52148,6 +52185,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       tabsRoot.unregisterPane(pane);
     });
+    onBeforeUpdate(() => {
+      if (slots.label)
+        tabsRoot.nav$.value.scheduleRender();
+    });
     return (_ctx, _cache) => {
       return unref(shouldBeRender) ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
@@ -60545,6 +60586,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const _panel = reactive({
       el: panelEl.value,
       uid,
+      getVnode: () => instance.vnode,
       setIndex,
       ...props,
       collapsible: getCollapsible(props.collapsible)