@varlet/ui 3.19.0 → 3.19.2

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/back-top/BackTop.mjs

@@ -23,7 +23,8 @@ function __render__(_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] = _withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))

package/es/back-top/props.mjs

@@ -14,6 +14,7 @@ const props = {
     default: true
   },
   bottom: [Number, String],
+  size: [Number, String],
   target: [String, Object],
   onClick: defineListenerProp()
 };

package/es/field-decorator/FieldDecorator.mjs

@@ -18,8 +18,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { call, doubleRaf, getStyle, isEmpty } from "@varlet/shared";
-import { onSmartMounted, onWindowResize } from "@varlet/use";
+import { call, doubleRaf, getStyle, isEmpty, raf } from "@varlet/shared";
+import { onSmartMounted, onWindowResize, useResizeObserver } from "@varlet/use";
 import { computed, defineComponent, nextTick, onUpdated, ref, watch } from "vue";
 import VarIcon from "../icon/index.mjs";
 import { usePopup } from "../popup/provide.mjs";
@@ -237,10 +237,12 @@ const __sfc__ = defineComponent({
     const isFloating = computed(() => props2.hint && (!isEmpty(props2.value) || props2.isFocusing));
     const { popup, bindPopup } = usePopup();
     const { bindSwipeResizeDispatcher } = useSwipeResizeDispatcher();
+    let transitionVersion = 0;
     const color = computed(
       () => !props2.isError ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0
     );
-    onWindowResize(resize);
+    onWindowResize(() => resize(true));
+    useResizeObserver(middleEl, () => resize(true));
     onSmartMounted(() => {
       resize();
       nextTick().then(() => {
@@ -251,7 +253,7 @@ const __sfc__ = defineComponent({
     call(bindPopup, null);
     call(bindSwipeResizeDispatcher, {
       onResize() {
-        nextTick().then(resize);
+        nextTick().then(() => resize(true));
       }
     });
     if (popup) {
@@ -260,7 +262,7 @@ const __sfc__ = defineComponent({
         (show) => __async(null, null, function* () {
           if (show) {
             yield doubleRaf();
-            resize();
+            resize(true);
           }
         })
       );
@@ -280,15 +282,32 @@ const __sfc__ = 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(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(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(placeholderTextEl.value);
+          const placeholderSpace = `var(--field-decorator-outlined-${props2.size}-placeholder-space)`;
+          legendWidth.value = `calc(${placeholderTextStyle.width} * 0.75 + ${placeholderSpace} * 2)`;
+        }
+        if (disableTransition) {
+          yield nextTick();
+          yield raf();
+          if (currentTransitionVersion === transitionVersion) {
+            transitionDisabled.value = false;
+          }
+        }
+      });
     }
     return {
       placeholderTextEl,

package/es/index.bundle.mjs

@@ -307,7 +307,7 @@ import './tree-menu/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.19.0'
+const version = '3.19.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -204,7 +204,7 @@ export * from './tree-menu/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.19.0'
+const version = '3.19.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)