@varlet/ui 3.19.1 → 3.19.2

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.2",
   "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.2",
   "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,
@@ -32702,7 +32715,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.2";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.19.1",
+  "version": "3.19.2",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -44,9 +44,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/shared": "3.19.1",
-    "@varlet/use": "3.19.1",
-    "@varlet/icons": "3.19.1"
+    "@varlet/icons": "3.19.2",
+    "@varlet/shared": "3.19.2",
+    "@varlet/use": "3.19.2"
   },
   "devDependencies": {
     "@types/node": "^20.19.0",
@@ -62,9 +62,9 @@
     "vue": "3.5.21",
     "vue-router": "4.5.1",
     "zod": "^3.23.8",
-    "@varlet/ui": "3.19.1",
-    "@varlet/cli": "3.19.1",
-    "@varlet/touch-emulator": "3.19.1"
+    "@varlet/ui": "3.19.2",
+    "@varlet/cli": "3.19.2",
+    "@varlet/touch-emulator": "3.19.2"
   },
   "peerDependencies": {
     "vue": "^3.2.0"