element-plus 2.13.6 → 2.13.7

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.13.6 */
+/*! Element Plus v2.13.7 */
 
 import { Comment, Fragment, Teleport, Text, Transition, TransitionGroup, cloneVNode, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, effectScope, getCurrentInstance, getCurrentScope, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, readonly, ref, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, shallowReactive, shallowRef, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, triggerRef, unref, useAttrs as useAttrs$1, useSlots, vModelCheckbox, vModelRadio, vModelText, vShow, warn, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 
@@ -6131,7 +6131,7 @@ function removeGlobalNode(el) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@element-plus+icons-vue@2.3.2_vue@3.5.25_typescript@5.5.4_/node_modules/@element-plus/icons-vue/dist/index.js
+//#region ../../node_modules/.pnpm/@element-plus+icons-vue@2.3.2_vue@3.5.25/node_modules/@element-plus/icons-vue/dist/index.js
 var arrow_down_default = /* @__PURE__ */ defineComponent({
 	name: "ArrowDown",
 	__name: "arrow-down",
@@ -8554,9 +8554,13 @@ function useTimeout() {
 	let timeoutHandle;
 	const registerTimeout = (fn, delay) => {
 		cancelTimeout();
-		timeoutHandle = window.setTimeout(fn, delay);
+		timeoutHandle = globalThis.setTimeout(fn, delay);
+	};
+	const cancelTimeout = () => {
+		if (timeoutHandle === void 0) return;
+		globalThis.clearTimeout(timeoutHandle);
+		timeoutHandle = void 0;
 	};
-	const cancelTimeout = () => window.clearTimeout(timeoutHandle);
 	tryOnScopeDispose(() => cancelTimeout());
 	return {
 		registerTimeout,
@@ -10472,7 +10476,7 @@ const ElConfigProvider = withInstall(ConfigProvider);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-const version$1 = "2.13.6";
+const version$1 = "2.13.7";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -11790,12 +11794,20 @@ var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			return filterFields(fields, [prop])[0];
 		};
 		const addField = (field) => {
-			fields.push(field);
+			if (!fields.includes(field)) fields.push(field);
 			if (field.propString) if (initialValues.has(field.propString)) field.setInitialValue(initialValues.get(field.propString));
 			else initialValues.set(field.propString, cloneDeep(field.fieldValue));
 		};
-		const removeField = (field) => {
-			if (field.prop) fields.splice(fields.indexOf(field), 1);
+		const removeField = (field, oldPropString) => {
+			if (oldPropString) {
+				initialValues.delete(oldPropString);
+				return;
+			}
+			const idx = fields.indexOf(field);
+			if (idx > -1) {
+				fields.splice(idx, 1);
+				if (field.propString) initialValues.set(field.propString, cloneDeep(field.getInitialValue()));
+			}
 		};
 		const setInitialValues = (initModel) => {
 			if (!props.model) {
@@ -13032,6 +13044,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const setInitialValue = (value) => {
 			initialValue = cloneDeep(value);
 		};
+		const getInitialValue = () => initialValue;
 		watch(() => props.error, (val) => {
 			validateMessage.value = val || "";
 			setValidationState(val ? "error" : "");
@@ -13054,9 +13067,18 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			clearValidate,
 			validate,
 			propString,
-			setInitialValue
+			setInitialValue,
+			getInitialValue
 		});
 		provide(formItemContextKey, context);
+		watch(propString, (newPropString, oldPropString) => {
+			if (!formContext || !oldPropString) return;
+			formContext.removeField(context, oldPropString);
+			if (newPropString) {
+				setInitialValue(fieldValue.value);
+				formContext.addField(context);
+			}
+		});
 		onMounted(() => {
 			if (props.prop) {
 				setInitialValue(fieldValue.value);
@@ -14078,6 +14100,7 @@ const inputProps = buildProps({
 		]),
 		default: () => mutable({})
 	},
+	countGraphemes: { type: definePropType(Function) },
 	autofocus: Boolean,
 	rows: {
 		type: Number,
@@ -14248,7 +14271,6 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const props = __props;
 		const emit = __emit;
 		const rawAttrs = useAttrs$1();
-		const attrs = useAttrs();
 		const slots = useSlots();
 		const containerKls = computed(() => [
 			props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
@@ -14265,6 +14287,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			rawAttrs.class
 		]);
 		const wrapperKls = computed(() => [nsInput.e("wrapper"), nsInput.is("focus", isFocused.value)]);
+		const attrs = useAttrs();
+		const maxlength = computed(() => props.maxlength?.toString());
 		const { form: elForm, formItem: elFormItem } = useFormItem();
 		const { inputId } = useFormItemInputId(props, { formItemContext: elFormItem });
 		const inputSize = useFormSize();
@@ -14277,6 +14301,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const passwordVisible = ref(false);
 		const countStyle = ref();
 		const textareaCalcStyle = shallowRef(props.inputStyle);
+		const saveValue = ref("");
 		const _ref = computed(() => input.value || textarea.value);
 		const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
 			disabled: inputDisabled,
@@ -14297,9 +14322,12 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const nativeInputValue = computed(() => isNil(props.modelValue) ? "" : String(props.modelValue));
 		const showClear = computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
 		const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value && !!nativeInputValue.value);
-		const isWordLimitVisible = computed(() => props.showWordLimit && !!props.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
-		const textLength = computed(() => nativeInputValue.value.length);
-		const inputExceed = computed(() => !!isWordLimitVisible.value && textLength.value > Number(props.maxlength));
+		const isWordLimitVisible = computed(() => props.showWordLimit && !!maxlength.value && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
+		const textLength = computed(() => {
+			if (props.countGraphemes && props.showWordLimit) return props.countGraphemes(nativeInputValue.value);
+			return nativeInputValue.value.length;
+		});
+		const inputExceed = computed(() => !!isWordLimitVisible.value && textLength.value > Number(maxlength.value));
 		const suffixVisible = computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
 		const hasModelModifiers = computed(() => !!Object.keys(props.modelModifiers).length);
 		const [recordCursor, setCursor] = useCursor(input);
@@ -14354,15 +14382,71 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			if (isComposing.value) return;
 			const { lazy } = props.modelModifiers;
 			let { value } = event.target;
+			let shouldForceNativeUpdate = false;
 			if (lazy) {
 				emit(INPUT_EVENT, value);
 				return;
 			}
 			value = formatValue(value);
+			if (props.countGraphemes && maxlength.value != null) {
+				const limit = Number(maxlength.value);
+				const graphemes = props.countGraphemes(value);
+				const saveGraphemes = props.countGraphemes(saveValue.value);
+				if (graphemes > limit && graphemes > saveGraphemes) if (saveGraphemes > limit) {
+					value = saveValue.value;
+					shouldForceNativeUpdate = true;
+				} else {
+					const prevValue = saveValue.value;
+					const nextValue = value;
+					let prefixLen = 0;
+					while (prefixLen < prevValue.length && prefixLen < nextValue.length && prevValue[prefixLen] === nextValue[prefixLen]) prefixLen++;
+					let prevSuffixIndex = prevValue.length;
+					let nextSuffixIndex = nextValue.length;
+					while (prevSuffixIndex > prefixLen && nextSuffixIndex > prefixLen && prevValue[prevSuffixIndex - 1] === nextValue[nextSuffixIndex - 1]) {
+						prevSuffixIndex--;
+						nextSuffixIndex--;
+					}
+					const before = nextValue.slice(0, prefixLen);
+					const removed = prevValue.slice(prefixLen, prevSuffixIndex);
+					const inserted = nextValue.slice(prefixLen, nextSuffixIndex);
+					const after = nextValue.slice(nextSuffixIndex);
+					const baseCount = saveGraphemes - props.countGraphemes(removed);
+					const availableInserted = Math.max(0, limit - baseCount);
+					let acceptedInserted = "";
+					if (availableInserted > 0) if (typeof Intl !== "undefined" && "Segmenter" in Intl) {
+						const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+						for (const { segment } of segmenter.segment(inserted)) {
+							const candidate = acceptedInserted + segment;
+							if (props.countGraphemes(candidate) > availableInserted) break;
+							acceptedInserted = candidate;
+						}
+					} else for (const char of Array.from(inserted)) {
+						const candidate = acceptedInserted + char;
+						if (props.countGraphemes(candidate) > availableInserted) break;
+						acceptedInserted = candidate;
+					}
+					value = before + acceptedInserted + after;
+					shouldForceNativeUpdate = true;
+				}
+			}
 			if (String(value) === nativeInputValue.value) {
-				if (props.formatter) setNativeInputValue();
+				if (props.formatter || shouldForceNativeUpdate) {
+					const target = event.target;
+					const blockedValue = target.value;
+					const selectionStart = target.selectionStart;
+					const selectionEnd = target.selectionEnd;
+					setNativeInputValue();
+					if (shouldForceNativeUpdate && _ref.value && selectionStart != null && selectionEnd != null) {
+						const restoredValue = _ref.value.value;
+						const afterTxt = blockedValue.slice(Math.max(0, selectionEnd));
+						let caretPos = Math.min(selectionStart, restoredValue.length);
+						if (afterTxt && restoredValue.endsWith(afterTxt)) caretPos = restoredValue.length - afterTxt.length;
+						_ref.value.setSelectionRange(caretPos, caretPos);
+					}
+				}
 				return;
 			}
+			saveValue.value = value;
 			recordCursor();
 			emit(UPDATE_MODEL_EVENT, value);
 			emit(INPUT_EVENT, value);
@@ -14411,6 +14495,9 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			nextTick(() => resizeTextarea());
 			if (props.validateEvent) elFormItem?.validate?.("change").catch((err) => /* @__PURE__ */ debugWarn(err));
 		});
+		watch(() => nativeInputValue.value, (val) => {
+			saveValue.value = val;
+		}, { immediate: true });
 		watch(nativeInputValue, (newValue) => {
 			if (!_ref.value) return;
 			const { trim, number } = props.modelModifiers;
@@ -14439,6 +14526,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			textareaStyle,
 			autosize: toRef(props, "autosize"),
 			isComposing,
+			passwordVisible,
 			focus,
 			blur,
 			select,
@@ -14483,8 +14571,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						class: unref(nsInput).e("inner")
 					}, unref(attrs), {
 						name: __props.name,
-						minlength: __props.minlength,
-						maxlength: __props.maxlength,
+						minlength: __props.countGraphemes ? void 0 : __props.minlength,
+						maxlength: __props.countGraphemes ? void 0 : maxlength.value,
 						type: __props.showPassword ? passwordVisible.value ? "text" : "password" : __props.type,
 						disabled: unref(inputDisabled),
 						readonly: __props.readonly,
@@ -14542,7 +14630,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						isWordLimitVisible.value ? (openBlock(), createElementBlock("span", {
 							key: 3,
 							class: normalizeClass([unref(nsInput).e("count"), unref(nsInput).is("outside", __props.wordLimitPosition === "outside")])
-						}, [createElementVNode("span", { class: normalizeClass(unref(nsInput).e("count-inner")) }, toDisplayString(textLength.value) + " / " + toDisplayString(__props.maxlength), 3)], 2)) : createCommentVNode("v-if", true),
+						}, [createElementVNode("span", { class: normalizeClass(unref(nsInput).e("count-inner")) }, toDisplayString(textLength.value) + " / " + toDisplayString(maxlength.value), 3)], 2)) : createCommentVNode("v-if", true),
 						validateState.value && validateIcon.value && needStatusIcon.value ? (openBlock(), createBlock(unref(ElIcon), {
 							key: 4,
 							class: normalizeClass([
@@ -14574,8 +14662,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					]
 				}, unref(attrs), {
 					name: __props.name,
-					minlength: __props.minlength,
-					maxlength: __props.maxlength,
+					minlength: __props.countGraphemes ? void 0 : __props.minlength,
+					maxlength: __props.countGraphemes ? void 0 : maxlength.value,
 					tabindex: __props.tabindex,
 					disabled: unref(inputDisabled),
 					readonly: __props.readonly,
@@ -14610,7 +14698,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					key: 1,
 					style: normalizeStyle(countStyle.value),
 					class: normalizeClass([unref(nsInput).e("count"), unref(nsInput).is("outside", __props.wordLimitPosition === "outside")])
-				}, toDisplayString(textLength.value) + " / " + toDisplayString(__props.maxlength), 7)) : createCommentVNode("v-if", true)
+				}, toDisplayString(textLength.value) + " / " + toDisplayString(maxlength.value), 7)) : createCommentVNode("v-if", true)
 			], 64))], 38);
 		};
 	}
@@ -15079,9 +15167,9 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				wrapScrollTop = wrapRef.value.scrollTop;
 				wrapScrollLeft = wrapRef.value.scrollLeft;
 				const arrivedStates = {
-					bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
+					bottom: !isGreaterThan(wrapRef.value.scrollHeight - props.distance, wrapRef.value.clientHeight + wrapScrollTop),
 					top: wrapScrollTop <= props.distance && prevTop !== 0,
-					right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
+					right: !isGreaterThan(wrapRef.value.scrollWidth - props.distance, wrapRef.value.clientWidth + wrapScrollLeft) && prevLeft !== wrapScrollLeft,
 					left: wrapScrollLeft <= props.distance && prevLeft !== 0
 				};
 				emit("scroll", {
@@ -15118,6 +15206,7 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const update = () => {
 			barRef.value?.update();
 			distanceScrollState[direction] = false;
+			if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value);
 		};
 		watch(() => props.noresize, (noresize) => {
 			if (noresize) {
@@ -15133,7 +15222,6 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		watch(() => [props.maxHeight, props.height], () => {
 			if (!props.native) nextTick(() => {
 				update();
-				if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value);
 			});
 		});
 		provide(scrollbarContextKey, reactive({
@@ -15229,7 +15317,10 @@ var autocomplete_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const passInputProps = computed(() => pick(props, Object.keys(inputProps)));
+		const passInputProps = computed(() => {
+			const inputProps = ElInput.props ?? [];
+			return pick(props, isArray$1(inputProps) ? inputProps : Object.keys(inputProps));
+		});
 		const rawAttrs = useAttrs$1();
 		const disabled = useFormDisabled();
 		const ns = useNamespace("autocomplete");
@@ -17381,6 +17472,23 @@ function useButtonCustomStyle(props) {
 					styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? darken(color, 50) : color.tint(50).toString();
 					styles[ns.cssVarBlockName("disabled-border-color")] = props.dark ? darken(color, 80) : color.tint(80).toString();
 				}
+			} else if (props.link || props.text) {
+				const hoverColor = props.dark ? darken(color, 30) : color.tint(30).toString();
+				styles = ns.cssVarBlock({
+					"text-color": buttonColor,
+					"hover-text-color": hoverColor,
+					"active-text-color": activeBgColor
+				});
+				if (props.link) {
+					styles[ns.cssVarBlockName("hover-link-text-color")] = hoverColor;
+					styles[ns.cssVarBlockName("active-color")] = activeBgColor;
+				}
+				if (_disabled.value) {
+					const disabledColor = props.dark ? darken(color, 50) : color.tint(50).toString();
+					styles[ns.cssVarBlockName("disabled-bg-color")] = "transparent";
+					styles[ns.cssVarBlockName("disabled-text-color")] = disabledColor;
+					styles[ns.cssVarBlockName("disabled-border-color")] = "transparent";
+				}
 			} else {
 				const hoverBgColor = props.dark ? darken(color, 30) : color.tint(30).toString();
 				const textColor = color.isDark() ? `var(${ns.cssVarName("color-white")})` : `var(${ns.cssVarName("color-black")})`;
@@ -18557,7 +18665,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		};
 		const displayValue = computed(() => {
 			const formattedValue = formatToString(parsedValue.value);
-			if (isArray$1(userInput.value)) return [userInput.value[0] || formattedValue && formattedValue[0] || "", userInput.value[1] || formattedValue && formattedValue[1] || ""];
+			if (isArray$1(userInput.value)) return [userInput.value[0] ?? (formattedValue && formattedValue[0]) ?? "", userInput.value[1] ?? (formattedValue && formattedValue[1]) ?? ""];
 			else if (userInput.value !== null) return userInput.value;
 			if (isTimePicker.value && valueIsEmpty.value && !props.saveOnBlur) return "";
 			if (!isTimePicker.value && valueIsEmpty.value) return "";
@@ -18614,14 +18722,15 @@ var picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		});
 		const handleChange = () => {
 			if (isTimePicker.value && !props.saveOnBlur) return;
-			if (userInput.value) {
+			const isRangeEmpty = isArray$1(userInput.value) && userInput.value.every((v) => v === "");
+			if (userInput.value && !isRangeEmpty) {
 				const value = parseUserInputToDayjs(displayValue.value);
 				if (value) {
 					if (isValidValue(value)) emitInput(dayOrDaysToDate(value));
 					userInput.value = null;
 				}
 			}
-			if (userInput.value === "") {
+			if (userInput.value === "" || isRangeEmpty) {
 				emitInput(emptyValues.valueOnClear.value);
 				emitChange(emptyValues.valueOnClear.value, true);
 				userInput.value = null;
@@ -20278,7 +20387,7 @@ const useDateTable = (props, emit) => {
 		return {
 			isSelected: day.isSame(props.selectedDay),
 			type: `${type}-month`,
-			day: day.format("YYYY-MM-DD"),
+			day: day.format(DEFAULT_FORMATS_DATE),
 			date: day.toDate()
 		};
 	};
@@ -20759,6 +20868,15 @@ var option_vue_vue_type_script_lang_default = defineComponent({
 		function selectOptionClick() {
 			if (!isDisabled.value) select.handleOptionSelect(vm);
 		}
+		const handleMousedown = (event) => {
+			let target = event.target;
+			const currentTarget = event.currentTarget;
+			while (target && target !== currentTarget) {
+				if (isFocusable(target)) return;
+				target = target.parentElement;
+			}
+			event.preventDefault();
+		};
 		return {
 			ns,
 			id,
@@ -20771,6 +20889,7 @@ var option_vue_vue_type_script_lang_default = defineComponent({
 			hover,
 			states,
 			hoverItem,
+			handleMousedown,
 			updateOption,
 			selectOptionClick
 		};
@@ -20792,7 +20911,8 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
 		"aria-disabled": _ctx.isDisabled || void 0,
 		"aria-selected": _ctx.itemSelected,
 		onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-		onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+		onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
+		onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
 	}, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)])], 42, _hoisted_1$66)), [[vShow, _ctx.visible]]);
 }
 var option_default = /* @__PURE__ */ _plugin_vue_export_helper_default(option_vue_vue_type_script_lang_default, [["render", _sfc_render$20]]);
@@ -23304,13 +23424,17 @@ const useCheckboxEvent = (props, { model, isLimitExceeded, hasOwnLabel, isDisabl
 //#region ../../packages/components/checkbox/src/composables/use-checkbox-model.ts
 const useCheckboxModel = (props) => {
 	const selfModel = ref(false);
-	const { emit } = getCurrentInstance();
+	const { emit, vnode } = getCurrentInstance();
 	const checkboxGroup = inject(checkboxGroupContextKey, void 0);
 	const isGroup = computed(() => isUndefined(checkboxGroup) === false);
 	const isLimitExceeded = ref(false);
+	const isControlled = computed(() => {
+		const rawProps = vnode.props ?? {};
+		return "modelValue" in rawProps || "model-value" in rawProps;
+	});
 	const model = computed({
 		get() {
-			return isGroup.value ? checkboxGroup?.modelValue?.value : props.modelValue ?? selfModel.value;
+			return isGroup.value ? checkboxGroup?.modelValue?.value : !isControlled.value ? selfModel.value : props.modelValue;
 		},
 		set(val) {
 			if (isGroup.value && isArray$1(val)) {
@@ -25196,7 +25320,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			else firstNode = cascaderPanelRef.value?.$el.querySelector(`.${nsCascader.b("node")}[tabindex="-1"]`);
 			if (firstNode) {
 				firstNode.focus();
-				!filtering.value && firstNode.click();
+				if (!filtering.value && firstNode.getAttribute("aria-haspopup") === "true") firstNode.click();
 			}
 		};
 		const updateStyle = () => {
@@ -25307,7 +25431,12 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		const handleInput = (val, e) => {
 			!popperVisible.value && togglePopperVisible(true);
 			if (e?.isComposing) return;
-			val ? handleFilter() : hideSuggestionPanel();
+			if (val) handleFilter();
+			else {
+				const passed = props.beforeFilter("");
+				if (isPromise(passed)) passed.catch(() => {});
+				hideSuggestionPanel();
+			}
 		};
 		const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
 		const focus = () => {
@@ -28881,7 +29010,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const userInputDate = ref(null);
 		const userInputTime = ref(null);
 		const checkDateWithinRange = (date) => {
-			return selectableRange.value.length > 0 ? timeWithinRange(date, selectableRange.value, props.format || "HH:mm:ss") : true;
+			return selectableRange.value.length > 0 ? timeWithinRange(date, selectableRange.value, props.format || DEFAULT_FORMATS_TIME) : true;
 		};
 		const formatEmit = (emitDayjs) => {
 			if (defaultTime && !visibleTime.value && !isChangeToNow.value && !isShortcut) return defaultTimeD.value.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
@@ -31611,6 +31740,7 @@ const useDialog = (props, targetRef) => {
 	const _draggable = computed(() => (props.draggable ?? globalConfig.value?.draggable ?? false) && !props.fullscreen);
 	const _alignCenter = computed(() => props.alignCenter ?? globalConfig.value?.alignCenter ?? false);
 	const _overflow = computed(() => props.overflow ?? globalConfig.value?.overflow ?? false);
+	const penetrable = computed(() => props.modalPenetrable && !props.modal && !props.fullscreen);
 	const overlayDialogStyle = computed(() => {
 		if (_alignCenter.value) return { display: "flex" };
 		return {};
@@ -31702,6 +31832,10 @@ const useDialog = (props, targetRef) => {
 	function onCloseRequested() {
 		if (props.closeOnPressEscape) handleClose();
 	}
+	function bringToFront() {
+		if (!visible.value || !penetrable.value || props.zIndex !== void 0) return;
+		zIndex.value = nextZIndex();
+	}
 	watch(() => props.zIndex, () => {
 		zIndex.value = props.zIndex ?? nextZIndex();
 	});
@@ -31748,6 +31882,7 @@ const useDialog = (props, targetRef) => {
 		onCloseAutoFocus,
 		onCloseRequested,
 		onFocusoutPrevented,
+		bringToFront,
 		titleId,
 		bodyId,
 		closed,
@@ -31760,7 +31895,8 @@ const useDialog = (props, targetRef) => {
 		_draggable,
 		_alignCenter,
 		_overflow,
-		closing
+		closing,
+		penetrable
 	};
 };
 
@@ -31791,7 +31927,7 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const dialogRef = ref();
 		const headerRef = ref();
 		const dialogContentRef = ref();
-		const { visible, titleId, bodyId, style, overlayDialogStyle, rendered, transitionConfig, zIndex, _draggable, _alignCenter, _overflow, handleClose, onModalClick, onOpenAutoFocus, onCloseAutoFocus, onCloseRequested, onFocusoutPrevented, closing } = useDialog(props, dialogRef);
+		const { visible, titleId, bodyId, style, overlayDialogStyle, rendered, transitionConfig, zIndex, _draggable, _alignCenter, _overflow, penetrable, handleClose, onModalClick, onOpenAutoFocus, onCloseAutoFocus, onCloseRequested, onFocusoutPrevented, bringToFront, closing } = useDialog(props, dialogRef);
 		provide(dialogInjectionKey, {
 			dialogRef,
 			headerRef,
@@ -31801,7 +31937,6 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			style
 		});
 		const overlayEvent = useSameTarget(onModalClick);
-		const penetrable = computed(() => props.modalPenetrable && !props.modal && !props.fullscreen);
 		const resetPosition = () => {
 			dialogContentRef.value?.resetPosition();
 		};
@@ -31823,7 +31958,7 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						"overlay-class": [
 							__props.modalClass ?? "",
 							`${unref(ns).namespace.value}-modal-dialog`,
-							unref(ns).is("penetrable", penetrable.value)
+							unref(ns).is("penetrable", unref(penetrable))
 						],
 						"z-index": unref(zIndex)
 					}, {
@@ -31864,7 +31999,8 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 								"show-close": __props.showClose,
 								title: __props.title,
 								"aria-level": __props.headerAriaLevel,
-								onClose: unref(handleClose)
+								onClose: unref(handleClose),
+								onMousedown: unref(bringToFront)
 							}), createSlots({
 								header: withCtx(() => [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
 									key: 0,
@@ -31891,7 +32027,8 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 								"show-close",
 								"title",
 								"aria-level",
-								"onClose"
+								"onClose",
+								"onMousedown"
 							])) : createCommentVNode("v-if", true)]),
 							_: 3
 						}, 8, [
@@ -39911,10 +40048,21 @@ var option_item_vue_vue_type_script_lang_default = defineComponent({
 		const ns = useNamespace("select");
 		const { hoverItem, selectOptionClick } = useOption(props, { emit });
 		const { getLabel } = useProps(select.props);
+		const contentId = select.contentId;
+		const handleMousedown = (event) => {
+			let target = event.target;
+			const currentTarget = event.currentTarget;
+			while (target && target !== currentTarget) {
+				if (isFocusable(target)) return;
+				target = target.parentElement;
+			}
+			event.preventDefault();
+		};
 		return {
 			ns,
-			contentId: select.contentId,
+			contentId,
 			hoverItem,
+			handleMousedown,
 			selectOptionClick,
 			getLabel
 		};
@@ -39943,7 +40091,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
 			_ctx.ns.is("hovering", _ctx.hovering)
 		]),
 		onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-		onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+		onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
+		onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
 	}, [renderSlot(_ctx.$slots, "default", {
 		item: _ctx.item,
 		index: _ctx.index,
@@ -48796,6 +48945,7 @@ function _isSlot(s) {
 const TableV2 = /* @__PURE__ */ defineComponent({
 	name: "ElTableV2",
 	props: tableV2Props,
+	slots: Object,
 	setup(props, { slots, expose }) {
 		const ns = useNamespace("table-v2");
 		const { t } = useLocale();
@@ -50322,7 +50472,7 @@ const useCheckedChange = (checkedState, emit) => {
 //#region ../../packages/components/transfer/src/composables/use-computed-data.ts
 const useComputedData = (props) => {
 	const propsAlias = usePropsAlias(props);
-	const dataObj = computed(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur) && o, {}));
+	const dataObj = computed(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur, o), {}));
 	return {
 		sourceData: computed(() => props.data.filter((item) => !props.modelValue.includes(item[propsAlias.value.key]))),
 		targetData: computed(() => {
@@ -55710,62 +55860,7 @@ const _hoisted_2$3 = [
 var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ElSegmented",
 	__name: "segmented",
-	props: {
-		direction: {
-			type: String,
-			required: false,
-			default: "horizontal"
-		},
-		options: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		modelValue: {
-			type: [
-				String,
-				Number,
-				Boolean
-			],
-			required: false,
-			default: void 0
-		},
-		props: {
-			type: Object,
-			required: false,
-			default: () => defaultProps
-		},
-		block: {
-			type: Boolean,
-			required: false
-		},
-		size: {
-			type: null,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		validateEvent: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		ariaLabel: {
-			type: String,
-			required: false
-		}
-	},
+	props: segmentedProps,
 	emits: segmentedEmits,
 	setup(__props, { emit: __emit }) {
 		const props = __props;
@@ -56289,7 +56384,10 @@ var mention_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const passInputProps = computed(() => pick(props, Object.keys(inputProps)));
+		const passInputProps = computed(() => {
+			const inputProps = ElInput.props ?? [];
+			return pick(props, isArray$1(inputProps) ? inputProps : Object.keys(inputProps));
+		});
 		const ns = useNamespace("mention");
 		const disabled = useFormDisabled();
 		const contentId = useId();
@@ -57821,7 +57919,7 @@ var message_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		const placement = computed(() => props.placement || MESSAGE_DEFAULT_PLACEMENT);
 		const lastOffset = computed(() => getLastOffset(props.id, placement.value));
 		const offset = computed(() => {
-			return getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value;
+			return Math.max(getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value, props.offset);
 		});
 		const bottom = computed(() => height.value + offset.value);
 		const horizontalClass = computed(() => {

package/dist/locale/af.js

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