vant 3.6.2 → 3.6.3

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.2";
+export const version: "3.6.3";

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

package/lib/tab/Tab.js

@@ -78,6 +78,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return isActive;
     });
+    const hasInactiveClass = (0, import_vue2.ref)(!active.value);
+    (0, import_vue2.watch)(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        (0, import_use.doubleRaf)(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
     (0, import_vue2.watch)(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
@@ -101,7 +111,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "id": id,
           "role": "tabpanel",
           "class": bem("panel-wrapper", {
-            inactive: !active.value
+            inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,

package/lib/tabs/Tabs.js

@@ -172,7 +172,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         index += diff;
       }
     };
-    const setCurrentIndex = (currentIndex) => {
+    const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
       const newIndex = findAvailableTab(currentIndex);
       if (!(0, import_utils.isDef)(newIndex)) {
         return;
@@ -187,11 +187,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
           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));
+      }
     };
-    const setCurrentIndexByName = (name2) => {
+    const setCurrentIndexByName = (name2, skipScrollIntoView) => {
       const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
       const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index);
+      setCurrentIndex(index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {
@@ -321,15 +328,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         });
       }
     });
-    (0, import_vue2.watch)(() => state.currentIndex, () => {
-      scrollIntoView();
-      setLine();
-      if (stickyFixed && !props.scrollspy) {
-        (0, import_utils.setRootScrollTop)(Math.ceil((0, import_utils.getElementTop)(root.value) - offsetTopPx.value));
-      }
-    });
     const init = () => {
-      setCurrentIndexByName(props.active);
+      setCurrentIndexByName(props.active, true);
       (0, import_vue2.nextTick)(() => {
         state.inited = true;
         if (wrapRef.value) {

package/lib/utils/basic.js

@@ -25,6 +25,7 @@ __export(stdin_exports, {
   toArray: () => toArray
 });
 module.exports = __toCommonJS(stdin_exports);
+var import_validate = require("./validate");
 function noop() {
 }
 const extend = Object.assign;
@@ -34,7 +35,7 @@ function get(object, path) {
   let result = object;
   keys.forEach((key) => {
     var _a;
-    result = (_a = result[key]) != null ? _a : "";
+    result = (0, import_validate.isObject)(result) ? (_a = result[key]) != null ? _a : "" : "";
   });
   return result;
 }

package/lib/vant.cjs.js

@@ -3,6 +3,17 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const use = require("@vant/use");
 const vue = require("vue");
 const popperjs = require("@vant/popperjs");
+const isDef = (val) => val !== void 0 && val !== null;
+const isFunction = (val) => typeof val === "function";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
+const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+function isMobile(value) {
+  value = value.replace(/[^-|\d]/g, "");
+  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
+}
+const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+const isIOS$1 = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 function noop() {
 }
 const extend = Object.assign;
@@ -12,7 +23,7 @@ function get(object, path) {
   let result = object;
   keys.forEach((key) => {
     var _a;
-    result = (_a = result[key]) != null ? _a : "";
+    result = isObject(result) ? (_a = result[key]) != null ? _a : "" : "";
   });
   return result;
 }
@@ -51,17 +62,6 @@ const makeStringProp = (defaultVal) => ({
   type: String,
   default: defaultVal
 });
-const isDef = (val) => val !== void 0 && val !== null;
-const isFunction = (val) => typeof val === "function";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
-const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
-function isMobile(value) {
-  value = value.replace(/[^-|\d]/g, "");
-  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
-}
-const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
-const isIOS$1 = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 function getScrollTop(el) {
   const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);
@@ -5126,6 +5126,7 @@ const imageProps = {
   fit: String,
   position: String,
   round: Boolean,
+  block: Boolean,
   width: numericProp,
   height: numericProp,
   radius: numericProp,
@@ -5254,7 +5255,8 @@ var stdin_default$17 = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "class": bem$10({
-          round: props.round
+          round: props.round,
+          block: props.block
         }),
         "style": style.value
       }, [renderImage(), renderPlaceholder(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -6174,7 +6176,7 @@ var stdin_default$11 = vue.defineComponent({
         index += diff;
       }
     };
-    const setCurrentIndex = (currentIndex) => {
+    const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
       const newIndex = findAvailableTab(currentIndex);
       if (!isDef(newIndex)) {
         return;
@@ -6189,11 +6191,18 @@ var stdin_default$11 = vue.defineComponent({
           emit("change", newName, newTab.title);
         }
       }
+      if (!skipScrollIntoView) {
+        scrollIntoView();
+      }
+      setLine();
+      if (stickyFixed && !props.scrollspy) {
+        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
+      }
     };
-    const setCurrentIndexByName = (name2) => {
+    const setCurrentIndexByName = (name2, skipScrollIntoView) => {
       const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
       const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index);
+      setCurrentIndex(index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {
@@ -6323,15 +6332,8 @@ var stdin_default$11 = vue.defineComponent({
         });
       }
     });
-    vue.watch(() => state.currentIndex, () => {
-      scrollIntoView();
-      setLine();
-      if (stickyFixed && !props.scrollspy) {
-        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
-      }
-    });
     const init = () => {
-      setCurrentIndexByName(props.active);
+      setCurrentIndexByName(props.active, true);
       vue.nextTick(() => {
         state.inited = true;
         if (wrapRef.value) {
@@ -6524,6 +6526,16 @@ var stdin_default$$ = vue.defineComponent({
       }
       return isActive;
     });
+    const hasInactiveClass = vue.ref(!active.value);
+    vue.watch(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        use.doubleRaf(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
     vue.watch(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
@@ -6547,7 +6559,7 @@ var stdin_default$$ = vue.defineComponent({
           "id": id,
           "role": "tabpanel",
           "class": bem$U("panel-wrapper", {
-            inactive: !active.value
+            inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,
@@ -14933,7 +14945,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.2";
+const version = "3.6.3";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -1,6 +1,17 @@
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, useToggle, raf, useScrollParent, usePageVisibility, doubleRaf, cancelRaf, useCountDown, useClickAway, inBrowser as inBrowser$1 } from "@vant/use";
 import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, provide, watchEffect, mergeProps, onDeactivated, onBeforeUnmount, Transition, withDirectives, vShow, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, withKeys, onUpdated, h } from "vue";
 import { offsetModifier, createPopper } from "@vant/popperjs";
+const isDef = (val) => val !== void 0 && val !== null;
+const isFunction = (val) => typeof val === "function";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
+const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+function isMobile(value) {
+  value = value.replace(/[^-|\d]/g, "");
+  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
+}
+const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+const isIOS$1 = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 function noop() {
 }
 const extend = Object.assign;
@@ -10,7 +21,7 @@ function get(object, path) {
   let result = object;
   keys.forEach((key) => {
     var _a;
-    result = (_a = result[key]) != null ? _a : "";
+    result = isObject(result) ? (_a = result[key]) != null ? _a : "" : "";
   });
   return result;
 }
@@ -49,17 +60,6 @@ const makeStringProp = (defaultVal) => ({
   type: String,
   default: defaultVal
 });
-const isDef = (val) => val !== void 0 && val !== null;
-const isFunction = (val) => typeof val === "function";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
-const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
-function isMobile(value) {
-  value = value.replace(/[^-|\d]/g, "");
-  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
-}
-const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
-const isIOS$1 = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 function getScrollTop(el) {
   const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);
@@ -5124,6 +5124,7 @@ const imageProps = {
   fit: String,
   position: String,
   round: Boolean,
+  block: Boolean,
   width: numericProp,
   height: numericProp,
   radius: numericProp,
@@ -5252,7 +5253,8 @@ var stdin_default$17 = defineComponent({
       var _a;
       return createVNode("div", {
         "class": bem$10({
-          round: props.round
+          round: props.round,
+          block: props.block
         }),
         "style": style.value
       }, [renderImage(), renderPlaceholder(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -6172,7 +6174,7 @@ var stdin_default$11 = defineComponent({
         index += diff;
       }
     };
-    const setCurrentIndex = (currentIndex) => {
+    const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
       const newIndex = findAvailableTab(currentIndex);
       if (!isDef(newIndex)) {
         return;
@@ -6187,11 +6189,18 @@ var stdin_default$11 = defineComponent({
           emit("change", newName, newTab.title);
         }
       }
+      if (!skipScrollIntoView) {
+        scrollIntoView();
+      }
+      setLine();
+      if (stickyFixed && !props.scrollspy) {
+        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
+      }
     };
-    const setCurrentIndexByName = (name2) => {
+    const setCurrentIndexByName = (name2, skipScrollIntoView) => {
       const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
       const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index);
+      setCurrentIndex(index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {
@@ -6321,15 +6330,8 @@ var stdin_default$11 = defineComponent({
         });
       }
     });
-    watch(() => state.currentIndex, () => {
-      scrollIntoView();
-      setLine();
-      if (stickyFixed && !props.scrollspy) {
-        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
-      }
-    });
     const init = () => {
-      setCurrentIndexByName(props.active);
+      setCurrentIndexByName(props.active, true);
       nextTick(() => {
         state.inited = true;
         if (wrapRef.value) {
@@ -6522,6 +6524,16 @@ var stdin_default$$ = defineComponent({
       }
       return isActive;
     });
+    const hasInactiveClass = ref(!active.value);
+    watch(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        doubleRaf(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
     watch(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
@@ -6545,7 +6557,7 @@ var stdin_default$$ = defineComponent({
           "id": id,
           "role": "tabpanel",
           "class": bem$U("panel-wrapper", {
-            inactive: !active.value
+            inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,
@@ -14931,7 +14943,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.2";
+const version = "3.6.3";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -2,6 +2,17 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.vant = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
+  const isDef = (val) => val !== void 0 && val !== null;
+  const isFunction = (val) => typeof val === "function";
+  const isObject = (val) => val !== null && typeof val === "object";
+  const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
+  const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+  function isMobile(value) {
+    value = value.replace(/[^-|\d]/g, "");
+    return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
+  }
+  const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+  const isIOS$1 = () => inBrowser$1 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
   function noop() {
   }
   const extend = Object.assign;
@@ -11,7 +22,7 @@
     let result = object;
     keys.forEach((key) => {
       var _a;
-      result = (_a = result[key]) != null ? _a : "";
+      result = isObject(result) ? (_a = result[key]) != null ? _a : "" : "";
     });
     return result;
   }
@@ -418,17 +429,6 @@
       });
     }
   }
-  const isDef = (val) => val !== void 0 && val !== null;
-  const isFunction = (val) => typeof val === "function";
-  const isObject = (val) => val !== null && typeof val === "object";
-  const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
-  const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
-  function isMobile(value) {
-    value = value.replace(/[^-|\d]/g, "");
-    return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
-  }
-  const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
-  const isIOS$1 = () => inBrowser$1 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
   function getScrollTop(el) {
     const top2 = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
     return Math.max(top2, 0);
@@ -5482,6 +5482,7 @@
     fit: String,
     position: String,
     round: Boolean,
+    block: Boolean,
     width: numericProp,
     height: numericProp,
     radius: numericProp,
@@ -5610,7 +5611,8 @@
         var _a;
         return vue.createVNode("div", {
           "class": bem$10({
-            round: props.round
+            round: props.round,
+            block: props.block
           }),
           "style": style.value
         }, [renderImage(), renderPlaceholder(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -6520,7 +6522,7 @@
           index += diff;
         }
       };
-      const setCurrentIndex = (currentIndex) => {
+      const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
         const newIndex = findAvailableTab(currentIndex);
         if (!isDef(newIndex)) {
           return;
@@ -6535,11 +6537,18 @@
             emit("change", newName, newTab.title);
           }
         }
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+        if (stickyFixed && !props.scrollspy) {
+          setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
+        }
       };
-      const setCurrentIndexByName = (name2) => {
+      const setCurrentIndexByName = (name2, skipScrollIntoView) => {
         const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
         const index = matched ? children.indexOf(matched) : 0;
-        setCurrentIndex(index);
+        setCurrentIndex(index, skipScrollIntoView);
       };
       const scrollToCurrentContent = (immediate = false) => {
         if (props.scrollspy) {
@@ -6669,15 +6678,8 @@
           });
         }
       });
-      vue.watch(() => state.currentIndex, () => {
-        scrollIntoView();
-        setLine();
-        if (stickyFixed && !props.scrollspy) {
-          setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
-        }
-      });
       const init = () => {
-        setCurrentIndexByName(props.active);
+        setCurrentIndexByName(props.active, true);
         vue.nextTick(() => {
           state.inited = true;
           if (wrapRef.value) {
@@ -6864,6 +6866,16 @@
         }
         return isActive;
       });
+      const hasInactiveClass = vue.ref(!active.value);
+      vue.watch(active, (val) => {
+        if (val) {
+          hasInactiveClass.value = false;
+        } else {
+          doubleRaf(() => {
+            hasInactiveClass.value = true;
+          });
+        }
+      });
       vue.watch(() => props.title, () => {
         parent.setLine();
         parent.scrollIntoView();
@@ -6887,7 +6899,7 @@
             "id": id,
             "role": "tabpanel",
             "class": bem$U("panel-wrapper", {
-              inactive: !active.value
+              inactive: hasInactiveClass.value
             }),
             "tabindex": active.value ? 0 : -1,
             "aria-hidden": !active.value,
@@ -16130,7 +16142,7 @@
       });
     }
   };
-  const version = "3.6.2";
+  const version = "3.6.3";
   function install(app) {
     const components = [
       ActionBar,