@element-plus/nightly 0.0.20240728 → 0.0.20240730

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240728 */
+/*! 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.20240728";
+  const version$1 = "0.0.20240730";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -35000,7 +35002,6 @@
     name: COMPONENT_NAME$9,
     componentName: COMPONENT_NAME$9,
     components: {
-      ElInput,
       ElSelectMenu: ElSelectMenu$1,
       ElOption: Option,
       ElOptions,
@@ -40854,8 +40855,8 @@
       return buttonRef;
     };
     const setFirstValue = (firstValue) => {
-      initData.firstValue = firstValue;
-      _emit(props.range ? [minValue.value, maxValue.value] : firstValue);
+      initData.firstValue = firstValue != null ? firstValue : props.min;
+      _emit(props.range ? [minValue.value, maxValue.value] : firstValue != null ? firstValue : props.min);
     };
     const setSecondValue = (secondValue) => {
       initData.secondValue = secondValue;
@@ -43400,7 +43401,7 @@
     const getSelectionRows = () => {
       return (selection.value || []).slice();
     };
-    const toggleRowSelection = (row, selected = void 0, emitChange = true) => {
+    const toggleRowSelection = (row, selected, emitChange = true) => {
       const changed = toggleRowStatus(selection.value, row, selected);
       if (changed) {
         const newSelection = (selection.value || []).slice();
@@ -49317,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>`);
@@ -49473,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)],
@@ -49592,7 +49588,7 @@
       const isVertical = vue.computed(() => ["left", "right"].includes(props.tabPosition));
       const {
         children: panes,
-        addChild: registerPane,
+        addChild: sortPane,
         removeChild: unregisterPane
       } = useOrderedChildren(vue.getCurrentInstance(), "ElTabPane");
       const nav$ = vue.ref();
@@ -49640,12 +49636,20 @@
       vue.provide(tabsRootContextKey, {
         props,
         currentName,
-        registerPane,
+        registerPane: (pane) => {
+          panes.value.push(pane);
+        },
+        sortPane,
         unregisterPane
       });
       expose({
         currentName
       });
+      const TabNavRenderer = ({
+        render
+      }) => {
+        return render();
+      };
       return () => {
         const addSlot = slots["add-icon"];
         const newButton = props.editable || props.addable ? vue.createVNode("div", {
@@ -49663,15 +49667,22 @@
         })]) : null;
         const header = vue.createVNode("div", {
           "class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
-        }, [vue.createVNode(TabNav, {
-          "ref": nav$,
-          "currentName": currentName.value,
-          "editable": props.editable,
-          "type": props.type,
-          "panes": panes.value,
-          "stretch": props.stretch,
-          "onTabClick": handleTabClick,
-          "onTabRemove": handleTabRemove
+        }, [vue.createVNode(TabNavRenderer, {
+          "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")
@@ -49681,7 +49692,7 @@
             [ns.m("card")]: props.type === "card",
             [ns.m("border-card")]: props.type === "border-card"
           }]
-        }, [...props.tabPosition !== "bottom" ? [header, panels] : [panels, header]]);
+        }, [panels, header]);
       };
     }
   });
@@ -49740,8 +49751,9 @@
         index,
         isClosable
       });
+      tabsRoot.registerPane(pane);
       vue.onMounted(() => {
-        tabsRoot.registerPane(pane);
+        tabsRoot.sortPane(pane);
       });
       vue.onUnmounted(() => {
         tabsRoot.unregisterPane(pane.uid);