@element-plus/nightly 0.0.20250703 → 0.0.20250704

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250703 */
+/*! 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.20250703";
+  const version$1 = "0.0.20250704";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -22358,6 +22379,7 @@
         animating
       }),
       uid: instance.uid,
+      getVnode: () => instance.vnode,
       translateItem
     };
     carouselContext.addItem(carouselItemContext);
@@ -44311,6 +44333,7 @@
       };
       const stepItemState = vue.reactive({
         uid: currentInstance.uid,
+        getVnode: () => currentInstance.vnode,
         currentStatus,
         setIndex,
         calcProgress
@@ -51711,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";
@@ -51859,7 +51883,8 @@
         removeFocus,
         focusActiveTab,
         tabListRef: nav$,
-        tabBarRef
+        tabBarRef,
+        scheduleRender: () => vue.triggerRef(tracker)
       });
       return () => {
         const scrollBtn = scrollable.value ? [vue.createVNode("span", {
@@ -51910,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)]
@@ -52044,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"];
@@ -52065,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, {
@@ -52152,6 +52176,7 @@
       });
       const pane = vue.reactive({
         uid: instance.uid,
+        getVnode: () => instance.vnode,
         slots,
         props,
         paneName,
@@ -52164,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,
@@ -60561,6 +60590,7 @@
       const _panel = vue.reactive({
         el: panelEl.value,
         uid,
+        getVnode: () => instance.vnode,
         setIndex,
         ...props,
         collapsible: getCollapsible(props.collapsible)