vant 4.0.2 → 4.0.3

package/README.md

@@ -81,6 +81,10 @@ app.use(Button);
 
 See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
 
+## Start On Visual Studio Code Web
+
+[https://github.dev/youzan/vant](https://github.dev/youzan/vant)
+
 ## Browser Support
 
 Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.

package/es/cell/Cell.mjs

@@ -43,11 +43,16 @@ var stdin_default = defineComponent({
       }
     };
     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 _createVNode("div", {
           "class": [bem("title"), props.titleClass],
           "style": props.titleStyle
-        }, [slots.title ? slots.title() : _createVNode("span", null, [props.title]), renderLabel()]);
+        }, [titleSlot || _createVNode("span", null, [props.title]), renderLabel()]);
       }
     };
     const renderValue = () => {

package/es/field/Field.mjs

@@ -436,9 +436,14 @@ var stdin_default = defineComponent({
     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 _createVNode(Cell, {
         "size": props.size,
         "class": bem({
@@ -458,7 +463,7 @@ var stdin_default = defineComponent({
         "arrowDirection": props.arrowDirection
       }, {
         icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
-        title: Label || labelAlign === "top" ? renderTitle : null,
+        title: renderTitle,
         value: renderFieldBody,
         extra: slots.extra
       });

package/es/image/Image.mjs

@@ -138,10 +138,12 @@ var stdin_default = defineComponent({
       });
     }
     onMounted(() => {
-      var _a;
-      if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
-        onLoad();
-      }
+      nextTick(() => {
+        var _a;
+        if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
+          onLoad();
+        }
+      });
     });
     return () => {
       var _a;

package/es/index.d.ts

@@ -94,4 +94,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.2";
+export const version: "4.0.3";

package/es/index.mjs

@@ -87,7 +87,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.2";
+const version = "4.0.3";
 function install(app) {
   const components = [
     ActionBar,

package/lib/cell/Cell.js

@@ -67,11 +67,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const renderTitle = () => {
+      var _a;
       if (slots.title || (0, import_utils.isDef)(props.title)) {
+        const titleSlot = (_a = slots.title) == null ? void 0 : _a.call(slots);
+        if (Array.isArray(titleSlot) && titleSlot.length === 0) {
+          return;
+        }
         return (0, import_vue.createVNode)("div", {
           "class": [bem("title"), props.titleClass],
           "style": props.titleStyle
-        }, [slots.title ? slots.title() : (0, import_vue.createVNode)("span", null, [props.title]), renderLabel()]);
+        }, [titleSlot || (0, import_vue.createVNode)("span", null, [props.title]), renderLabel()]);
       }
     };
     const renderValue = () => {

package/lib/field/Field.js

@@ -460,9 +460,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
     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 (0, import_vue.createVNode)(import_cell.Cell, {
         "size": props.size,
         "class": bem({
@@ -482,7 +487,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "arrowDirection": props.arrowDirection
       }, {
         icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
-        title: Label || labelAlign === "top" ? renderTitle : null,
+        title: renderTitle,
         value: renderFieldBody,
         extra: slots.extra
       });

package/lib/image/Image.js

@@ -161,10 +161,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       });
     }
     (0, import_vue2.onMounted)(() => {
-      var _a;
-      if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
-        onLoad();
-      }
+      (0, import_vue2.nextTick)(() => {
+        var _a;
+        if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
+          onLoad();
+        }
+      });
     });
     return () => {
       var _a;

package/lib/index.d.ts

@@ -94,4 +94,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.2";
+export const version: "4.0.3";

package/lib/index.js

@@ -202,7 +202,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.2";
+const version = "4.0.3";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/vant.cjs.js

@@ -3479,11 +3479,16 @@ var stdin_default$1l = vue.defineComponent({
       }
     };
     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 = () => {
@@ -4221,9 +4226,14 @@ var stdin_default$1j = vue.defineComponent({
     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({
@@ -4243,7 +4253,7 @@ var stdin_default$1j = vue.defineComponent({
         "arrowDirection": props.arrowDirection
       }, {
         icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
-        title: Label || labelAlign === "top" ? renderTitle : null,
+        title: renderTitle,
         value: renderFieldBody,
         extra: slots.extra
       });
@@ -6594,10 +6604,12 @@ var stdin_default$13 = vue.defineComponent({
       });
     }
     vue.onMounted(() => {
-      var _a;
-      if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
-        onLoad();
-      }
+      vue.nextTick(() => {
+        var _a;
+        if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
+          onLoad();
+        }
+      });
     });
     return () => {
       var _a;
@@ -14835,7 +14847,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.2";
+const version = "4.0.3";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -3477,11 +3477,16 @@ var stdin_default$1l = defineComponent({
       }
     };
     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 createVNode("div", {
           "class": [bem$1a("title"), props.titleClass],
           "style": props.titleStyle
-        }, [slots.title ? slots.title() : createVNode("span", null, [props.title]), renderLabel()]);
+        }, [titleSlot || createVNode("span", null, [props.title]), renderLabel()]);
       }
     };
     const renderValue = () => {
@@ -4219,9 +4224,14 @@ var stdin_default$1j = defineComponent({
     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 createVNode(Cell, {
         "size": props.size,
         "class": bem$18({
@@ -4241,7 +4251,7 @@ var stdin_default$1j = defineComponent({
         "arrowDirection": props.arrowDirection
       }, {
         icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
-        title: Label || labelAlign === "top" ? renderTitle : null,
+        title: renderTitle,
         value: renderFieldBody,
         extra: slots.extra
       });
@@ -6592,10 +6602,12 @@ var stdin_default$13 = defineComponent({
       });
     }
     onMounted(() => {
-      var _a;
-      if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
-        onLoad();
-      }
+      nextTick(() => {
+        var _a;
+        if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
+          onLoad();
+        }
+      });
     });
     return () => {
       var _a;
@@ -14833,7 +14845,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.2";
+const version = "4.0.3";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -3837,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 = () => {
@@ -4579,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({
@@ -4601,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
         });
@@ -6949,10 +6959,12 @@
         });
       }
       vue.onMounted(() => {
-        var _a;
-        if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
-          onLoad();
-        }
+        vue.nextTick(() => {
+          var _a;
+          if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
+            onLoad();
+          }
+        });
       });
       return () => {
         var _a;
@@ -16041,7 +16053,7 @@
       });
     }
   };
-  const version = "4.0.2";
+  const version = "4.0.3";
   function install(app) {
     const components = [
       ActionBar,