@element-plus/nightly 0.0.20250630 → 0.0.20250701

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250630 */
+/*! Element Plus v0.0.20250701 */
 
 import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, isRef, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, triggerRef, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, toRef, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, resolveComponent, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -11532,26 +11532,8 @@ const useGlobalSize = () => {
   });
 };
 
-const formContextKey = Symbol("formContextKey");
-const formItemContextKey = Symbol("formItemContextKey");
-
-const useFormSize = (fallback, ignore = {}) => {
-  const emptyRef = ref(void 0);
-  const size = ignore.prop ? emptyRef : useProp("size");
-  const globalConfig = ignore.global ? emptyRef : useGlobalSize();
-  const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
-  const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
-  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
-};
-const useFormDisabled = (fallback) => {
-  const disabled = useProp("disabled");
-  const form = inject(formContextKey, void 0);
-  return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
-};
-const useSize$1 = useFormSize;
-const useDisabled = useFormDisabled;
-
 function useFocusController(target, {
+  disabled,
   beforeFocus,
   afterFocus,
   beforeBlur,
@@ -11560,11 +11542,10 @@ function useFocusController(target, {
   const instance = getCurrentInstance();
   const { emit } = instance;
   const wrapperRef = shallowRef();
-  const disabled = useFormDisabled();
   const isFocused = ref(false);
   const handleFocus = (event) => {
     const cancelFocus = isFunction$1(beforeFocus) ? beforeFocus(event) : false;
-    if (cancelFocus || isFocused.value)
+    if (unref(disabled) || isFocused.value || cancelFocus)
       return;
     isFocused.value = true;
     emit("focus", event);
@@ -11573,7 +11554,7 @@ function useFocusController(target, {
   const handleBlur = (event) => {
     var _a;
     const cancelBlur = isFunction$1(beforeBlur) ? beforeBlur(event) : false;
-    if (cancelBlur || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
+    if (unref(disabled) || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)) || cancelBlur)
       return;
     isFocused.value = false;
     emit("blur", event);
@@ -11581,11 +11562,11 @@ function useFocusController(target, {
   };
   const handleClick = (event) => {
     var _a, _b;
-    if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement || isFocusable(event.target) || disabled.value)
+    if (unref(disabled) || isFocusable(event.target) || ((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement)
       return;
     (_b = target.value) == null ? void 0 : _b.focus();
   };
-  watch([wrapperRef, disabled], ([el, disabled2]) => {
+  watch([wrapperRef, () => unref(disabled)], ([el, disabled2]) => {
     if (!el)
       return;
     if (disabled2) {
@@ -11818,7 +11799,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20250630";
+const version$1 = "0.0.20250701";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -12164,6 +12145,25 @@ var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["__file", "alert.vue"]])
 
 const ElAlert = withInstall(Alert);
 
+const formContextKey = Symbol("formContextKey");
+const formItemContextKey = Symbol("formItemContextKey");
+
+const useFormSize = (fallback, ignore = {}) => {
+  const emptyRef = ref(void 0);
+  const size = ignore.prop ? emptyRef : useProp("size");
+  const globalConfig = ignore.global ? emptyRef : useGlobalSize();
+  const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
+  const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
+  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
+};
+const useFormDisabled = (fallback) => {
+  const disabled = useProp("disabled");
+  const form = inject(formContextKey, void 0);
+  return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
+};
+const useSize$1 = useFormSize;
+const useDisabled = useFormDisabled;
+
 const useFormItem = () => {
   const form = inject(formContextKey, void 0);
   const formItem = inject(formItemContextKey, void 0);
@@ -14179,9 +14179,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
     const textareaCalcStyle = shallowRef(props.inputStyle);
     const _ref = computed(() => input.value || textarea.value);
     const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
-      beforeFocus() {
-        return inputDisabled.value;
-      },
+      disabled: inputDisabled,
       afterBlur() {
         var _a;
         if (props.validateEvent) {
@@ -19356,12 +19354,15 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     "endChange"
   ],
   setup(__props, { expose, emit }) {
+    const props = __props;
     const attrs = useAttrs();
     const nsDate = useNamespace("date");
     const nsRange = useNamespace("range");
     const inputRef = ref();
     const endInputRef = ref();
-    const { wrapperRef, isFocused } = useFocusController(inputRef);
+    const { wrapperRef, isFocused } = useFocusController(inputRef, {
+      disabled: computed(() => props.disabled)
+    });
     const handleClick = (evt) => {
       emit("click", evt);
     };
@@ -19476,9 +19477,13 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     const pickerActualVisible = ref(false);
     const valueOnOpen = ref(null);
     let hasJustTabExitedInput = false;
+    const pickerDisabled = computed(() => {
+      return props.disabled || !!(form == null ? void 0 : form.disabled);
+    });
     const { isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
+      disabled: pickerDisabled,
       beforeFocus() {
-        return props.readonly || pickerDisabled.value;
+        return props.readonly;
       },
       afterFocus() {
         pickerVisible.value = true;
@@ -19590,9 +19595,6 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     const handleClose = () => {
       pickerVisible.value = false;
     };
-    const pickerDisabled = computed(() => {
-      return props.disabled || (form == null ? void 0 : form.disabled);
-    });
     const parsedValue = computed(() => {
       let dayOrDays;
       if (valueIsEmpty.value) {
@@ -26339,9 +26341,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     const triggerRef = ref();
     const inputRef = ref();
     const { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {
-      beforeFocus() {
-        return colorDisabled.value;
-      },
+      disabled: colorDisabled,
       beforeBlur(event) {
         var _a;
         return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
@@ -34313,9 +34313,7 @@ function useInputTag({ props, emit, formItem }) {
     (_a = inputRef.value) == null ? void 0 : _a.blur();
   };
   const { wrapperRef, isFocused } = useFocusController(inputRef, {
-    beforeFocus() {
-      return disabled.value;
-    },
+    disabled,
     afterBlur() {
       var _a;
       if (props.saveOnBlur) {
@@ -36146,6 +36144,13 @@ const useSelect$3 = (props, emit) => {
   const tagMenuRef = ref();
   const collapseItemRef = ref();
   const scrollbarRef = ref();
+  const expanded = ref(false);
+  const hoverOption = ref();
+  const { form, formItem } = useFormItem();
+  const { inputId } = useFormItemInputId(props, {
+    formItemContext: formItem
+  });
+  const { valueOnClear, isEmptyValue } = useEmptyValues(props);
   const {
     isComposing,
     handleCompositionStart,
@@ -36154,10 +36159,9 @@ const useSelect$3 = (props, emit) => {
   } = useComposition({
     afterComposition: (e) => onInput(e)
   });
+  const selectDisabled = computed(() => props.disabled || !!(form == null ? void 0 : form.disabled));
   const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
-    beforeFocus() {
-      return selectDisabled.value;
-    },
+    disabled: selectDisabled,
     afterFocus() {
       if (props.automaticDropdown && !expanded.value) {
         expanded.value = true;
@@ -36177,14 +36181,6 @@ const useSelect$3 = (props, emit) => {
       }
     }
   });
-  const expanded = ref(false);
-  const hoverOption = ref();
-  const { form, formItem } = useFormItem();
-  const { inputId } = useFormItemInputId(props, {
-    formItemContext: formItem
-  });
-  const { valueOnClear, isEmptyValue } = useEmptyValues(props);
-  const selectDisabled = computed(() => props.disabled || (form == null ? void 0 : form.disabled));
   const hasModelValue = computed(() => {
     return isArray$1(props.modelValue) ? props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
   });
@@ -41558,10 +41554,9 @@ const useSelect$1 = (props, emit) => {
   } = useComposition({
     afterComposition: (e) => onInput(e)
   });
+  const selectDisabled = computed(() => props.disabled || !!(elForm == null ? void 0 : elForm.disabled));
   const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
-    beforeFocus() {
-      return selectDisabled.value;
-    },
+    disabled: selectDisabled,
     afterFocus() {
       if (props.automaticDropdown && !expanded.value) {
         expanded.value = true;
@@ -41589,7 +41584,6 @@ const useSelect$1 = (props, emit) => {
   });
   const filteredOptions = ref([]);
   const expanded = ref(false);
-  const selectDisabled = computed(() => props.disabled || (elForm == null ? void 0 : elForm.disabled));
   const needStatusIcon = computed(() => {
     var _a;
     return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
@@ -45198,12 +45192,13 @@ function useCurrent(watcherData) {
     _currentRowKey.value = null;
   };
   const setCurrentRowByKey = (key) => {
+    var _a;
     const { data, rowKey } = watcherData;
     let _currentRow = null;
     if (rowKey.value) {
-      _currentRow = (unref(data) || []).find((item) => getRowIdentity(item, rowKey.value) === key);
+      _currentRow = (_a = (unref(data) || []).find((item) => getRowIdentity(item, rowKey.value) === key)) != null ? _a : null;
     }
-    currentRow.value = _currentRow;
+    currentRow.value = _currentRow != null ? _currentRow : null;
     instance.emit("current-change", currentRow.value, null);
   };
   const updateCurrentRow = (_currentRow) => {
@@ -45222,7 +45217,7 @@ function useCurrent(watcherData) {
     const rowKey = watcherData.rowKey.value;
     const data = watcherData.data.value || [];
     const oldCurrentRow = currentRow.value;
-    if (!data.includes(oldCurrentRow) && oldCurrentRow) {
+    if (oldCurrentRow && !data.includes(oldCurrentRow)) {
       if (rowKey) {
         const currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
         setCurrentRowByKey(currentRowKey);
@@ -46127,22 +46122,22 @@ function proxyTableProps(store, props) {
 function handleValue(value, propsKey, store) {
   let newVal = value;
   let storeKey = InitialStateMap[propsKey];
-  if (isObject$1(InitialStateMap[propsKey])) {
+  if (isObject$1(storeKey)) {
+    newVal = newVal || storeKey.default;
     storeKey = storeKey.key;
-    newVal = newVal || InitialStateMap[propsKey].default;
   }
   store.states[storeKey].value = newVal;
 }
-function getArrKeysValue(props, keys) {
-  if (keys.includes(".")) {
-    const keyList = keys.split(".");
+function getArrKeysValue(props, key) {
+  if (key.includes(".")) {
+    const keyList = key.split(".");
     let value = props;
-    keyList.forEach((key) => {
-      value = value[key];
+    keyList.forEach((k) => {
+      value = value[k];
     });
     return value;
   } else {
-    return props[keys];
+    return props[key];
   }
 }
 
@@ -46375,7 +46370,7 @@ const _sfc_main$F = defineComponent({
     const { t } = useLocale();
     const ns = useNamespace("table-filter");
     const parent = instance == null ? void 0 : instance.parent;
-    if (!parent.filterPanels.value[props.column.id]) {
+    if (props.column && !parent.filterPanels.value[props.column.id]) {
       parent.filterPanels.value[props.column.id] = instance;
     }
     const tooltipVisible = ref(false);
@@ -46384,7 +46379,7 @@ const _sfc_main$F = defineComponent({
       return props.column && props.column.filters;
     });
     const filterClassName = computed(() => {
-      if (props.column.filterClassName) {
+      if (props.column && props.column.filterClassName) {
         return `${ns.b()} ${props.column.filterClassName}`;
       }
       return ns.b();
@@ -46412,8 +46407,9 @@ const _sfc_main$F = defineComponent({
         return [];
       },
       set(value) {
+        var _a;
         if (props.column) {
-          props.upDataColumn("filteredValue", value);
+          (_a = props.upDataColumn) == null ? void 0 : _a.call(props, "filteredValue", value);
         }
       }
     });
@@ -46455,15 +46451,17 @@ const _sfc_main$F = defineComponent({
       hidden();
     };
     const confirmFilter = (filteredValue2) => {
-      props.store.commit("filterChange", {
+      var _a, _b;
+      (_a = props.store) == null ? void 0 : _a.commit("filterChange", {
         column: props.column,
         values: filteredValue2
       });
-      props.store.updateAllSelected();
+      (_b = props.store) == null ? void 0 : _b.updateAllSelected();
     };
     watch(tooltipVisible, (value) => {
+      var _a;
       if (props.column) {
-        props.upDataColumn("filterOpened", value);
+        (_a = props.upDataColumn) == null ? void 0 : _a.call(props, "filterOpened", value);
       }
     }, {
       immediate: true
@@ -46596,9 +46594,12 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         createVNode(_component_el_icon, null, {
           default: withCtx(() => [
-            renderSlot(_ctx.$slots, "filter-icon", {}, () => [
-              _ctx.column.filterOpened ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))
-            ])
+            renderSlot(_ctx.$slots, "filter-icon", {}, () => {
+              var _a;
+              return [
+                ((_a = _ctx.column) == null ? void 0 : _a.filterOpened) ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))
+              ];
+            })
           ]),
           _: 3
         })
@@ -48784,7 +48785,11 @@ const getDefaultClassName = (type) => {
 };
 const cellForced = {
   selection: {
-    renderHeader({ store, column }) {
+    renderHeader({
+      store,
+      column
+    }) {
+      var _a;
       function isDisabled() {
         return store.states.data.value && store.states.data.value.length === 0;
       }
@@ -48792,7 +48797,7 @@ const cellForced = {
         disabled: isDisabled(),
         size: store.states.tableSize.value,
         indeterminate: store.states.selection.value.length > 0 && !store.states.isAllSelected.value,
-        "onUpdate:modelValue": store.toggleAllSelection,
+        "onUpdate:modelValue": (_a = store.toggleAllSelection) != null ? _a : void 0,
         modelValue: store.states.isAllSelected.value,
         ariaLabel: column.label
       });
@@ -48818,7 +48823,9 @@ const cellForced = {
     resizable: false
   },
   index: {
-    renderHeader({ column }) {
+    renderHeader({
+      column
+    }) {
       return column.label || "#";
     },
     renderCell({
@@ -48837,7 +48844,9 @@ const cellForced = {
     sortable: false
   },
   expand: {
-    renderHeader({ column }) {
+    renderHeader({
+      column
+    }) {
       return column.label || "";
     },
     renderCell({
@@ -51554,6 +51563,10 @@ const tabBarProps = buildProps({
   tabs: {
     type: definePropType(Array),
     default: () => mutable([])
+  },
+  tabRefs: {
+    type: definePropType(Object),
+    default: () => mutable({})
   }
 });
 
@@ -51566,7 +51579,6 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
-    const instance = getCurrentInstance();
     const rootTabs = inject(tabsRootContextKey);
     if (!rootTabs)
       throwError(COMPONENT_NAME$4, "<el-tabs><el-tab-bar /></el-tabs>");
@@ -51580,8 +51592,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       const sizeDir = sizeName === "width" ? "x" : "y";
       const position = sizeDir === "x" ? "left" : "top";
       props.tabs.every((tab) => {
-        var _a, _b;
-        const $el = (_b = (_a = instance.parent) == null ? void 0 : _a.refs) == null ? void 0 : _b[`tab-${tab.uid}`];
+        if (isUndefined(tab.paneName))
+          return false;
+        const $el = props.tabRefs[tab.paneName];
         if (!$el)
           return false;
         if (!tab.active) {
@@ -51604,20 +51617,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     const update = () => barStyle.value = getBarStyle();
     const saveObserver = [];
     const observerTabs = () => {
-      var _a;
       saveObserver.forEach((observer) => observer.stop());
       saveObserver.length = 0;
-      const list = (_a = instance.parent) == null ? void 0 : _a.refs;
-      if (!list)
-        return;
-      for (const key in list) {
-        if (key.startsWith("tab-")) {
-          const _el = list[key];
-          if (_el) {
-            saveObserver.push(useResizeObserver(_el, update));
-          }
-        }
-      }
+      Object.values(props.tabRefs).forEach((tab) => {
+        saveObserver.push(useResizeObserver(tab, update));
+      });
     };
     watch(() => props.tabs, async () => {
       await nextTick();
@@ -51685,6 +51689,7 @@ const TabNav = defineComponent({
     const navScroll$ = ref();
     const nav$ = ref();
     const el$ = ref();
+    const tabRefsMap = ref({});
     const tabBarRef = ref();
     const scrollable = ref(false);
     const navOffset = ref(0);
@@ -51723,7 +51728,7 @@ const TabNav = defineComponent({
       if (!scrollable.value || !el$.value || !navScroll$.value || !nav)
         return;
       await nextTick();
-      const activeTab = el$.value.querySelector(".is-active");
+      const activeTab = tabRefsMap.value[props.currentName];
       if (!activeTab)
         return;
       const navScroll = navScroll$.value;
@@ -51806,6 +51811,16 @@ const TabNav = defineComponent({
         isFocus.value = true;
     };
     const removeFocus = () => isFocus.value = false;
+    const setRefs = (el, key) => {
+      tabRefsMap.value[key] = el;
+    };
+    const focusActiveTab = async () => {
+      await nextTick();
+      const activeTab = tabRefsMap.value[props.currentName];
+      activeTab == null ? void 0 : activeTab.focus({
+        preventScroll: true
+      });
+    };
     watch(visibility, (visibility2) => {
       if (visibility2 === "hidden") {
         focusable.value = false;
@@ -51826,6 +51841,7 @@ const TabNav = defineComponent({
     expose({
       scrollToActiveTab,
       removeFocus,
+      focusActiveTab,
       tabListRef: nav$,
       tabBarRef
     });
@@ -51857,7 +51873,7 @@ const TabNav = defineComponent({
         const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
         const tabindex = !disabled && pane.active ? 0 : -1;
         return createVNode("div", {
-          "ref": `tab-${uid}`,
+          "ref": (el) => setRefs(el, tabName),
           "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
           "id": `tab-${tabName}`,
           "key": `tab-${uid}`,
@@ -51892,7 +51908,8 @@ const TabNav = defineComponent({
         "onKeydown": changeTab
       }, [...[!props.type ? createVNode(TabBar, {
         "ref": tabBarRef,
-        "tabs": [...props.panes]
+        "tabs": [...props.panes],
+        "tabRefs": tabRefsMap.value
       }, null) : null, tabs]]) : null])]);
     };
   }
@@ -51951,7 +51968,7 @@ const Tabs = defineComponent({
     const nav$ = ref();
     const currentName = ref((_a = props.modelValue) != null ? _a : "0");
     const setCurrentName = async (value, trigger = false) => {
-      var _a2, _b;
+      var _a2, _b, _c, _d;
       if (currentName.value === value || isUndefined(value))
         return;
       try {
@@ -51963,12 +51980,16 @@ const Tabs = defineComponent({
           canLeave = true;
         }
         if (canLeave !== false) {
+          const isFocusInsidePane = (_a2 = panes.value.find((item) => item.paneName === currentName.value)) == null ? void 0 : _a2.isFocusInsidePane();
           currentName.value = value;
           if (trigger) {
             emit(UPDATE_MODEL_EVENT, value);
             emit("tabChange", value);
           }
-          (_b = (_a2 = nav$.value) == null ? void 0 : _a2.removeFocus) == null ? void 0 : _b.call(_a2);
+          (_c = (_b = nav$.value) == null ? void 0 : _b.removeFocus) == null ? void 0 : _c.call(_b);
+          if (isFocusInsidePane) {
+            (_d = nav$.value) == null ? void 0 : _d.focusActiveTab();
+          }
         }
       } catch (e) {
       }
@@ -52092,6 +52113,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     if (!tabsRoot)
       throwError(COMPONENT_NAME$2, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
     const ns = useNamespace("tab-pane");
+    const paneRef = ref();
     const index = ref();
     const isClosable = computed(() => props.closable || tabsRoot.props.closable);
     const active = computedEager(() => {
@@ -52104,6 +52126,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       return (_a = props.name) != null ? _a : index.value;
     });
     const shouldBeRender = computedEager(() => !props.lazy || loaded.value || active.value);
+    const isFocusInsidePane = () => {
+      var _a;
+      return (_a = paneRef.value) == null ? void 0 : _a.contains(document.activeElement);
+    };
     watch(active, (val) => {
       if (val)
         loaded.value = true;
@@ -52115,7 +52141,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       paneName,
       active,
       index,
-      isClosable
+      isClosable,
+      isFocusInsidePane
     });
     tabsRoot.registerPane(pane);
     onBeforeUnmount(() => {
@@ -52125,6 +52152,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       return unref(shouldBeRender) ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
         id: `pane-${unref(paneName)}`,
+        ref_key: "paneRef",
+        ref: paneRef,
         class: normalizeClass(unref(ns).b()),
         role: "tabpanel",
         "aria-hidden": !unref(active),
@@ -59828,9 +59857,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
     };
     const { wrapperRef } = useFocusController(elInputRef, {
-      beforeFocus() {
-        return disabled.value;
-      },
+      disabled,
       afterFocus() {
         syncAfterCursorMove();
       },
@@ -61018,18 +61045,18 @@ Loading._context = null;
 var Loading$1 = Loading;
 
 const INSTANCE_KEY = Symbol("ElLoading");
+const getAttributeName = (name) => {
+  return `element-loading-${hyphenate(name)}`;
+};
 const createInstance = (el, binding) => {
   var _a, _b, _c, _d;
   const vm = binding.instance;
   const getBindingProp = (key) => isObject$1(binding.value) ? binding.value[key] : void 0;
   const resolveExpression = (key) => {
     const data = isString$1(key) && (vm == null ? void 0 : vm[key]) || key;
-    if (data)
-      return ref(data);
-    else
-      return data;
+    return ref(data);
   };
-  const getProp = (name) => resolveExpression(getBindingProp(name) || el.getAttribute(`element-loading-${hyphenate(name)}`));
+  const getProp = (name) => resolveExpression(getBindingProp(name) || el.getAttribute(getAttributeName(name)));
   const fullscreen = (_a = getBindingProp("fullscreen")) != null ? _a : binding.modifiers.fullscreen;
   const options = {
     text: getProp("text"),
@@ -61050,7 +61077,7 @@ const createInstance = (el, binding) => {
     instance
   };
 };
-const updateOptions = (newOptions, originalOptions) => {
+const updateOptions = (originalOptions, newOptions) => {
   for (const key of Object.keys(originalOptions)) {
     if (isRef(originalOptions[key]))
       originalOptions[key].value = newOptions[key];
@@ -61064,15 +61091,22 @@ const vLoading = {
   },
   updated(el, binding) {
     const instance = el[INSTANCE_KEY];
-    if (binding.oldValue !== binding.value) {
-      if (binding.value && !binding.oldValue) {
-        createInstance(el, binding);
-      } else if (binding.value && binding.oldValue) {
-        if (isObject$1(binding.value))
-          updateOptions(binding.value, instance.options);
-      } else {
-        instance == null ? void 0 : instance.instance.close();
-      }
+    if (!binding.value) {
+      instance == null ? void 0 : instance.instance.close();
+      el[INSTANCE_KEY] = null;
+      return;
+    }
+    if (!instance)
+      createInstance(el, binding);
+    else {
+      updateOptions(instance.options, isObject$1(binding.value) ? binding.value : {
+        text: el.getAttribute(getAttributeName("text")),
+        svg: el.getAttribute(getAttributeName("svg")),
+        svgViewBox: el.getAttribute(getAttributeName("svgViewBox")),
+        spinner: el.getAttribute(getAttributeName("spinner")),
+        background: el.getAttribute(getAttributeName("background")),
+        customClass: el.getAttribute(getAttributeName("customClass"))
+      });
     }
   },
   unmounted(el) {

package/dist/locale/af.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250630 */
+/*! Element Plus v0.0.20250701 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/dist/locale/af.min.js

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20250630 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};return e});
+/*! Element Plus v0.0.20250701 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};return e});
 //# sourceMappingURL=af.min.js.map