vant 4.0.1 → 4.0.3

package/lib/vant.js

@@ -795,6 +795,7 @@
       }
     });
     onPopupReopen(() => vue.nextTick(setHeight));
+    vue.watch([windowWidth, windowHeight], setHeight);
     return height2;
   };
   function usePlaceholder(contentRef, bem2) {
@@ -3836,11 +3837,16 @@
         }
       };
       const renderTitle = () => {
+        var _a;
         if (slots.title || isDef(props.title)) {
+          const titleSlot = (_a = slots.title) == null ? void 0 : _a.call(slots);
+          if (Array.isArray(titleSlot) && titleSlot.length === 0) {
+            return;
+          }
           return vue.createVNode("div", {
             "class": [bem$1a("title"), props.titleClass],
             "style": props.titleStyle
-          }, [slots.title ? slots.title() : vue.createVNode("span", null, [props.title]), renderLabel()]);
+          }, [titleSlot || vue.createVNode("span", null, [props.title]), renderLabel()]);
         }
       };
       const renderValue = () => {
@@ -4334,7 +4340,9 @@
         return value;
       };
       const updateValue = (value, trigger = "onChange") => {
+        const originalValue = value;
         value = limitValueLength(value);
+        const isExceedLimit = value !== originalValue;
         if (props.type === "number" || props.type === "digit") {
           const isNumber = props.type === "number";
           value = formatNumber(value, isNumber, isNumber);
@@ -4343,13 +4351,15 @@
           value = props.formatter(value);
         }
         if (inputRef.value && inputRef.value.value !== value) {
-          const {
-            selectionStart,
-            selectionEnd
-          } = inputRef.value;
-          inputRef.value.value = value;
-          if (state.focused) {
-            inputRef.value.setSelectionRange(selectionStart, selectionEnd);
+          if (state.focused && isExceedLimit) {
+            const {
+              selectionStart,
+              selectionEnd
+            } = inputRef.value;
+            inputRef.value.value = value;
+            inputRef.value.setSelectionRange(selectionStart - 1, selectionEnd - 1);
+          } else {
+            inputRef.value.value = value;
           }
         }
         if (value !== props.modelValue) {
@@ -4574,9 +4584,14 @@
       return () => {
         const disabled = getProp("disabled");
         const labelAlign = getProp("labelAlign");
-        const Label = renderLabel();
         const LeftIcon = renderLeftIcon();
-        const renderTitle = () => labelAlign === "top" ? [LeftIcon, Label] : Label;
+        const renderTitle = () => {
+          const Label = renderLabel();
+          if (labelAlign === "top") {
+            return [LeftIcon, Label].filter(Boolean);
+          }
+          return Label || [];
+        };
         return vue.createVNode(Cell, {
           "size": props.size,
           "class": bem$18({
@@ -4596,7 +4611,7 @@
           "arrowDirection": props.arrowDirection
         }, {
           icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
-          title: Label || labelAlign === "top" ? renderTitle : null,
+          title: renderTitle,
           value: renderFieldBody,
           extra: slots.extra
         });
@@ -6857,8 +6872,10 @@
         loading.value = true;
       });
       const onLoad = (event) => {
-        loading.value = false;
-        emit("load", event);
+        if (loading.value) {
+          loading.value = false;
+          emit("load", event);
+        }
       };
       const onError = (event) => {
         error.value = true;
@@ -6906,6 +6923,7 @@
           }, attrs), null), [[vue.resolveDirective("lazy"), props.src]]);
         }
         return vue.createVNode("img", vue.mergeProps({
+          "ref": imageRef,
           "src": props.src,
           "onLoad": onLoad,
           "onError": onError
@@ -6940,6 +6958,14 @@
           $Lazyload.$off("error", onLazyLoadError);
         });
       }
+      vue.onMounted(() => {
+        vue.nextTick(() => {
+          var _a;
+          if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
+            onLoad();
+          }
+        });
+      });
       return () => {
         var _a;
         return vue.createVNode("div", {
@@ -16027,7 +16053,7 @@
       });
     }
   };
-  const version = "4.0.1";
+  const version = "4.0.3";
   function install(app) {
     const components = [
       ActionBar,