@varlet/ui 3.19.1 → 3.19.3

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.19.1",
+  "version": "3.19.3",
   "name": "VARLET",
   "contributions": {
     "html": {

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.19.1",
+  "version": "3.19.3",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/varlet.cjs.js

@@ -3404,9 +3404,10 @@ var __sfc__$99 = (0, vue.defineComponent)({
 		const isFloating = (0, vue.computed)(() => props2.hint && (!isEmpty(props2.value) || props2.isFocusing));
 		const { popup, bindPopup } = usePopup();
 		const { bindSwipeResizeDispatcher } = useSwipeResizeDispatcher();
+		let transitionVersion = 0;
 		const color = (0, vue.computed)(() => !props2.isError ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0);
-		onWindowResize(resize);
-		useResizeObserver(middleEl, resize);
+		onWindowResize(() => resize(true));
+		useResizeObserver(middleEl, () => resize(true));
 		onSmartMounted(() => {
 			resize();
 			(0, vue.nextTick)().then(() => {
@@ -3416,12 +3417,12 @@ var __sfc__$99 = (0, vue.defineComponent)({
 		(0, vue.onUpdated)(resize);
 		call(bindPopup, null);
 		call(bindSwipeResizeDispatcher, { onResize() {
-			(0, vue.nextTick)().then(resize);
+			(0, vue.nextTick)().then(() => resize(true));
 		} });
 		if (popup) (0, vue.watch)(() => popup.show.value, (show) => __async$24(null, null, function* () {
 			if (show) {
 				yield doubleRaf();
-				resize();
+				resize(true);
 			}
 		}));
 		function computePlaceholderState() {
@@ -3435,16 +3436,28 @@ var __sfc__$99 = (0, vue.defineComponent)({
 		function handleClick(e) {
 			call(props2.onClick, e);
 		}
-		function resize() {
-			if (!middleEl.value) return;
-			middleOffsetLeft.value = `${middleEl.value.offsetLeft}px`;
-			middleOffsetWidth.value = `${middleEl.value.offsetWidth}px`;
-			middleOffsetHeight.value = `${middleEl.value.offsetHeight}px`;
-			if (props2.variant === "outlined" && placeholderTextEl.value) {
-				const placeholderTextStyle = getStyle$1(placeholderTextEl.value);
-				const placeholderSpace = `var(--field-decorator-outlined-${props2.size}-placeholder-space)`;
-				legendWidth.value = `calc(${placeholderTextStyle.width} * 0.75 + ${placeholderSpace} * 2)`;
-			}
+		function resize(disableTransition = false) {
+			return __async$24(this, null, function* () {
+				if (!middleEl.value) return;
+				if (disableTransition) {
+					transitionVersion++;
+					transitionDisabled.value = true;
+				}
+				const currentTransitionVersion = transitionVersion;
+				middleOffsetLeft.value = `${middleEl.value.offsetLeft}px`;
+				middleOffsetWidth.value = `${middleEl.value.offsetWidth}px`;
+				middleOffsetHeight.value = `${middleEl.value.offsetHeight}px`;
+				if (props2.variant === "outlined" && placeholderTextEl.value) {
+					const placeholderTextStyle = getStyle$1(placeholderTextEl.value);
+					const placeholderSpace = `var(--field-decorator-outlined-${props2.size}-placeholder-space)`;
+					legendWidth.value = `calc(${placeholderTextStyle.width} * 0.75 + ${placeholderSpace} * 2)`;
+				}
+				if (disableTransition) {
+					yield (0, vue.nextTick)();
+					yield raf();
+					if (currentTransitionVersion === transitionVersion) transitionDisabled.value = false;
+				}
+			});
 		}
 		return {
 			placeholderTextEl,
@@ -8335,7 +8348,7 @@ function __render__$88(_ctx, _cache) {
 			_ctx.block,
 			`${_ctx.n("$--flex")} ${_ctx.n("--block")}`,
 			_ctx.n("$--inline-flex")
-		], [!_ctx.states.text, _ctx.states.elevation], [!_ctx.states.iconContainer && !_ctx.states.text, _ctx.n(`--${_ctx.states.type}`)], [_ctx.states.text, `${_ctx.n("--text")} ${_ctx.n(`--text-${_ctx.states.type}`)}`], [_ctx.states.iconContainer, _ctx.n(`--icon-container-${_ctx.states.type}`)], [_ctx.states.filledDefault, _ctx.n("--filled-default")], [_ctx.round, _ctx.n("--round")], [_ctx.fab, _ctx.n("--fab")], [_ctx.states.outline, _ctx.n("--outline")], [_ctx.loading || _ctx.pending, _ctx.n("--loading")], [_ctx.disabled, _ctx.n("--disabled")], [_ctx.states.text && _ctx.disabled, _ctx.n("--text-disabled")])),
+		], [!_ctx.states.text, _ctx.states.elevation], [!_ctx.states.iconContainer && !_ctx.states.text, _ctx.n(`--${_ctx.states.type}`)], [_ctx.states.text, `${_ctx.n("--text")} ${_ctx.n(`--text-${_ctx.states.type}`)}`], [_ctx.states.iconContainer, _ctx.n(`--icon-container-${_ctx.states.type}`)], [_ctx.states.filledDefault, _ctx.n("--filled-default")], [_ctx.states.elevationDisabled, _ctx.n("--elevation-disabled")], [_ctx.round, _ctx.n("--round")], [_ctx.fab, _ctx.n("--fab")], [_ctx.states.outline, _ctx.n("--outline")], [_ctx.loading || _ctx.pending, _ctx.n("--loading")], [_ctx.disabled, _ctx.n("--disabled")], [_ctx.states.text && _ctx.disabled, _ctx.n("--text-disabled")])),
 		tabindex: _ctx.focusable ? void 0 : "-1",
 		style: (0, vue.normalizeStyle)({
 			color: _ctx.states.textColor,
@@ -8401,7 +8414,8 @@ var __sfc__$88 = (0, vue.defineComponent)({
 				textColor: props2.textColor,
 				outline: props2.outline,
 				iconContainer: props2.tonal || props2.iconContainer,
-				filledDefault: (props2.type == null || props2.type === "default") && isFilledElevation(props2.elevation) && !props2.text && !props2.outline && !props2.tonal && !props2.iconContainer
+				elevationDisabled: props2.tonal || props2.elevation === false || toNumber(props2.elevation) === 0,
+				filledDefault: (props2.type == null || props2.type === "default") && (props2.elevation === false || toNumber(props2.elevation) === 0) && !props2.text && !props2.outline && !props2.tonal && !props2.iconContainer
 			};
 			const { type, size, color, textColor, mode, elevation } = buttonGroup;
 			return {
@@ -8413,7 +8427,8 @@ var __sfc__$88 = (0, vue.defineComponent)({
 				text: mode.value === "text" || mode.value === "outline",
 				outline: mode.value === "outline",
 				iconContainer: mode.value === "tonal" || mode.value === "icon-container",
-				filledDefault: mode.value === "normal" && ((_g = props2.type) != null ? _g : type.value) === "default" && isFilledElevation(elevation.value)
+				elevationDisabled: mode.value === "tonal",
+				filledDefault: mode.value === "normal" && ((_g = props2.type) != null ? _g : type.value) === "default" && (elevation.value === false || toNumber(elevation.value) === 0)
 			};
 		});
 		function attemptAutoLoading(result) {
@@ -8440,9 +8455,6 @@ var __sfc__$88 = (0, vue.defineComponent)({
 			if (!props2.focusable) return;
 			isFocusing.value = true;
 		}
-		function isFilledElevation(elevation) {
-			return elevation === false || toNumber(elevation) === 0;
-		}
 		return {
 			pending,
 			states,
@@ -32702,7 +32714,7 @@ var _WatermarkComponent = stdin_default$107;
 var stdin_default$101 = stdin_default$107;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.19.1";
+var version = "3.19.3";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);