vant 3.6.3 → 3.6.5

package/lib/vant.js

@@ -6530,17 +6530,19 @@
         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));
         }
@@ -6642,13 +6644,14 @@
         }
       };
       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
           }]
@@ -6661,7 +6664,13 @@
           }]),
           "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) => {
@@ -6715,37 +6724,31 @@
         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();
@@ -9910,7 +9913,8 @@
     },
     emits: ["scale", "close"],
     setup(props, {
-      emit
+      emit,
+      slots
     }) {
       const state = vue.reactive({
         scale: 1,
@@ -10128,7 +10132,11 @@
           "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", {
@@ -10237,7 +10245,9 @@
           "rootHeight": state.rootHeight,
           "onScale": emitScale,
           "onClose": emitClose
-        }, null))]
+        }, {
+          image: slots.image
+        }))]
       });
       const renderClose = () => {
         if (props.closeable) {
@@ -16037,15 +16047,14 @@
         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() {
@@ -16142,7 +16151,7 @@
       });
     }
   };
-  const version = "3.6.3";
+  const version = "3.6.5";
   function install(app) {
     const components = [
       ActionBar,