@element-plus/nightly 0.0.20260426 → 0.0.20260427

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260426 */
+/*! Element Plus v0.0.20260427 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -10765,7 +10765,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20260426";
+	const version$1 = "0.0.20260427";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -14550,6 +14550,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const hovering = (0, vue.ref)(false);
 			const passwordVisible = (0, vue.ref)(false);
 			const countStyle = (0, vue.ref)();
+			const clearIconStyle = (0, vue.ref)();
 			const textareaCalcStyle = (0, vue.shallowRef)(props.inputStyle);
 			const saveValue = (0, vue.ref)("");
 			const textareaHeight = (0, vue.ref)();
@@ -14584,11 +14585,18 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const suffixVisible = (0, vue.computed)(() => !!slots.suffix || !!props.suffixIcon || props.clearable || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
 			const hasModelModifiers = (0, vue.computed)(() => !!Object.keys(props.modelModifiers).length);
 			const [recordCursor, setCursor] = useCursor(input);
+			let rAFId;
 			useResizeObserver(textarea, (entries) => {
 				onceInitSizeTextarea();
-				if (!isWordLimitVisible.value || props.resize !== "both" && props.resize !== "horizontal") return;
-				const { width } = entries[0].contentRect;
-				countStyle.value = { right: `calc(100% - ${width + 22 - 10}px)` };
+				if (!isWordLimitVisible.value && !renderClear.value || props.resize !== "both" && props.resize !== "horizontal") return;
+				const { width } = entries[0].target.getBoundingClientRect();
+				const updateStyle = () => {
+					rAFId = void 0;
+					countStyle.value = { right: `calc(100% - ${width - 10}px)` };
+					clearIconStyle.value = { right: `calc(100% - ${width - 11}px)` };
+				};
+				rAFId && cAF(rAFId);
+				rAFId = rAF(updateStyle);
 			});
 			const resizeTextarea = () => {
 				const { type, autosize } = props;
@@ -14780,6 +14788,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				setNativeInputValue();
 				(0, vue.nextTick)(resizeTextarea);
 			});
+			(0, vue.onBeforeUnmount)(() => {
+				rAFId && cAF(rAFId);
+			});
 			__expose({
 				input,
 				textarea,
@@ -14954,12 +14965,17 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 					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")]),
+						style: (0, vue.normalizeStyle)(clearIconStyle.value),
 						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),
+					}, 8, [
+						"class",
+						"style",
+						"onMousedown"
+					])) : (0, vue.createCommentVNode)("v-if", true),
 					isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 						key: 1,
 						style: (0, vue.normalizeStyle)(countStyle.value),