@element-plus/nightly 0.0.20250701 → 0.0.20250704

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250701 */
+/*! Element Plus v0.0.20250704 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -1217,9 +1217,9 @@
     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);
@@ -3157,9 +3157,9 @@
   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) {
@@ -11488,13 +11488,34 @@
   const useOrderedChildren = (vm, childComponentName) => {
     const children = vue.shallowRef({});
     const orderedChildren = vue.shallowRef([]);
+    const nodesMap = /* @__PURE__ */ new WeakMap();
     const addChild = (child) => {
       children.value[child.uid] = child;
       vue.triggerRef(children);
+      vue.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)
+              vue.triggerRef(children);
+            return originalFn(node, anchor);
+          };
+        }
+        nodesMap.get(parentNode).push(childNode);
+      });
     };
     const removeChild = (child) => {
       delete children.value[child.uid];
       vue.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);
@@ -11803,7 +11824,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250701";
+  const version$1 = "0.0.20250704";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14118,7 +14139,8 @@
     inputmode: {
       type: definePropType(String),
       default: void 0
-    }
+    },
+    name: String
   });
   const inputEmits = {
     [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
@@ -14416,6 +14438,7 @@
                 ref: input,
                 class: vue.unref(nsInput).e("inner")
               }, vue.unref(attrs), {
+                name: _ctx.name,
                 minlength: _ctx.minlength,
                 maxlength: _ctx.maxlength,
                 type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
@@ -14436,7 +14459,7 @@
                 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"]),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -16658,6 +16681,7 @@
   const ElTooltip = withInstall(Tooltip);
 
   const autocompleteProps = buildProps({
+    ...inputProps,
     valueKey: {
       type: String,
       default: "value"
@@ -16711,17 +16735,7 @@
     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),
@@ -16744,7 +16758,7 @@
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const attrs = useAttrs();
+      const passInputProps = vue.computed(() => pick(props, Object.keys(inputProps)));
       const rawAttrs = vue.useAttrs();
       const disabled = useFormDisabled();
       const ns = useNamespace("autocomplete");
@@ -17031,12 +17045,9 @@
               vue.createVNode(vue.unref(ElInput), vue.mergeProps({
                 ref_key: "inputRef",
                 ref: inputRef
-              }, vue.unref(attrs), {
-                clearable: _ctx.clearable,
-                disabled: vue.unref(disabled),
-                name: _ctx.name,
+              }, vue.mergeProps(vue.unref(passInputProps), _ctx.$attrs), {
                 "model-value": _ctx.modelValue,
-                "aria-label": _ctx.ariaLabel,
+                disabled: vue.unref(disabled),
                 onInput: handleInput,
                 onChange: handleChange,
                 onFocus: handleFocus,
@@ -17077,7 +17088,7 @@
                     vue.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
@@ -22368,6 +22379,7 @@
         animating
       }),
       uid: instance.uid,
+      getVnode: () => instance.vnode,
       translateItem
     };
     carouselContext.addItem(carouselItemContext);
@@ -37127,6 +37139,7 @@
                     "fallback-placements": ["bottom", "top", "right", "left"],
                     effect: _ctx.effect,
                     placement: "bottom",
+                    "popper-class": _ctx.popperClass,
                     teleported: _ctx.teleported
                   }, {
                     default: vue.withCtx(() => [
@@ -37189,7 +37202,7 @@
                       ], 2)
                     ]),
                     _: 3
-                  }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["disabled", "effect", "popper-class", "teleported"])) : vue.createCommentVNode("v-if", true)
                 ]) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass([
@@ -42410,6 +42423,7 @@
                   "fallback-placements": ["bottom", "top", "right", "left"],
                   effect: _ctx.effect,
                   placement: "bottom",
+                  "popper-class": _ctx.popperClass,
                   teleported: _ctx.teleported
                 }, {
                   default: vue.withCtx(() => [
@@ -42472,7 +42486,7 @@
                     ], 2)
                   ]),
                   _: 3
-                }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
+                }, 8, ["disabled", "effect", "popper-class", "teleported"])) : vue.createCommentVNode("v-if", true)
               ]) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([
@@ -44319,6 +44333,7 @@
       };
       const stepItemState = vue.reactive({
         uid: currentInstance.uid,
+        getVnode: () => currentInstance.vnode,
         currentStatus,
         setIndex,
         calcProgress
@@ -46701,8 +46716,9 @@
     };
     const draggingColumn = vue.ref(null);
     const dragging = vue.ref(false);
-    const dragState = vue.ref({});
+    const dragState = vue.ref();
     const handleMouseDown = (event, column) => {
+      var _a, _b;
       if (!isClient)
         return;
       if (column.children && column.children.length > 0)
@@ -46712,8 +46728,8 @@
         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");
@@ -46749,7 +46765,7 @@
             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);
@@ -47154,7 +47170,8 @@
           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);
@@ -47192,7 +47209,7 @@
             column.filterable && vue.h(FilterPanel, {
               store,
               placement: column.filterPlacement || "bottom-start",
-              appendTo: $parent.appendFilterPanelTo,
+              appendTo: $parent == null ? void 0 : $parent.appendFilterPanelTo,
               column,
               upDataColumn: (key, value) => {
                 column[key] = value;
@@ -47216,14 +47233,14 @@
     const tooltipContent = vue.ref("");
     const tooltipTrigger = vue.ref(vue.h("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);
@@ -47235,17 +47252,20 @@
       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);
@@ -47261,7 +47281,8 @@
       };
     };
     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")
@@ -47271,14 +47292,16 @@
       }
     };
     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;
@@ -47286,7 +47309,11 @@
         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) {
@@ -47305,9 +47332,9 @@
       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) => {
@@ -47347,8 +47374,9 @@
       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) {
@@ -47487,10 +47515,12 @@
       getColspanRealWidth
     } = useStyles$1(props);
     const firstDefaultColumnIndex = vue.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);
       }
@@ -47503,7 +47533,7 @@
       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 vue.h("tr", {
@@ -47523,7 +47553,7 @@
         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,
@@ -47533,7 +47563,7 @@
         };
         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)) {
@@ -47564,7 +47594,7 @@
         });
       }));
     };
-    const cellChildren = (cellIndex, column, data) => {
+    const cellChildren = (_cellIndex, column, data) => {
       return column.renderCell(data);
     };
     const wrappedRowRender = (row, $index) => {
@@ -47576,7 +47606,7 @@
       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;
@@ -47603,16 +47633,18 @@
           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) => {
@@ -47694,24 +47726,25 @@
     name: "ElTableBody",
     props: defaultProps$4,
     setup(props) {
+      var _a;
       const instance = vue.getCurrentInstance();
       const parent = vue.inject(TABLE_INJECTION_KEY);
       const ns = useNamespace("table");
       const { wrappedRowRender, tooltipContent, tooltipTrigger } = useRender$1(props);
       const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
       const hoveredCellList = [];
-      vue.watch(props.store.states.hoverRow, (newVal, oldVal) => {
-        var _a;
+      vue.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);
@@ -47720,10 +47753,10 @@
             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]);
@@ -47736,7 +47769,7 @@
           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];
@@ -47750,8 +47783,8 @@
         });
       });
       vue.onUnmounted(() => {
-        var _a;
-        (_a = removePopper) == null ? void 0 : _a();
+        var _a2;
+        (_a2 = removePopper) == null ? void 0 : _a2();
       });
       return {
         ns,
@@ -47764,7 +47797,7 @@
     },
     render() {
       const { wrappedRowRender, store } = this;
-      const data = store.states.data.value || [];
+      const data = (store == null ? void 0 : store.states.data.value) || [];
       return vue.h("tbody", { tabIndex: -1 }, [
         data.reduce((acc, row) => {
           return acc.concat(wrappedRowRender(row, acc.length));
@@ -47774,28 +47807,27 @@
   });
 
   function useMapState() {
-    var _a;
     const table = vue.inject(TABLE_INJECTION_KEY);
     const store = table == null ? void 0 : table.store;
     const leftFixedLeafCount = vue.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 = vue.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 = vue.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 = vue.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 = vue.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,
@@ -47803,7 +47835,10 @@
       columnsCount,
       leftFixedCount,
       rightFixedCount,
-      columns: (_a = store == null ? void 0 : store.states.columns) != null ? _a : []
+      columns: vue.computed(() => {
+        var _a;
+        return (_a = store == null ? void 0 : store.states.columns.value) != null ? _a : [];
+      })
     };
   }
 
@@ -49134,8 +49169,8 @@
         column.renderCell = (data) => vue.h("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;
@@ -49292,7 +49327,7 @@
         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++}`;
       vue.onBeforeMount(() => {
         isSubColumn.value = owner.value !== parent;
         const type = props.type || "default";
@@ -49350,18 +49385,18 @@
         registerComplexWatchers();
       });
       vue.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);
       });
       vue.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;
@@ -51699,6 +51734,7 @@
       const navOffset = vue.ref(0);
       const isFocus = vue.ref(false);
       const focusable = vue.ref(true);
+      const tracker = vue.shallowRef();
       const sizeName = vue.computed(() => ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height");
       const navStyle = vue.computed(() => {
         const dir = sizeName.value === "width" ? "X" : "Y";
@@ -51847,7 +51883,8 @@
         removeFocus,
         focusActiveTab,
         tabListRef: nav$,
-        tabBarRef
+        tabBarRef,
+        scheduleRender: () => vue.triggerRef(tracker)
       });
       return () => {
         const scrollBtn = scrollable.value ? [vue.createVNode("span", {
@@ -51898,6 +51935,7 @@
             }
           }, [...[tabLabelContent, btnClose]]);
         });
+        tracker.value;
         return vue.createVNode("div", {
           "ref": el$,
           "class": [ns.e("nav-wrap"), ns.is("scrollable", !!scrollable.value), ns.is(rootTabs.props.tabPosition)]
@@ -52032,11 +52070,14 @@
         props,
         currentName,
         registerPane,
-        unregisterPane
+        unregisterPane,
+        nav$
       });
       expose({
         currentName,
-        tabNavRef: nav$
+        get tabNavRef() {
+          return omit(nav$.value, ["scheduleRender"]);
+        }
       });
       return () => {
         const addSlot = slots["add-icon"];
@@ -52053,21 +52094,16 @@
         }, {
           default: () => [vue.createVNode(plus_default, null, null)]
         })]) : null;
-        const tabNav = () => {
-          const hasLabelSlot = panes.value.some((pane) => pane.slots.label);
-          return vue.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 = () => vue.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 = vue.createVNode("div", {
           "class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
         }, [vue.createVNode(PanesSorter, null, {
@@ -52140,6 +52176,7 @@
       });
       const pane = vue.reactive({
         uid: instance.uid,
+        getVnode: () => instance.vnode,
         slots,
         props,
         paneName,
@@ -52152,6 +52189,10 @@
       vue.onBeforeUnmount(() => {
         tabsRoot.unregisterPane(pane);
       });
+      vue.onBeforeUpdate(() => {
+        if (slots.label)
+          tabsRoot.nav$.value.scheduleRender();
+      });
       return (_ctx, _cache) => {
         return vue.unref(shouldBeRender) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
@@ -60549,6 +60590,7 @@
       const _panel = vue.reactive({
         el: panelEl.value,
         uid,
+        getVnode: () => instance.vnode,
         setIndex,
         ...props,
         collapsible: getCollapsible(props.collapsible)