element-plus 2.13.6 → 2.13.7

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.13.6 */
+/*! Element Plus v2.13.7 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -6136,7 +6136,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 	}
 
 //#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
 /*! Element Plus Icons Vue v2.3.2 */
 	var arrow_down_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ArrowDown",
@@ -8560,9 +8560,13 @@ For more detail, please visit: ${ref}
 		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,
@@ -10478,7 +10482,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#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
@@ -11796,12 +11800,20 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				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) {
@@ -13038,6 +13050,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const setInitialValue = (value) => {
 				initialValue = cloneDeep(value);
 			};
+			const getInitialValue = () => initialValue;
 			(0, vue.watch)(() => props.error, (val) => {
 				validateMessage.value = val || "";
 				setValidationState(val ? "error" : "");
@@ -13060,9 +13073,18 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				clearValidate,
 				validate,
 				propString,
-				setInitialValue
+				setInitialValue,
+				getInitialValue
 			});
 			(0, vue.provide)(formItemContextKey, context);
+			(0, vue.watch)(propString, (newPropString, oldPropString) => {
+				if (!formContext || !oldPropString) return;
+				formContext.removeField(context, oldPropString);
+				if (newPropString) {
+					setInitialValue(fieldValue.value);
+					formContext.addField(context);
+				}
+			});
 			(0, vue.onMounted)(() => {
 				if (props.prop) {
 					setInitialValue(fieldValue.value);
@@ -14084,6 +14106,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			]),
 			default: () => mutable({})
 		},
+		countGraphemes: { type: definePropType(Function) },
 		autofocus: Boolean,
 		rows: {
 			type: Number,
@@ -14254,7 +14277,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const props = __props;
 			const emit = __emit;
 			const rawAttrs = (0, vue.useAttrs)();
-			const attrs = useAttrs();
 			const slots = (0, vue.useSlots)();
 			const containerKls = (0, vue.computed)(() => [
 				props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
@@ -14271,6 +14293,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				rawAttrs.class
 			]);
 			const wrapperKls = (0, vue.computed)(() => [nsInput.e("wrapper"), nsInput.is("focus", isFocused.value)]);
+			const attrs = useAttrs();
+			const maxlength = (0, vue.computed)(() => props.maxlength?.toString());
 			const { form: elForm, formItem: elFormItem } = useFormItem();
 			const { inputId } = useFormItemInputId(props, { formItemContext: elFormItem });
 			const inputSize = useFormSize();
@@ -14283,6 +14307,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const passwordVisible = (0, vue.ref)(false);
 			const countStyle = (0, vue.ref)();
 			const textareaCalcStyle = (0, vue.shallowRef)(props.inputStyle);
+			const saveValue = (0, vue.ref)("");
 			const _ref = (0, vue.computed)(() => input.value || textarea.value);
 			const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
 				disabled: inputDisabled,
@@ -14303,9 +14328,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const nativeInputValue = (0, vue.computed)(() => isNil(props.modelValue) ? "" : String(props.modelValue));
 			const showClear = (0, vue.computed)(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
 			const showPwdVisible = (0, vue.computed)(() => props.showPassword && !inputDisabled.value && !!nativeInputValue.value);
-			const isWordLimitVisible = (0, vue.computed)(() => props.showWordLimit && !!props.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
-			const textLength = (0, vue.computed)(() => nativeInputValue.value.length);
-			const inputExceed = (0, vue.computed)(() => !!isWordLimitVisible.value && textLength.value > Number(props.maxlength));
+			const isWordLimitVisible = (0, vue.computed)(() => props.showWordLimit && !!maxlength.value && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
+			const textLength = (0, vue.computed)(() => {
+				if (props.countGraphemes && props.showWordLimit) return props.countGraphemes(nativeInputValue.value);
+				return nativeInputValue.value.length;
+			});
+			const inputExceed = (0, vue.computed)(() => !!isWordLimitVisible.value && textLength.value > Number(maxlength.value));
 			const suffixVisible = (0, vue.computed)(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
 			const hasModelModifiers = (0, vue.computed)(() => !!Object.keys(props.modelModifiers).length);
 			const [recordCursor, setCursor] = useCursor(input);
@@ -14360,15 +14388,71 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				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);
@@ -14417,6 +14501,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				(0, vue.nextTick)(() => resizeTextarea());
 				if (props.validateEvent) elFormItem?.validate?.("change").catch((err) => /* @__PURE__ */ debugWarn(err));
 			});
+			(0, vue.watch)(() => nativeInputValue.value, (val) => {
+				saveValue.value = val;
+			}, { immediate: true });
 			(0, vue.watch)(nativeInputValue, (newValue) => {
 				if (!_ref.value) return;
 				const { trim, number } = props.modelModifiers;
@@ -14445,6 +14532,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				textareaStyle,
 				autosize: (0, vue.toRef)(props, "autosize"),
 				isComposing,
+				passwordVisible,
 				focus,
 				blur,
 				select,
@@ -14489,8 +14577,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 							class: (0, vue.unref)(nsInput).e("inner")
 						}, (0, vue.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: (0, vue.unref)(inputDisabled),
 							readonly: __props.readonly,
@@ -14548,7 +14636,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 							isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 								key: 3,
 								class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("count"), (0, vue.unref)(nsInput).is("outside", __props.wordLimitPosition === "outside")])
-							}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("count-inner")) }, (0, vue.toDisplayString)(textLength.value) + " / " + (0, vue.toDisplayString)(__props.maxlength), 3)], 2)) : (0, vue.createCommentVNode)("v-if", true),
+							}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("count-inner")) }, (0, vue.toDisplayString)(textLength.value) + " / " + (0, vue.toDisplayString)(maxlength.value), 3)], 2)) : (0, vue.createCommentVNode)("v-if", true),
 							validateState.value && validateIcon.value && needStatusIcon.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
 								key: 4,
 								class: (0, vue.normalizeClass)([
@@ -14580,8 +14668,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 						]
 					}, (0, vue.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: (0, vue.unref)(inputDisabled),
 						readonly: __props.readonly,
@@ -14616,7 +14704,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 						key: 1,
 						style: (0, vue.normalizeStyle)(countStyle.value),
 						class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("count"), (0, vue.unref)(nsInput).is("outside", __props.wordLimitPosition === "outside")])
-					}, (0, vue.toDisplayString)(textLength.value) + " / " + (0, vue.toDisplayString)(__props.maxlength), 7)) : (0, vue.createCommentVNode)("v-if", true)
+					}, (0, vue.toDisplayString)(textLength.value) + " / " + (0, vue.toDisplayString)(maxlength.value), 7)) : (0, vue.createCommentVNode)("v-if", true)
 				], 64))], 38);
 			};
 		}
@@ -15085,9 +15173,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 					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", {
@@ -15124,6 +15212,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const update = () => {
 				barRef.value?.update();
 				distanceScrollState[direction] = false;
+				if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value);
 			};
 			(0, vue.watch)(() => props.noresize, (noresize) => {
 				if (noresize) {
@@ -15139,7 +15228,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			(0, vue.watch)(() => [props.maxHeight, props.height], () => {
 				if (!props.native) (0, vue.nextTick)(() => {
 					update();
-					if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value);
 				});
 			});
 			(0, vue.provide)(scrollbarContextKey, (0, vue.reactive)({
@@ -15235,7 +15323,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;
 			const emit = __emit;
-			const passInputProps = (0, vue.computed)(() => pick(props, Object.keys(inputProps)));
+			const passInputProps = (0, vue.computed)(() => {
+				const inputProps = ElInput.props ?? [];
+				return pick(props, isArray$1(inputProps) ? inputProps : Object.keys(inputProps));
+			});
 			const rawAttrs = (0, vue.useAttrs)();
 			const disabled = useFormDisabled();
 			const ns = useNamespace("autocomplete");
@@ -17387,6 +17478,23 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 						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")})`;
@@ -18563,7 +18671,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			};
 			const displayValue = (0, vue.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 "";
@@ -18620,14 +18728,15 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			});
 			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;
@@ -20284,7 +20393,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			return {
 				isSelected: day.isSame(props.selectedDay),
 				type: `${type}-month`,
-				day: day.format("YYYY-MM-DD"),
+				day: day.format(DEFAULT_FORMATS_DATE),
 				date: day.toDate()
 			};
 		};
@@ -20765,6 +20874,15 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			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,
@@ -20777,6 +20895,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				hover,
 				states,
 				hoverItem,
+				handleMousedown,
 				updateOption,
 				selectOptionClick
 			};
@@ -20798,7 +20917,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			"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] = (0, vue.withModifiers)((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+			onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
+			onClick: _cache[2] || (_cache[2] = (0, vue.withModifiers)((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
 		}, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(_ctx.currentLabel), 1)])], 42, _hoisted_1$66)), [[vue.vShow, _ctx.visible]]);
 	}
 	var option_default = /* @__PURE__ */ _plugin_vue_export_helper_default(option_vue_vue_type_script_lang_default, [["render", _sfc_render$20]]);
@@ -23310,13 +23430,17 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 //#region ../../packages/components/checkbox/src/composables/use-checkbox-model.ts
 	const useCheckboxModel = (props) => {
 		const selfModel = (0, vue.ref)(false);
-		const { emit } = (0, vue.getCurrentInstance)();
+		const { emit, vnode } = (0, vue.getCurrentInstance)();
 		const checkboxGroup = (0, vue.inject)(checkboxGroupContextKey, void 0);
 		const isGroup = (0, vue.computed)(() => isUndefined(checkboxGroup) === false);
 		const isLimitExceeded = (0, vue.ref)(false);
+		const isControlled = (0, vue.computed)(() => {
+			const rawProps = vnode.props ?? {};
+			return "modelValue" in rawProps || "model-value" in rawProps;
+		});
 		const model = (0, vue.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)) {
@@ -25202,7 +25326,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				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 = () => {
@@ -25313,7 +25437,12 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			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 = () => {
@@ -28887,7 +29016,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			const userInputDate = (0, vue.ref)(null);
 			const userInputTime = (0, vue.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());
@@ -31617,6 +31746,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		const _draggable = (0, vue.computed)(() => (props.draggable ?? globalConfig.value?.draggable ?? false) && !props.fullscreen);
 		const _alignCenter = (0, vue.computed)(() => props.alignCenter ?? globalConfig.value?.alignCenter ?? false);
 		const _overflow = (0, vue.computed)(() => props.overflow ?? globalConfig.value?.overflow ?? false);
+		const penetrable = (0, vue.computed)(() => props.modalPenetrable && !props.modal && !props.fullscreen);
 		const overlayDialogStyle = (0, vue.computed)(() => {
 			if (_alignCenter.value) return { display: "flex" };
 			return {};
@@ -31708,6 +31838,10 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		function onCloseRequested() {
 			if (props.closeOnPressEscape) handleClose();
 		}
+		function bringToFront() {
+			if (!visible.value || !penetrable.value || props.zIndex !== void 0) return;
+			zIndex.value = nextZIndex();
+		}
 		(0, vue.watch)(() => props.zIndex, () => {
 			zIndex.value = props.zIndex ?? nextZIndex();
 		});
@@ -31754,6 +31888,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			onCloseAutoFocus,
 			onCloseRequested,
 			onFocusoutPrevented,
+			bringToFront,
 			titleId,
 			bodyId,
 			closed,
@@ -31766,7 +31901,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			_draggable,
 			_alignCenter,
 			_overflow,
-			closing
+			closing,
+			penetrable
 		};
 	};
 
@@ -31797,7 +31933,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			const dialogRef = (0, vue.ref)();
 			const headerRef = (0, vue.ref)();
 			const dialogContentRef = (0, vue.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);
 			(0, vue.provide)(dialogInjectionKey, {
 				dialogRef,
 				headerRef,
@@ -31807,7 +31943,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				style
 			});
 			const overlayEvent = useSameTarget(onModalClick);
-			const penetrable = (0, vue.computed)(() => props.modalPenetrable && !props.modal && !props.fullscreen);
 			const resetPosition = () => {
 				dialogContentRef.value?.resetPosition();
 			};
@@ -31829,7 +31964,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 							"overlay-class": [
 								__props.modalClass ?? "",
 								`${(0, vue.unref)(ns).namespace.value}-modal-dialog`,
-								(0, vue.unref)(ns).is("penetrable", penetrable.value)
+								(0, vue.unref)(ns).is("penetrable", (0, vue.unref)(penetrable))
 							],
 							"z-index": (0, vue.unref)(zIndex)
 						}, {
@@ -31870,7 +32005,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 									"show-close": __props.showClose,
 									title: __props.title,
 									"aria-level": __props.headerAriaLevel,
-									onClose: (0, vue.unref)(handleClose)
+									onClose: (0, vue.unref)(handleClose),
+									onMousedown: (0, vue.unref)(bringToFront)
 								}), (0, vue.createSlots)({
 									header: (0, vue.withCtx)(() => [!_ctx.$slots.title ? (0, vue.renderSlot)(_ctx.$slots, "header", {
 										key: 0,
@@ -31897,7 +32033,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 									"show-close",
 									"title",
 									"aria-level",
-									"onClose"
+									"onClose",
+									"onMousedown"
 								])) : (0, vue.createCommentVNode)("v-if", true)]),
 								_: 3
 							}, 8, [
@@ -39917,10 +40054,21 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			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
 			};
@@ -39949,7 +40097,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				_ctx.ns.is("hovering", _ctx.hovering)
 			]),
 			onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-			onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+			onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
+			onClick: _cache[2] || (_cache[2] = (0, vue.withModifiers)((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
 		}, [(0, vue.renderSlot)(_ctx.$slots, "default", {
 			item: _ctx.item,
 			index: _ctx.index,
@@ -48802,6 +48951,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	const TableV2 = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElTableV2",
 		props: tableV2Props,
+		slots: Object,
 		setup(props, { slots, expose }) {
 			const ns = useNamespace("table-v2");
 			const { t } = useLocale();
@@ -50328,7 +50478,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/transfer/src/composables/use-computed-data.ts
 	const useComputedData = (props) => {
 		const propsAlias = usePropsAlias(props);
-		const dataObj = (0, vue.computed)(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur) && o, {}));
+		const dataObj = (0, vue.computed)(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur, o), {}));
 		return {
 			sourceData: (0, vue.computed)(() => props.data.filter((item) => !props.modelValue.includes(item[propsAlias.value.key]))),
 			targetData: (0, vue.computed)(() => {
@@ -55716,62 +55866,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.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;
@@ -56295,7 +56390,10 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;
 			const emit = __emit;
-			const passInputProps = (0, vue.computed)(() => pick(props, Object.keys(inputProps)));
+			const passInputProps = (0, vue.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();
@@ -57827,7 +57925,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			const placement = (0, vue.computed)(() => props.placement || MESSAGE_DEFAULT_PLACEMENT);
 			const lastOffset = (0, vue.computed)(() => getLastOffset(props.id, placement.value));
 			const offset = (0, vue.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 = (0, vue.computed)(() => height.value + offset.value);
 			const horizontalClass = (0, vue.computed)(() => {