@element-plus/nightly 0.0.20251119 → 0.0.20251121

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251119 */
+/*! Element Plus v0.0.20251121 */
 
 (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.20251119";
+  const version$1 = "0.0.20251121";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -38526,7 +38526,13 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       return newOption;
     };
     const updateHoveringIndex = () => {
-      states.hoveringIndex = optionsArray.value.findIndex((item) => states.selected.some((selected) => getValueKey(selected) === getValueKey(item)));
+      const length = states.selected.length;
+      if (length > 0) {
+        const lastOption = states.selected[length - 1];
+        states.hoveringIndex = optionsArray.value.findIndex((item) => getValueKey(lastOption) === getValueKey(item));
+      } else {
+        states.hoveringIndex = -1;
+      }
     };
     const resetSelectionWidth = () => {
       states.selectionWidth = Number.parseFloat(window.getComputedStyle(selectionRef.value).width);
@@ -38657,7 +38663,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     };
     const scrollToOption = (option) => {
       var _a, _b, _c, _d, _e;
-      const targetOption = isArray$1(option) ? option[0] : option;
+      const targetOption = isArray$1(option) ? option[option.length - 1] : option;
       let target = null;
       if (!isNil(targetOption == null ? void 0 : targetOption.value)) {
         const options = optionsArray.value.filter((item) => item.value === targetOption.value);
@@ -44477,7 +44483,13 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           return getValueKey(getValue(item)) === getValueKey(props.modelValue);
         });
       } else {
-        states.hoveringIndex = filteredOptions.value.findIndex((item) => props.modelValue.some((modelValue) => getValueKey(modelValue) === getValueKey(getValue(item))));
+        const length = props.modelValue.length;
+        if (length > 0) {
+          const lastValue = props.modelValue[length - 1];
+          states.hoveringIndex = filteredOptions.value.findIndex((item) => getValueKey(lastValue) === getValueKey(getValue(item)));
+        } else {
+          states.hoveringIndex = -1;
+        }
       }
     };
     const onInput = (event) => {
@@ -50532,14 +50544,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;
@@ -54125,6 +54135,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;
@@ -54179,12 +54194,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);
       };
     }
   });
@@ -54500,6 +54516,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     modelValue: {
       type: [String, Number]
     },
+    defaultValue: {
+      type: [String, Number]
+    },
     editable: Boolean,
     tabPosition: {
       type: String,
@@ -54544,7 +54563,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))
@@ -54602,6 +54621,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();