@element-plus/nightly 0.0.20260303 → 0.0.20260306

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260303 */
+/*! Element Plus v0.0.20260306 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -262,7 +262,7 @@ vue = __toESM(vue);
 		}
 		return false;
 	}
-	function toValue(r) {
+	function toValue$1(r) {
 		return typeof r === "function" ? r() : (0, lib_exports.unref)(r);
 	}
 	function toReactive(objectRef) {
@@ -331,8 +331,8 @@ vue = __toESM(vue);
 			lastRejector = noop$1;
 		};
 		const filter = (invoke) => {
-			const duration = toValue(ms);
-			const maxDuration = toValue(options.maxWait);
+			const duration = toValue$1(ms);
+			const maxDuration = toValue$1(options.maxWait);
 			if (timer) _clearTimeout(timer);
 			if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
 				if (maxTimer) {
@@ -378,7 +378,7 @@ vue = __toESM(vue);
 			}
 		};
 		const filter = (_invoke) => {
-			const duration = toValue(ms);
+			const duration = toValue$1(ms);
 			const elapsed = Date.now() - lastExec;
 			const invoke = () => {
 				return lastValue = _invoke();
@@ -461,7 +461,7 @@ vue = __toESM(vue);
 				isPending.value = false;
 				timer = null;
 				cb(...args);
-			}, toValue(interval));
+			}, toValue$1(interval));
 		}
 		if (immediate) {
 			isPending.value = true;
@@ -479,7 +479,7 @@ vue = __toESM(vue);
 //#region ../../node_modules/.pnpm/@vueuse+core@10.11.1_vue@3.5.25_typescript@5.5.4_/node_modules/@vueuse/core/index.mjs
 	function unrefElement(elRef) {
 		var _a;
-		const plain = toValue(elRef);
+		const plain = toValue$1(elRef);
 		return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 	}
 	const defaultWindow = isClient ? window : void 0;
@@ -507,7 +507,7 @@ vue = __toESM(vue);
 			el.addEventListener(event, listener, options2);
 			return () => el.removeEventListener(event, listener, options2);
 		};
-		const stopWatch = (0, lib_exports.watch)(() => [unrefElement(target), toValue(options)], ([el, options2]) => {
+		const stopWatch = (0, lib_exports.watch)(() => [unrefElement(target), toValue$1(options)], ([el, options2]) => {
 			cleanup();
 			if (!el) return;
 			const optionsClone = isObject$2(options2) ? { ...options2 } : options2;
@@ -600,7 +600,7 @@ vue = __toESM(vue);
 			}
 		};
 		const targets = (0, lib_exports.computed)(() => {
-			const value = toValue(target);
+			const value = toValue$1(target);
 			const items = (Array.isArray(value) ? value : [value]).map(unrefElement).filter(notNullish);
 			return new Set(items);
 		});
@@ -676,7 +676,7 @@ vue = __toESM(vue);
 		const stopWatch = (0, lib_exports.watchEffect)(() => {
 			if (!isSupported.value) return;
 			cleanup();
-			mediaQuery = window.matchMedia(toValue(query));
+			mediaQuery = window.matchMedia(toValue$1(query));
 			if ("addEventListener" in mediaQuery) mediaQuery.addEventListener("change", handler);
 			else mediaQuery.addListener(handler);
 			matches.value = mediaQuery.matches;
@@ -700,18 +700,18 @@ vue = __toESM(vue);
 		});
 		function updateCssVar() {
 			var _a;
-			const key = toValue(prop);
-			const el = toValue(elRef);
+			const key = toValue$1(prop);
+			const el = toValue$1(elRef);
 			if (el && window) variable.value = ((_a = window.getComputedStyle(el).getPropertyValue(key)) == null ? void 0 : _a.trim()) || initialValue;
 		}
 		if (observe) useMutationObserver(elRef, updateCssVar, {
 			attributeFilter: ["style", "class"],
 			window
 		});
-		(0, lib_exports.watch)([elRef, () => toValue(prop)], updateCssVar, { immediate: true });
+		(0, lib_exports.watch)([elRef, () => toValue$1(prop)], updateCssVar, { immediate: true });
 		(0, lib_exports.watch)(variable, (val) => {
 			var _a;
-			if ((_a = elRef.value) == null ? void 0 : _a.style) elRef.value.style.setProperty(toValue(prop), val);
+			if ((_a = elRef.value) == null ? void 0 : _a.style) elRef.value.style.setProperty(toValue$1(prop), val);
 		});
 		return variable;
 	}
@@ -866,7 +866,7 @@ vue = __toESM(vue);
 		const { root, rootMargin = "0px", threshold = .1, window = defaultWindow, immediate = true } = options;
 		const isSupported = useSupported(() => window && "IntersectionObserver" in window);
 		const targets = (0, lib_exports.computed)(() => {
-			const _target = toValue(target);
+			const _target = toValue$1(target);
 			return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);
 		});
 		let cleanup = noop$1;
@@ -10478,7 +10478,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20260303";
+	const version$1 = "0.0.20260306";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -14566,7 +14566,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 						id: (0, vue.unref)(inputId),
 						ref_key: "textarea",
 						ref: textarea,
-						class: [(0, vue.unref)(nsTextarea).e("inner"), (0, vue.unref)(nsInput).is("focus", (0, vue.unref)(isFocused))]
+						class: [
+							(0, vue.unref)(nsTextarea).e("inner"),
+							(0, vue.unref)(nsInput).is("focus", (0, vue.unref)(isFocused)),
+							(0, vue.unref)(nsTextarea).is("clearable", __props.clearable)
+						]
 					}, (0, vue.unref)(attrs), {
 						name: __props.name,
 						minlength: __props.minlength,
@@ -14591,8 +14595,17 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 						onChange: handleChange,
 						onKeydown: handleKeydown
 					}), null, 16, _hoisted_2$42),
-					isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					showClear.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
 						key: 0,
+						class: (0, vue.normalizeClass)([(0, vue.unref)(nsTextarea).e("icon"), (0, vue.unref)(nsTextarea).e("clear")]),
+						onMousedown: (0, vue.withModifiers)((0, vue.unref)(NOOP), ["prevent"]),
+						onClick: clear
+					}, {
+						default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.clearIcon)))]),
+						_: 1
+					}, 8, ["class", "onMousedown"])) : (0, vue.createCommentVNode)("v-if", true),
+					isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+						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)
@@ -18152,6 +18165,10 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: Boolean,
 			default: true
 		},
+		saveOnBlur: {
+			type: Boolean,
+			default: true
+		},
 		prefixIcon: {
 			type: definePropType([String, Object]),
 			default: ""
@@ -18421,7 +18438,9 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 					return !hasJustTabExitedInput && refPopper.value?.isFocusInsideContent(event);
 				},
 				afterBlur() {
-					handleChange();
+					if (isTimePicker.value && !props.saveOnBlur) {
+						if (!valueIsEmpty.value) pickerOptions.value.handleCancel?.();
+					} else handleChange();
 					pickerVisible.value = false;
 					hasJustTabExitedInput = false;
 					props.validateEvent && formItem?.validate("blur").catch((err) => /* @__PURE__ */ debugWarn(err));
@@ -18499,6 +18518,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				const formattedValue = formatToString(parsedValue.value);
 				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 "";
 				if (!pickerVisible.value && valueIsEmpty.value) return "";
 				if (formattedValue) return isDatesPicker.value || isMonthsPicker.value || isYearsPicker.value ? formattedValue.join(", ") : formattedValue;
@@ -18552,6 +18572,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				stophandle?.();
 			});
 			const handleChange = () => {
+				if (isTimePicker.value && !props.saveOnBlur) return;
 				if (userInput.value) {
 					const value = parseUserInputToDayjs(displayValue.value);
 					if (value) {
@@ -18970,9 +18991,15 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			getAvailableSeconds
 		};
 	};
-	const useOldValue = (props) => {
+	const useOldValue = (props, options) => {
 		const oldValue = (0, vue.ref)(props.parsedValue);
 		(0, vue.watch)(() => props.visible, (val) => {
+			const modelValue = (0, vue.toValue)(options.modelValue);
+			const valueOnClear = (0, vue.toValue)(options.valueOnClear);
+			if (val && modelValue === valueOnClear) {
+				oldValue.value = valueOnClear;
+				return;
+			}
 			if (!val) oldValue.value = props.parsedValue;
 		});
 		return oldValue;
@@ -19316,11 +19343,16 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		],
 		setup(__props, { emit: __emit }) {
 			const props = __props;
-			const { isRange, format } = (0, vue.inject)(PICKER_BASE_INJECTION_KEY).props;
+			const { isRange, format, saveOnBlur } = (0, vue.inject)(PICKER_BASE_INJECTION_KEY).props;
 			const emit = __emit;
 			const ns = useNamespace("time");
 			const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(props.disabledHours, props.disabledMinutes, props.disabledSeconds);
 			let isScrolling = false;
+			const ignoreScroll = {
+				hours: false,
+				minutes: false,
+				seconds: false
+			};
 			const currentScrollbar = (0, vue.ref)();
 			const listRefsMap = {
 				hours: (0, vue.ref)(),
@@ -19400,7 +19432,15 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			const adjustSpinner = (type, value) => {
 				if (props.arrowControl) return;
 				const scrollbar = (0, vue.unref)(listRefsMap[type]);
-				if (scrollbar && scrollbar.$el) getScrollbarElement(scrollbar.$el).scrollTop = Math.max(0, value * typeItemHeight(type));
+				if (scrollbar && scrollbar.$el) {
+					if (!saveOnBlur) {
+						ignoreScroll[type] = true;
+						rAF(() => {
+							ignoreScroll[type] = false;
+						});
+					}
+					getScrollbarElement(scrollbar.$el).scrollTop = Math.max(0, value * typeItemHeight(type));
+				}
 			};
 			const typeItemHeight = (type) => {
 				const listItem = (0, vue.unref)(listRefsMap[type])?.$el.querySelector("li");
@@ -19453,6 +19493,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				}
 			};
 			const handleScroll = (type) => {
+				if (!saveOnBlur && ignoreScroll[type]) return;
 				const scrollbar = (0, vue.unref)(listRefsMap[type]);
 				if (!scrollbar) return;
 				isScrolling = true;
@@ -19571,12 +19612,16 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		setup(__props, { emit: __emit }) {
 			const props = __props;
 			const emit = __emit;
-			const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } = (0, vue.inject)(PICKER_BASE_INJECTION_KEY).props;
+			const pickerBase = (0, vue.inject)(PICKER_BASE_INJECTION_KEY);
+			const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } = pickerBase.props;
 			const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = buildAvailableTimeSlotGetter(disabledHours, disabledMinutes, disabledSeconds);
 			const ns = useNamespace("time");
 			const { t, lang } = useLocale();
 			const selectionRange = (0, vue.ref)([0, 2]);
-			const oldValue = useOldValue(props);
+			const oldValue = useOldValue(props, {
+				modelValue: (0, vue.computed)(() => pickerBase.props.modelValue),
+				valueOnClear: (0, vue.computed)(() => pickerBase?.emptyValues ? pickerBase.emptyValues.valueOnClear.value : null)
+			});
 			const transitionName = (0, vue.computed)(() => {
 				return isUndefined(props.actualVisible) ? `${ns.namespace.value}-zoom-in-top` : "";
 			});
@@ -19669,6 +19714,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			emit("set-picker-option", ["handleKeydownInput", handleKeydown]);
 			emit("set-picker-option", ["getRangeAvailableTime", getRangeAvailableTime]);
 			emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
+			emit("set-picker-option", ["handleCancel", handleCancel]);
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, { name: transitionName.value }, {
 					default: (0, vue.withCtx)(() => [_ctx.actualVisible || _ctx.visible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -19745,7 +19791,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			const { t, lang } = useLocale();
 			const nsTime = useNamespace("time");
 			const nsPicker = useNamespace("picker");
-			const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } = (0, vue.inject)(PICKER_BASE_INJECTION_KEY).props;
+			const pickerBase = (0, vue.inject)(PICKER_BASE_INJECTION_KEY);
+			const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } = pickerBase.props;
 			const startContainerKls = (0, vue.computed)(() => [
 				nsTime.be("range-picker", "body"),
 				nsTime.be("panel", "content"),
@@ -19760,7 +19807,10 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			]);
 			const startTime = (0, vue.computed)(() => props.parsedValue[0]);
 			const endTime = (0, vue.computed)(() => props.parsedValue[1]);
-			const oldValue = useOldValue(props);
+			const oldValue = useOldValue(props, {
+				modelValue: (0, vue.computed)(() => pickerBase.props.modelValue),
+				valueOnClear: (0, vue.computed)(() => pickerBase?.emptyValues ? pickerBase.emptyValues.valueOnClear.value : null)
+			});
 			const handleCancel = () => {
 				const old = oldValue.value;
 				emit("pick", old, false);
@@ -19891,6 +19941,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			emit("set-picker-option", ["handleKeydownInput", handleKeydown]);
 			emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
 			emit("set-picker-option", ["getRangeAvailableTime", getRangeAvailableTime]);
+			emit("set-picker-option", ["handleCancel", handleCancel]);
 			return (_ctx, _cache) => {
 				return _ctx.actualVisible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 0,
@@ -37285,7 +37336,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						key: 0,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title")),
 						role: "title"
-					}, (0, vue.toDisplayString)(__props.title), 3)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.content), 1)])]),
+					}, (0, vue.toDisplayString)(__props.title), 3)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.renderSlot)(_ctx.$slots, "default", { hide }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.content), 1)])]),
 					default: (0, vue.withCtx)(() => [_ctx.$slots.reference ? (0, vue.renderSlot)(_ctx.$slots, "reference", { key: 0 }) : (0, vue.createCommentVNode)("v-if", true)]),
 					_: 3
 				}, 16, [