@element-plus/nightly 0.0.20260426 → 0.0.20260428

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260426 */
+/*! Element Plus v0.0.20260428 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -7291,8 +7291,8 @@ For more detail, please visit: ${ref}
 			if (targetRef.value) {
 				const { offsetX, offsetY } = transform;
 				const targetRect = targetRef.value.getBoundingClientRect();
-				const targetLeft = targetRect.left;
-				const targetTop = targetRect.top;
+				const targetLeft = Math.max(targetRect.left, 0);
+				const targetTop = Math.max(targetRect.top, 0);
 				const targetWidth = targetRect.width;
 				const targetHeight = targetRect.height;
 				const clientWidth = document.documentElement.clientWidth;
@@ -7302,8 +7302,8 @@ For more detail, please visit: ${ref}
 				const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
 				const maxTop = clientHeight - targetTop - (targetHeight < clientHeight ? targetHeight : 0) + offsetY;
 				if (!overflow?.value) {
-					moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
-					moveY = Math.min(Math.max(moveY, minTop), maxTop);
+					moveX = clamp$1(moveX, minLeft, maxLeft);
+					moveY = clamp$1(moveY, minTop, maxTop);
 				}
 				transform.offsetX = moveX;
 				transform.offsetY = moveY;
@@ -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.20260428";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -11427,11 +11427,15 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 		...popperCoreConfigProps,
 		...popperArrowProps,
 		id: String,
-		style: { type: definePropType([
-			String,
-			Array,
-			Object
-		]) },
+		style: {
+			type: definePropType([
+				String,
+				Array,
+				Object,
+				Boolean
+			]),
+			default: void 0
+		},
 		className: { type: definePropType([
 			String,
 			Array,
@@ -11454,11 +11458,15 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			Array,
 			Object
 		]) },
-		popperStyle: { type: definePropType([
-			String,
-			Array,
-			Object
-		]) },
+		popperStyle: {
+			type: definePropType([
+				String,
+				Array,
+				Object,
+				Boolean
+			]),
+			default: void 0
+		},
 		referenceEl: { type: definePropType(Object) },
 		triggerTargetEl: { type: definePropType(Object) },
 		stopPopperMouseEvent: {
@@ -14346,7 +14354,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			type: definePropType([
 				Object,
 				Array,
-				String
+				String,
+				Boolean
 			]),
 			default: () => mutable({})
 		},
@@ -14550,6 +14559,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 +14594,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 +14797,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 +14974,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),
@@ -15068,7 +15093,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			type: definePropType([
 				String,
 				Object,
-				Array
+				Array,
+				Boolean
 			]),
 			default: ""
 		},
@@ -15081,11 +15107,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			default: ""
 		},
 		viewStyle: {
-			type: [
+			type: definePropType([
 				String,
+				Object,
 				Array,
-				Object
-			],
+				Boolean
+			]),
 			default: ""
 		},
 		noresize: Boolean,
@@ -16093,11 +16120,15 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 		popperClass: useTooltipContentProps.popperClass,
 		popperStyle: useTooltipContentProps.popperStyle,
 		collapseClass: String,
-		collapseStyle: { type: definePropType([
-			String,
-			Array,
-			Object
-		]) }
+		collapseStyle: {
+			type: definePropType([
+				String,
+				Array,
+				Object,
+				Boolean
+			]),
+			default: void 0
+		}
 	};
 
 //#endregion
@@ -16275,11 +16306,15 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			default: true
 		},
 		color: String,
-		badgeStyle: { type: definePropType([
-			String,
-			Object,
-			Array
-		]) },
+		badgeStyle: {
+			type: definePropType([
+				String,
+				Object,
+				Array,
+				Boolean
+			]),
+			default: void 0
+		},
 		offset: {
 			type: definePropType(Array),
 			default: () => [0, 0]
@@ -22832,7 +22867,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: definePropType([
 				String,
 				Object,
-				Array
+				Array,
+				Boolean
 			]),
 			default: ""
 		},
@@ -23716,11 +23752,15 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: definePropType(Object),
 			default: () => ({})
 		},
-		style: { type: definePropType([
-			Object,
-			String,
-			Array
-		]) },
+		style: {
+			type: definePropType([
+				Object,
+				String,
+				Array,
+				Boolean
+			]),
+			default: void 0
+		},
 		useIsScrolling: Boolean,
 		width: {
 			type: [Number, String],
@@ -28554,11 +28594,15 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			Array,
 			Object
 		]) },
-		hueSliderStyle: { type: definePropType([
-			String,
-			Array,
-			Object
-		]) }
+		hueSliderStyle: {
+			type: definePropType([
+				String,
+				Array,
+				Object,
+				Boolean
+			]),
+			default: void 0
+		}
 	});
 	const colorPickerPanelEmits = { [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNil(val) };
 	const ROOT_COMMON_COLOR_INJECTION_KEY = Symbol("colorCommonPickerKey");
@@ -34678,11 +34722,15 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#endregion
 //#region ../../packages/components/roving-focus-group/src/roving-focus-group.ts
 	const rovingFocusGroupProps = buildProps({
-		style: { type: definePropType([
-			String,
-			Array,
-			Object
-		]) },
+		style: {
+			type: definePropType([
+				String,
+				Array,
+				Object,
+				Boolean
+			]),
+			default: void 0
+		},
 		currentTabId: { type: definePropType(String) },
 		defaultCurrentTabId: String,
 		loop: Boolean,
@@ -43443,7 +43491,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			type: definePropType([
 				String,
 				Array,
-				Object
+				Object,
+				Boolean
 			]),
 			default: ""
 		},
@@ -43563,11 +43612,15 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		prefix: String,
 		suffix: String,
 		title: String,
-		valueStyle: { type: definePropType([
-			String,
-			Object,
-			Array
-		]) }
+		valueStyle: {
+			type: definePropType([
+				String,
+				Object,
+				Array,
+				Boolean
+			]),
+			default: void 0
+		}
 	});
 
 //#endregion
@@ -43636,11 +43689,15 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			type: definePropType([Number, Object]),
 			default: 0
 		},
-		valueStyle: { type: definePropType([
-			String,
-			Object,
-			Array
-		]) }
+		valueStyle: {
+			type: definePropType([
+				String,
+				Object,
+				Array,
+				Boolean
+			]),
+			default: void 0
+		}
 	});
 	const countdownEmits = {
 		finish: () => true,
@@ -47559,7 +47616,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			type: [
 				String,
 				Object,
-				Array
+				Array,
+				Boolean
 			],
 			default: () => ({})
 		},