@varlet/ui 3.19.1 → 3.19.2

package/es/field-decorator/FieldDecorator.mjs

@@ -18,7 +18,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { call, doubleRaf, getStyle, isEmpty } from "@varlet/shared";
+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";
@@ -237,11 +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);
-    useResizeObserver(middleEl, resize);
+    onWindowResize(() => resize(true));
+    useResizeObserver(middleEl, () => resize(true));
     onSmartMounted(() => {
       resize();
       nextTick().then(() => {
@@ -252,7 +253,7 @@ const __sfc__ = defineComponent({
     call(bindPopup, null);
     call(bindSwipeResizeDispatcher, {
       onResize() {
-        nextTick().then(resize);
+        nextTick().then(() => resize(true));
       }
     });
     if (popup) {
@@ -261,7 +262,7 @@ const __sfc__ = defineComponent({
         (show) => __async(null, null, function* () {
           if (show) {
             yield doubleRaf();
-            resize();
+            resize(true);
           }
         })
       );
@@ -281,18 +282,32 @@ const __sfc__ = 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(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.1'
+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.1'
+const version = '3.19.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'