vant 3.6.3 → 3.6.5

package/lib/index.d.ts

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

package/lib/index.js

@@ -196,7 +196,7 @@ __reExport(stdin_exports, require("./tag"), 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 = "3.6.3";
+const version = "3.6.5";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/lazyload/vue-lazyload/lazy-image.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_use = require("@vant/use");
 var import_util = require("./util");
 var import_utils = require("../../utils");
+var import_vue = require("vue");
 var stdin_default = (lazyManager) => ({
   props: {
     src: [String, Object],
@@ -31,15 +32,14 @@ var stdin_default = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h) {
-    return h(
+  render() {
+    var _a, _b;
+    return (0, import_vue.h)(
       this.tag,
       {
-        attrs: {
-          src: this.renderSrc
-        }
+        src: this.renderSrc
       },
-      this.$slots.default
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
     );
   },
   data() {

package/lib/tabs/Tabs.js

@@ -180,17 +180,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const newTab = children[newIndex];
       const newName = getTabName(newTab, newIndex);
       const shouldEmitChange = state.currentIndex !== null;
-      state.currentIndex = newIndex;
+      if (state.currentIndex !== newIndex) {
+        state.currentIndex = newIndex;
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+      }
       if (newName !== props.active) {
         emit("update:active", newName);
         if (shouldEmitChange) {
           emit("change", newName, newTab.title);
         }
       }
-      if (!skipScrollIntoView) {
-        scrollIntoView();
-      }
-      setLine();
       if (stickyFixed && !props.scrollspy) {
         (0, import_utils.setRootScrollTop)(Math.ceil((0, import_utils.getElementTop)(root.value) - offsetTopPx.value));
       }
@@ -292,13 +294,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const renderHeader = () => {
-      var _a2, _b2;
+      var _a2, _b2, _c;
       const {
         type,
-        border
+        border,
+        sticky
       } = props;
-      return (0, import_vue.createVNode)("div", {
-        "ref": wrapRef,
+      const Header = [(0, import_vue.createVNode)("div", {
+        "ref": sticky ? void 0 : wrapRef,
         "class": [bem("wrap"), {
           [import_utils.BORDER_TOP_BOTTOM]: type === "line" && border
         }]
@@ -311,7 +314,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)])]);
+      }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      if (sticky) {
+        return (0, import_vue.createVNode)("div", {
+          "ref": wrapRef
+        }, [Header]);
+      }
+      return Header;
     };
     (0, import_vue2.watch)([() => props.color, import_utils.windowWidth], setLine);
     (0, import_vue2.watch)(() => props.active, (value) => {
@@ -365,36 +374,30 @@ var stdin_default = (0, import_vue2.defineComponent)({
       currentName,
       scrollIntoView
     });
-    return () => {
-      var _a2;
-      return (0, import_vue.createVNode)("div", {
-        "ref": root,
-        "class": bem([props.type])
-      }, [props.sticky ? (0, import_vue.createVNode)(import_sticky.Sticky, {
-        "container": root.value,
-        "offsetTop": offsetTopPx.value,
-        "onScroll": onStickyScroll
-      }, {
-        default: () => {
-          var _a3;
-          return [renderHeader(), (_a3 = slots["nav-bottom"]) == null ? void 0 : _a3.call(slots)];
-        }
-      }) : [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)], (0, import_vue.createVNode)(import_TabsContent.default, {
-        "ref": contentRef,
-        "count": children.length,
-        "inited": state.inited,
-        "animated": props.animated,
-        "duration": props.duration,
-        "swipeable": props.swipeable,
-        "lazyRender": props.lazyRender,
-        "currentIndex": state.currentIndex,
-        "onChange": setCurrentIndex
-      }, {
-        default: () => {
-          var _a3;
-          return [(_a3 = slots.default) == null ? void 0 : _a3.call(slots)];
-        }
-      })]);
-    };
+    return () => (0, import_vue.createVNode)("div", {
+      "ref": root,
+      "class": bem([props.type])
+    }, [props.sticky ? (0, import_vue.createVNode)(import_sticky.Sticky, {
+      "container": root.value,
+      "offsetTop": offsetTopPx.value,
+      "onScroll": onStickyScroll
+    }, {
+      default: () => [renderHeader()]
+    }) : renderHeader(), (0, import_vue.createVNode)(import_TabsContent.default, {
+      "ref": contentRef,
+      "count": children.length,
+      "inited": state.inited,
+      "animated": props.animated,
+      "duration": props.duration,
+      "swipeable": props.swipeable,
+      "lazyRender": props.lazyRender,
+      "currentIndex": state.currentIndex,
+      "onChange": setCurrentIndex
+    }, {
+      default: () => {
+        var _a2;
+        return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
+      }
+    })]);
   }
 });

package/lib/vant.cjs.js

@@ -6184,17 +6184,19 @@ var stdin_default$11 = vue.defineComponent({
       const newTab = children[newIndex];
       const newName = getTabName(newTab, newIndex);
       const shouldEmitChange = state.currentIndex !== null;
-      state.currentIndex = newIndex;
+      if (state.currentIndex !== newIndex) {
+        state.currentIndex = newIndex;
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+      }
       if (newName !== props.active) {
         emit("update:active", newName);
         if (shouldEmitChange) {
           emit("change", newName, newTab.title);
         }
       }
-      if (!skipScrollIntoView) {
-        scrollIntoView();
-      }
-      setLine();
       if (stickyFixed && !props.scrollspy) {
         setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
       }
@@ -6296,13 +6298,14 @@ var stdin_default$11 = vue.defineComponent({
       }
     };
     const renderHeader = () => {
-      var _a2, _b2;
+      var _a2, _b2, _c;
       const {
         type,
-        border
+        border,
+        sticky
       } = props;
-      return vue.createVNode("div", {
-        "ref": wrapRef,
+      const Header = [vue.createVNode("div", {
+        "ref": sticky ? void 0 : wrapRef,
         "class": [bem$W("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
@@ -6315,7 +6318,13 @@ var stdin_default$11 = vue.defineComponent({
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)])]);
+      }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      if (sticky) {
+        return vue.createVNode("div", {
+          "ref": wrapRef
+        }, [Header]);
+      }
+      return Header;
     };
     vue.watch([() => props.color, windowWidth], setLine);
     vue.watch(() => props.active, (value) => {
@@ -6369,37 +6378,31 @@ var stdin_default$11 = vue.defineComponent({
       currentName,
       scrollIntoView
     });
-    return () => {
-      var _a2;
-      return vue.createVNode("div", {
-        "ref": root,
-        "class": bem$W([props.type])
-      }, [props.sticky ? vue.createVNode(Sticky, {
-        "container": root.value,
-        "offsetTop": offsetTopPx.value,
-        "onScroll": onStickyScroll
-      }, {
-        default: () => {
-          var _a3;
-          return [renderHeader(), (_a3 = slots["nav-bottom"]) == null ? void 0 : _a3.call(slots)];
-        }
-      }) : [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)], vue.createVNode(stdin_default$12, {
-        "ref": contentRef,
-        "count": children.length,
-        "inited": state.inited,
-        "animated": props.animated,
-        "duration": props.duration,
-        "swipeable": props.swipeable,
-        "lazyRender": props.lazyRender,
-        "currentIndex": state.currentIndex,
-        "onChange": setCurrentIndex
-      }, {
-        default: () => {
-          var _a3;
-          return [(_a3 = slots.default) == null ? void 0 : _a3.call(slots)];
-        }
-      })]);
-    };
+    return () => vue.createVNode("div", {
+      "ref": root,
+      "class": bem$W([props.type])
+    }, [props.sticky ? vue.createVNode(Sticky, {
+      "container": root.value,
+      "offsetTop": offsetTopPx.value,
+      "onScroll": onStickyScroll
+    }, {
+      default: () => [renderHeader()]
+    }) : renderHeader(), vue.createVNode(stdin_default$12, {
+      "ref": contentRef,
+      "count": children.length,
+      "inited": state.inited,
+      "animated": props.animated,
+      "duration": props.duration,
+      "swipeable": props.swipeable,
+      "lazyRender": props.lazyRender,
+      "currentIndex": state.currentIndex,
+      "onChange": setCurrentIndex
+    }, {
+      default: () => {
+        var _a2;
+        return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
+      }
+    })]);
   }
 });
 const TAB_STATUS_KEY = Symbol();
@@ -9593,7 +9596,8 @@ var stdin_default$A = vue.defineComponent({
   },
   emits: ["scale", "close"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const state = vue.reactive({
       scale: 1,
@@ -9811,7 +9815,11 @@ var stdin_default$A = vue.defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [vue.createVNode(Image$1, {
+        default: () => [slots.image ? vue.createVNode("div", {
+          "class": bem$v("image-wrap")
+        }, [slots.image({
+          src: props.src
+        })]) : vue.createVNode(Image$1, {
           "src": props.src,
           "fit": "contain",
           "class": bem$v("image", {
@@ -9920,7 +9928,9 @@ var stdin_default$z = vue.defineComponent({
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
         "onClose": emitClose
-      }, null))]
+      }, {
+        image: slots.image
+      }))]
     });
     const renderClose = () => {
       if (props.closeable) {
@@ -14835,15 +14845,14 @@ var stdin_default$1 = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h) {
-    return h(
+  render() {
+    var _a, _b;
+    return vue.h(
       this.tag,
       {
-        attrs: {
-          src: this.renderSrc
-        }
+        src: this.renderSrc
       },
-      this.$slots.default
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
     );
   },
   data() {
@@ -14945,7 +14954,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.3";
+const version = "3.6.5";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -6182,17 +6182,19 @@ var stdin_default$11 = defineComponent({
       const newTab = children[newIndex];
       const newName = getTabName(newTab, newIndex);
       const shouldEmitChange = state.currentIndex !== null;
-      state.currentIndex = newIndex;
+      if (state.currentIndex !== newIndex) {
+        state.currentIndex = newIndex;
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+      }
       if (newName !== props.active) {
         emit("update:active", newName);
         if (shouldEmitChange) {
           emit("change", newName, newTab.title);
         }
       }
-      if (!skipScrollIntoView) {
-        scrollIntoView();
-      }
-      setLine();
       if (stickyFixed && !props.scrollspy) {
         setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
       }
@@ -6294,13 +6296,14 @@ var stdin_default$11 = defineComponent({
       }
     };
     const renderHeader = () => {
-      var _a2, _b2;
+      var _a2, _b2, _c;
       const {
         type,
-        border
+        border,
+        sticky
       } = props;
-      return createVNode("div", {
-        "ref": wrapRef,
+      const Header = [createVNode("div", {
+        "ref": sticky ? void 0 : wrapRef,
         "class": [bem$W("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
@@ -6313,7 +6316,13 @@ var stdin_default$11 = defineComponent({
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)])]);
+      }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      if (sticky) {
+        return createVNode("div", {
+          "ref": wrapRef
+        }, [Header]);
+      }
+      return Header;
     };
     watch([() => props.color, windowWidth], setLine);
     watch(() => props.active, (value) => {
@@ -6367,37 +6376,31 @@ var stdin_default$11 = defineComponent({
       currentName,
       scrollIntoView
     });
-    return () => {
-      var _a2;
-      return createVNode("div", {
-        "ref": root,
-        "class": bem$W([props.type])
-      }, [props.sticky ? createVNode(Sticky, {
-        "container": root.value,
-        "offsetTop": offsetTopPx.value,
-        "onScroll": onStickyScroll
-      }, {
-        default: () => {
-          var _a3;
-          return [renderHeader(), (_a3 = slots["nav-bottom"]) == null ? void 0 : _a3.call(slots)];
-        }
-      }) : [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)], createVNode(stdin_default$12, {
-        "ref": contentRef,
-        "count": children.length,
-        "inited": state.inited,
-        "animated": props.animated,
-        "duration": props.duration,
-        "swipeable": props.swipeable,
-        "lazyRender": props.lazyRender,
-        "currentIndex": state.currentIndex,
-        "onChange": setCurrentIndex
-      }, {
-        default: () => {
-          var _a3;
-          return [(_a3 = slots.default) == null ? void 0 : _a3.call(slots)];
-        }
-      })]);
-    };
+    return () => createVNode("div", {
+      "ref": root,
+      "class": bem$W([props.type])
+    }, [props.sticky ? createVNode(Sticky, {
+      "container": root.value,
+      "offsetTop": offsetTopPx.value,
+      "onScroll": onStickyScroll
+    }, {
+      default: () => [renderHeader()]
+    }) : renderHeader(), createVNode(stdin_default$12, {
+      "ref": contentRef,
+      "count": children.length,
+      "inited": state.inited,
+      "animated": props.animated,
+      "duration": props.duration,
+      "swipeable": props.swipeable,
+      "lazyRender": props.lazyRender,
+      "currentIndex": state.currentIndex,
+      "onChange": setCurrentIndex
+    }, {
+      default: () => {
+        var _a2;
+        return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
+      }
+    })]);
   }
 });
 const TAB_STATUS_KEY = Symbol();
@@ -9591,7 +9594,8 @@ var stdin_default$A = defineComponent({
   },
   emits: ["scale", "close"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const state = reactive({
       scale: 1,
@@ -9809,7 +9813,11 @@ var stdin_default$A = defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [createVNode(Image$1, {
+        default: () => [slots.image ? createVNode("div", {
+          "class": bem$v("image-wrap")
+        }, [slots.image({
+          src: props.src
+        })]) : createVNode(Image$1, {
           "src": props.src,
           "fit": "contain",
           "class": bem$v("image", {
@@ -9918,7 +9926,9 @@ var stdin_default$z = defineComponent({
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
         "onClose": emitClose
-      }, null))]
+      }, {
+        image: slots.image
+      }))]
     });
     const renderClose = () => {
       if (props.closeable) {
@@ -14833,15 +14843,14 @@ var stdin_default$1 = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h2) {
-    return h2(
+  render() {
+    var _a, _b;
+    return h(
       this.tag,
       {
-        attrs: {
-          src: this.renderSrc
-        }
+        src: this.renderSrc
       },
-      this.$slots.default
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
     );
   },
   data() {
@@ -14943,7 +14952,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.3";
+const version = "3.6.5";
 function install(app) {
   const components = [
     ActionBar,