@element-plus/nightly 0.0.20240729 → 0.0.20240730

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240729 */
+/*! Element Plus v0.0.20240730 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -7823,7 +7823,9 @@
     if (id !== void 0) {
       el.setAttribute("id", id);
     }
-    target.appendChild(el);
+    if (target) {
+      target.appendChild(el);
+    }
     return el;
   }
   function removeGlobalNode(el) {
@@ -11312,7 +11314,7 @@
         el.setAttribute("tabindex", "-1");
       }
     });
-    useEventListener(wrapperRef, "click", handleClick);
+    useEventListener(wrapperRef, "click", handleClick, true);
     return {
       wrapperRef,
       isFocused,
@@ -11530,7 +11532,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240729";
+  const version$1 = "0.0.20240730";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -49316,7 +49318,6 @@
       expose,
       emit
     }) {
-      const vm = vue.getCurrentInstance();
       const rootTabs = vue.inject(tabsRootContextKey);
       if (!rootTabs)
         throwError(COMPONENT_NAME$2, `<el-tabs><tab-nav /></el-tabs>`);
@@ -49472,10 +49473,6 @@
         scrollToActiveTab,
         removeFocus
       });
-      vue.watch(() => props.panes, () => vm.update(), {
-        flush: "post",
-        deep: true
-      });
       return () => {
         const scrollBtn = scrollable.value ? [vue.createVNode("span", {
           "class": [ns.e("nav-prev"), ns.is("disabled", !scrollable.value.prev)],
@@ -49671,16 +49668,21 @@
         const header = vue.createVNode("div", {
           "class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
         }, [vue.createVNode(TabNavRenderer, {
-          "render": () => 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)
+          "render": () => {
+            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
+            });
+          }
         }, null), newButton]);
         const panels = vue.createVNode("div", {
           "class": ns.e("content")