@element-plus/nightly 0.0.20251120 → 0.0.20251122

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251120 */
+/*! Element Plus v0.0.20251122 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12564,7 +12564,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251120";
+  const version$1 = "0.0.20251122";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -38076,7 +38076,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       }
     };
     const hoverItem = () => {
-      if (!props.disabled && !selectGroup.disabled) {
+      if (!isDisabled.value) {
         select.states.hoveringIndex = select.optionsArray.indexOf(instance.proxy);
       }
     };
@@ -38429,7 +38429,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         states.previousQuery = null;
         states.isBeforeHide = true;
       }
-      emit("visible-change", val);
     });
     vue.watch(() => states.options.entries(), () => {
       if (!isClient)
@@ -38899,6 +38898,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         stop == null ? void 0 : stop();
         stop = void 0;
       }
+      emit("visible-change", newVal);
     });
     vue.onMounted(() => {
       setSelected();
@@ -44589,7 +44589,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         states.isBeforeHide = true;
         createNewOption("");
       }
-      emit("visible-change", val);
     });
     vue.watch(() => props.modelValue, (val, oldVal) => {
       var _a;
@@ -44643,10 +44642,19 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     });
     useResizeObserver(selectRef, handleResize);
     useResizeObserver(selectionRef, resetSelectionWidth);
-    useResizeObserver(menuRef, updateTooltip);
     useResizeObserver(wrapperRef, updateTooltip);
     useResizeObserver(tagMenuRef, updateTagTooltip);
     useResizeObserver(collapseItemRef, resetCollapseItemWidth);
+    let stop;
+    vue.watch(() => dropdownMenuVisible.value, (newVal) => {
+      if (newVal) {
+        stop = useResizeObserver(menuRef, updateTooltip).stop;
+      } else {
+        stop == null ? void 0 : stop();
+        stop = void 0;
+      }
+      emit("visible-change", newVal);
+    });
     return {
       inputId,
       collapseTagSize,
@@ -50544,14 +50552,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     const headerScrollHeight = vue.ref(0);
     const footerScrollHeight = vue.ref(0);
     const appendScrollHeight = vue.ref(0);
-    vue.watchEffect(() => {
-      var _a;
-      layout.setHeight((_a = props.height) != null ? _a : null);
-    });
-    vue.watchEffect(() => {
-      var _a;
-      layout.setMaxHeight((_a = props.maxHeight) != null ? _a : null);
-    });
+    vue.watch(() => props.height, (value) => {
+      layout.setHeight(value != null ? value : null);
+    }, { immediate: true });
+    vue.watch(() => props.maxHeight, (value) => {
+      layout.setMaxHeight(value != null ? value : null);
+    }, { immediate: true });
     vue.watch(() => [props.currentRowKey, store.states.rowKey], ([currentRowKey, rowKey]) => {
       if (!vue.unref(rowKey) || !vue.unref(currentRowKey))
         return;
@@ -54137,6 +54143,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const ns = useNamespace("tabs");
       const barRef = vue.ref();
       const barStyle = vue.ref();
+      const shouldDisableInitialTransition = vue.computed(() => isUndefined(rootTabs.props.modelValue) && !isUndefined(rootTabs.props.defaultValue));
+      const shouldRenderBar = vue.computed(() => {
+        var _a;
+        return !shouldDisableInitialTransition.value || Boolean((_a = barStyle.value) == null ? void 0 : _a.transform);
+      });
       const getBarStyle = () => {
         let offset = 0;
         let tabSize = 0;
@@ -54191,12 +54202,13 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         update
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
+        return vue.unref(shouldRenderBar) ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
           ref_key: "barRef",
           ref: barRef,
           class: vue.normalizeClass([vue.unref(ns).e("active-bar"), vue.unref(ns).is(vue.unref(rootTabs).props.tabPosition)]),
           style: vue.normalizeStyle(barStyle.value)
-        }, null, 6);
+        }, null, 6)) : vue.createCommentVNode("v-if", true);
       };
     }
   });
@@ -54512,6 +54524,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     modelValue: {
       type: [String, Number]
     },
+    defaultValue: {
+      type: [String, Number]
+    },
     editable: Boolean,
     tabPosition: {
       type: String,
@@ -54556,7 +54571,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         ChildrenSorter: PanesSorter
       } = useOrderedChildren(vue.getCurrentInstance(), "ElTabPane");
       const nav$ = vue.ref();
-      const currentName = vue.ref((_a = props.modelValue) != null ? _a : "0");
+      const currentName = vue.ref((_a = isUndefined(props.modelValue) ? props.defaultValue : props.modelValue) != null ? _a : "0");
       const setCurrentName = async (value, trigger = false) => {
         var _a2, _b, _c, _d;
         if (currentName.value === value || isUndefined(value))
@@ -54614,6 +54629,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         }
       };
       vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
+      vue.watch(() => props.defaultValue, (defaultValue) => {
+        if (isUndefined(props.modelValue)) {
+          setCurrentName(defaultValue);
+        }
+      });
       vue.watch(currentName, async () => {
         var _a2;
         await vue.nextTick();