@varlet/ui 3.19.0 → 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.0",
+  "version": "3.19.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -862,6 +862,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "size",
+              "description": "BackTop button size",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "elevation",
               "description": "Elevation level, options `true` `false` and level of `0-24`",

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.0",
+  "version": "3.19.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -862,6 +862,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "size",
+              "description": "`BackTop` 按钮大小",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "elevation",
               "description": "海拔高度，可选值为 `true` `false` 和 `0-24` 的等级",

package/lib/varlet.cjs.js

@@ -3404,8 +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);
+		onWindowResize(() => resize(true));
+		useResizeObserver(middleEl, () => resize(true));
 		onSmartMounted(() => {
 			resize();
 			(0, vue.nextTick)().then(() => {
@@ -3415,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() {
@@ -3434,15 +3436,28 @@ var __sfc__$99 = (0, vue.defineComponent)({
 		function handleClick(e) {
 			call(props2.onClick, e);
 		}
-		function resize() {
-			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,
@@ -8484,6 +8499,7 @@ var props$5 = {
 		default: true
 	},
 	bottom: [Number, String],
+	size: [Number, String],
 	target: [String, Object],
 	onClick: defineListenerProp()
 };
@@ -8501,7 +8517,8 @@ function __render__$87(_ctx, _cache) {
 		class: _ctx.classes(_ctx.n(), [_ctx.show, _ctx.n("--active")]),
 		style: {
 			right: _ctx.toSizeUnit(_ctx.right),
-			bottom: _ctx.toSizeUnit(_ctx.bottom)
+			bottom: _ctx.toSizeUnit(_ctx.bottom),
+			"--back-top-button-size": _ctx.toSizeUnit(_ctx.size)
 		}
 	}, _ctx.$attrs, { onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])) }), [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createVNode)(_component_var_button, {
 		elevation: _ctx.elevation,
@@ -32698,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.0";
+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.0",
+  "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/icons": "3.19.0",
-    "@varlet/shared": "3.19.0",
-    "@varlet/use": "3.19.0"
+    "@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/cli": "3.19.0",
-    "@varlet/ui": "3.19.0",
-    "@varlet/touch-emulator": "3.19.0"
+    "@varlet/ui": "3.19.2",
+    "@varlet/cli": "3.19.2",
+    "@varlet/touch-emulator": "3.19.2"
   },
   "peerDependencies": {
     "vue": "^3.2.0"