vant 3.6.3 → 3.6.4

package/changelog.generated.md

@@ -1,3 +1,21 @@
+### [v3.6.4](https://github.com/vant-ui/vant/compare/v3.6.3...v3.6.4)
+
+`2022-10-07`
+
+**Bug Fixes**
+
+- Tabs: incorrect nav scroll animation in some cases [#11116](https://github.com/vant-ui/vant/issues/11116)
+- Tabs: scroll position when using nav-bottom slot [#11115](https://github.com/vant-ui/vant/issues/11115)
+
+**Document**
+
+- add faq of uni-app [#11114](https://github.com/vant-ui/vant/issues/11114)
+- changelog: vant@3.6.3 [#11086](https://github.com/vant-ui/vant/issues/11086)
+- fix website redirect [#11097](https://github.com/vant-ui/vant/issues/11097)
+
+**perf**
+
+- cli: code split documents [#11111](https://github.com/vant-ui/vant/issues/11111)
 ### [v3.6.3](https://github.com/vant-ui/vant/compare/v3.6.2...v3.6.3)
 
 `2022-09-24`
@@ -25,30 +43,4 @@
 **release**
 
 - @vant/cli 4.0.4 [f0d3e0](https://github.com/vant-ui/vant/commit/f0d3e04fba4ecb05d7893d290d48089e860e3ee6)
-### [v3.6.2](https://github.com/vant-ui/vant/compare/v3.6.1...v3.6.2)
-
-`2022-09-04`
-
-**Bug Fixes**
-
-- @vant/cli: add passive for global touchstart [#10979](https://github.com/vant-ui/vant/issues/10979)
-- area-data: update counties of Daxinganling region [#11000](https://github.com/vant-ui/vant/issues/11000)
-- Calendar: allow default date to be maxDate when enable allowSameDay [#10976](https://github.com/vant-ui/vant/issues/10976)
-- Calendar: range type defaultDate when set allowSameDay [#10971](https://github.com/vant-ui/vant/issues/10971)
-- indexBar: index-bar not positioned correctly when scrolled to the bottom [#10994](https://github.com/vant-ui/vant/issues/10994)
-- reduce passive event warning of touchmove event [#10975](https://github.com/vant-ui/vant/issues/10975)
-- Swipe: should not prevent touch move when reach edge [#10980](https://github.com/vant-ui/vant/issues/10980)
-
-**Document**
-
-- add function component style guide [#11003](https://github.com/vant-ui/vant/issues/11003)
-- add nuxt 3 guide [#10977](https://github.com/vant-ui/vant/issues/10977)
-- changelog: 3.6.1 [6a7376](https://github.com/vant-ui/vant/commit/6a7376d15d20bdd1641422ff2cb1c317fc987e89)
-- fix card overflow issue [#10988](https://github.com/vant-ui/vant/issues/10988)
-- prefer using externalVue in nuxt 3 [#10978](https://github.com/vant-ui/vant/issues/10978)
-- update quickstart guide [#11006](https://github.com/vant-ui/vant/issues/11006)
-
-**release**
-
-- @vant/area-data 1.3.2 [94c5af](https://github.com/vant-ui/vant/commit/94c5afe65caa97188fe3a800c52c629c1416ff41)
-- 3.6.2 [7afb74](https://github.com/vant-ui/vant/commit/7afb74345a39f23a3c62aa8b0e6d95de4c2b35de)
+- 3.6.3 [808ae4](https://github.com/vant-ui/vant/commit/808ae4a0760339e7903df7318b5a5514e328fff4)

package/es/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.4";

package/es/index.mjs

@@ -84,7 +84,7 @@ import { Tag } from "./tag/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.6.3";
+const version = "3.6.4";
 function install(app) {
   const components = [
     ActionBar,

package/es/tabs/Tabs.mjs

@@ -151,17 +151,19 @@ var stdin_default = 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));
       }
@@ -263,13 +265,14 @@ var stdin_default = 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("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
@@ -282,7 +285,13 @@ var stdin_default = 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) => {
@@ -336,37 +345,31 @@ var stdin_default = defineComponent({
       currentName,
       scrollIntoView
     });
-    return () => {
-      var _a2;
-      return _createVNode("div", {
-        "ref": root,
-        "class": bem([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(TabsContent, {
-        "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([props.type])
+    }, [props.sticky ? _createVNode(Sticky, {
+      "container": root.value,
+      "offsetTop": offsetTopPx.value,
+      "onScroll": onStickyScroll
+    }, {
+      default: () => [renderHeader()]
+    }) : renderHeader(), _createVNode(TabsContent, {
+      "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)];
+      }
+    })]);
   }
 });
 export {

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.4";

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.4";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

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();
@@ -14945,7 +14948,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.3";
+const version = "3.6.4";
 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();
@@ -14943,7 +14946,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.3";
+const version = "3.6.4";
 function install(app) {
   const components = [
     ActionBar,