vant 4.0.0-rc.0 → 4.0.0-rc.3

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;
 }
@@ -52,17 +63,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);
@@ -623,10 +623,10 @@ var stdin_default$1B = vue.defineComponent({
     const style = vue.computed(() => mapThemeVarsToCSSVars(extend({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
     if (inBrowser) {
       const addTheme = () => {
-        document.body.classList.add(`van-theme-${props.theme}`);
+        document.documentElement.classList.add(`van-theme-${props.theme}`);
       };
       const removeTheme = (theme = props.theme) => {
-        document.body.classList.remove(`van-theme-${theme}`);
+        document.documentElement.classList.remove(`van-theme-${theme}`);
       };
       vue.watch(() => props.theme, (newVal, oldVal) => {
         if (oldVal) {
@@ -3227,8 +3227,9 @@ var stdin_default$1i = vue.defineComponent({
     }, {
       immediate: true
     });
+    let lastEmittedModelValue;
     vue.watch(() => props.modelValue, (newValues) => {
-      if (!isSameValue(newValues, selectedValues.value)) {
+      if (!isSameValue(newValues, selectedValues.value) && !isSameValue(newValues, lastEmittedModelValue)) {
         selectedValues.value = newValues.slice(0);
       }
     }, {
@@ -3236,7 +3237,8 @@ var stdin_default$1i = vue.defineComponent({
     });
     vue.watch(selectedValues, (newValues) => {
       if (!isSameValue(newValues, props.modelValue)) {
-        emit("update:modelValue", newValues.slice(0));
+        lastEmittedModelValue = newValues.slice(0);
+        emit("update:modelValue", lastEmittedModelValue);
       }
     }, {
       immediate: true
@@ -4247,7 +4249,8 @@ var stdin_default$1d = vue.defineComponent({
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     let timer2;
     let clickable = false;
@@ -4295,6 +4298,11 @@ var stdin_default$1d = vue.defineComponent({
         type,
         message
       } = props;
+      if (slots.message) {
+        return vue.createVNode("div", {
+          "class": bem$12("text")
+        }, [slots.message()]);
+      }
       if (isDef(message) && message !== "") {
         return type === "html" ? vue.createVNode("div", {
           "key": 0,
@@ -5115,6 +5123,7 @@ var stdin_default$17 = vue.defineComponent({
     };
   }
 });
+const radioProps = checkerProps;
 const [name$10, bem$Y] = createNamespace("radio");
 var stdin_default$16 = vue.defineComponent({
   name: name$10,
@@ -6147,6 +6156,7 @@ const imageProps = {
   fit: String,
   position: String,
   round: Boolean,
+  block: Boolean,
   width: numericProp,
   height: numericProp,
   radius: numericProp,
@@ -6275,7 +6285,8 @@ var stdin_default$$ = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "class": bem$U({
-          round: props.round
+          round: props.round,
+          block: props.block
         }),
         "style": style.value
       }, [renderImage(), renderPlaceholder(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -10251,6 +10262,7 @@ var stdin_default$u = vue.defineComponent({
         background: props.background
       },
       "overlay": false,
+      "zIndex": props.zIndex,
       "position": props.position,
       "duration": 0.2,
       "lockScroll": props.lockScroll,
@@ -14529,7 +14541,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.0";
+const version = "4.0.0-rc.3";
 function install(app) {
   const components = [
     ActionBar,
@@ -14722,18 +14734,81 @@ exports.TimePicker = TimePicker;
 exports.Toast = Toast;
 exports.TreeSelect = TreeSelect;
 exports.Uploader = Uploader;
+exports.actionBarButtonProps = actionBarButtonProps;
+exports.actionBarIconProps = actionBarIconProps;
+exports.actionBarProps = actionBarProps;
+exports.actionSheetProps = actionSheetProps;
+exports.addressEditProps = addressEditProps;
+exports.addressListProps = addressListProps;
 exports.allowMultipleToast = allowMultipleToast;
+exports.areaProps = areaProps;
+exports.badgeProps = badgeProps;
+exports.buttonProps = buttonProps;
+exports.calendarProps = calendarProps;
+exports.cardProps = cardProps;
+exports.cascaderProps = cascaderProps;
+exports.cellGroupProps = cellGroupProps;
+exports.cellProps = cellProps;
+exports.checkboxGroupProps = checkboxGroupProps;
+exports.checkboxProps = checkboxProps;
+exports.circleProps = circleProps;
 exports.closeDialog = closeDialog;
 exports.closeNotify = closeNotify;
 exports.closeToast = closeToast;
+exports.colProps = colProps;
+exports.collapseItemProps = collapseItemProps;
+exports.collapseProps = collapseProps;
+exports.configProviderProps = configProviderProps;
+exports.contactCardProps = contactCardProps;
+exports.contactEditProps = contactEditProps;
+exports.contactListProps = contactListProps;
+exports.countDownProps = countDownProps;
+exports.couponCellProps = couponCellProps;
+exports.couponListProps = couponListProps;
+exports.datePickerProps = datePickerProps;
 exports.default = stdin_default;
+exports.dialogProps = dialogProps;
+exports.dividerProps = dividerProps;
+exports.dropdownItemProps = dropdownItemProps;
+exports.dropdownMenuProps = dropdownMenuProps;
+exports.emptyProps = emptyProps;
+exports.fieldProps = fieldProps;
+exports.formProps = formProps;
+exports.gridItemProps = gridItemProps;
+exports.gridProps = gridProps;
+exports.iconProps = iconProps;
+exports.imagePreviewProps = imagePreviewProps;
+exports.imageProps = imageProps;
+exports.indexAnchorProps = indexAnchorProps;
+exports.indexBarProps = indexBarProps;
 exports.install = install;
+exports.listProps = listProps;
+exports.loadingProps = loadingProps;
+exports.navBarProps = navBarProps;
+exports.noticeBarProps = noticeBarProps;
+exports.notifyProps = notifyProps;
+exports.numberKeyboardProps = numberKeyboardProps;
+exports.overlayProps = overlayProps;
+exports.paginationProps = paginationProps;
+exports.passwordInputProps = passwordInputProps;
+exports.pickerGroupProps = pickerGroupProps;
+exports.pickerProps = pickerProps;
+exports.popoverProps = popoverProps;
+exports.popupProps = popupProps$2;
+exports.progressProps = progressProps;
+exports.pullRefreshProps = pullRefreshProps;
+exports.radioGroupProps = radioGroupProps;
+exports.radioProps = radioProps;
+exports.rateProps = rateProps;
 exports.resetDialogDefaultOptions = resetDialogDefaultOptions;
 exports.resetNotifyDefaultOptions = resetNotifyDefaultOptions;
 exports.resetToastDefaultOptions = resetToastDefaultOptions;
+exports.rowProps = rowProps;
+exports.searchProps = searchProps;
 exports.setDialogDefaultOptions = setDialogDefaultOptions;
 exports.setNotifyDefaultOptions = setNotifyDefaultOptions;
 exports.setToastDefaultOptions = setToastDefaultOptions;
+exports.shareSheetProps = shareSheetProps;
 exports.showConfirmDialog = showConfirmDialog;
 exports.showDialog = showDialog;
 exports.showFailToast = showFailToast;
@@ -14742,4 +14817,25 @@ exports.showLoadingToast = showLoadingToast;
 exports.showNotify = showNotify;
 exports.showSuccessToast = showSuccessToast;
 exports.showToast = showToast;
+exports.sidebarItemProps = sidebarItemProps;
+exports.sidebarProps = sidebarProps;
+exports.skeletonProps = skeletonProps;
+exports.sliderProps = sliderProps;
+exports.spaceProps = spaceProps;
+exports.stepperProps = stepperProps;
+exports.stepsProps = stepsProps;
+exports.stickyProps = stickyProps;
+exports.submitBarProps = submitBarProps;
+exports.swipeCellProps = swipeCellProps;
+exports.swipeProps = swipeProps;
+exports.switchProps = switchProps;
+exports.tabProps = tabProps;
+exports.tabbarItemProps = tabbarItemProps;
+exports.tabbarProps = tabbarProps;
+exports.tabsProps = tabsProps;
+exports.tagProps = tagProps;
+exports.timePickerProps = timePickerProps;
+exports.toastProps = toastProps;
+exports.treeSelectProps = treeSelectProps;
+exports.uploaderProps = uploaderProps;
 exports.version = version;

package/lib/vant.es.js

@@ -1,6 +1,17 @@
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, raf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, useToggle, cancelRaf, useCountDown, useClickAway, inBrowser as inBrowser$1 } from "@vant/use";
 import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, withDirectives, vShow, Teleport, Fragment, onBeforeUpdate, createTextVNode, onUnmounted, createApp, 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;
 }
@@ -50,17 +61,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);
@@ -621,10 +621,10 @@ var stdin_default$1B = defineComponent({
     const style = computed(() => mapThemeVarsToCSSVars(extend({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
     if (inBrowser) {
       const addTheme = () => {
-        document.body.classList.add(`van-theme-${props.theme}`);
+        document.documentElement.classList.add(`van-theme-${props.theme}`);
       };
       const removeTheme = (theme = props.theme) => {
-        document.body.classList.remove(`van-theme-${theme}`);
+        document.documentElement.classList.remove(`van-theme-${theme}`);
       };
       watch(() => props.theme, (newVal, oldVal) => {
         if (oldVal) {
@@ -3225,8 +3225,9 @@ var stdin_default$1i = defineComponent({
     }, {
       immediate: true
     });
+    let lastEmittedModelValue;
     watch(() => props.modelValue, (newValues) => {
-      if (!isSameValue(newValues, selectedValues.value)) {
+      if (!isSameValue(newValues, selectedValues.value) && !isSameValue(newValues, lastEmittedModelValue)) {
         selectedValues.value = newValues.slice(0);
       }
     }, {
@@ -3234,7 +3235,8 @@ var stdin_default$1i = defineComponent({
     });
     watch(selectedValues, (newValues) => {
       if (!isSameValue(newValues, props.modelValue)) {
-        emit("update:modelValue", newValues.slice(0));
+        lastEmittedModelValue = newValues.slice(0);
+        emit("update:modelValue", lastEmittedModelValue);
       }
     }, {
       immediate: true
@@ -4245,7 +4247,8 @@ var stdin_default$1d = defineComponent({
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     let timer2;
     let clickable = false;
@@ -4293,6 +4296,11 @@ var stdin_default$1d = defineComponent({
         type,
         message
       } = props;
+      if (slots.message) {
+        return createVNode("div", {
+          "class": bem$12("text")
+        }, [slots.message()]);
+      }
       if (isDef(message) && message !== "") {
         return type === "html" ? createVNode("div", {
           "key": 0,
@@ -5113,6 +5121,7 @@ var stdin_default$17 = defineComponent({
     };
   }
 });
+const radioProps = checkerProps;
 const [name$10, bem$Y] = createNamespace("radio");
 var stdin_default$16 = defineComponent({
   name: name$10,
@@ -6145,6 +6154,7 @@ const imageProps = {
   fit: String,
   position: String,
   round: Boolean,
+  block: Boolean,
   width: numericProp,
   height: numericProp,
   radius: numericProp,
@@ -6273,7 +6283,8 @@ var stdin_default$$ = defineComponent({
       var _a;
       return createVNode("div", {
         "class": bem$U({
-          round: props.round
+          round: props.round,
+          block: props.block
         }),
         "style": style.value
       }, [renderImage(), renderPlaceholder(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
@@ -10249,6 +10260,7 @@ var stdin_default$u = defineComponent({
         background: props.background
       },
       "overlay": false,
+      "zIndex": props.zIndex,
       "position": props.position,
       "duration": 0.2,
       "lockScroll": props.lockScroll,
@@ -14527,7 +14539,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.0";
+const version = "4.0.0-rc.3";
 function install(app) {
   const components = [
     ActionBar,
@@ -14721,18 +14733,81 @@ export {
   Toast,
   TreeSelect,
   Uploader,
+  actionBarButtonProps,
+  actionBarIconProps,
+  actionBarProps,
+  actionSheetProps,
+  addressEditProps,
+  addressListProps,
   allowMultipleToast,
+  areaProps,
+  badgeProps,
+  buttonProps,
+  calendarProps,
+  cardProps,
+  cascaderProps,
+  cellGroupProps,
+  cellProps,
+  checkboxGroupProps,
+  checkboxProps,
+  circleProps,
   closeDialog,
   closeNotify,
   closeToast,
+  colProps,
+  collapseItemProps,
+  collapseProps,
+  configProviderProps,
+  contactCardProps,
+  contactEditProps,
+  contactListProps,
+  countDownProps,
+  couponCellProps,
+  couponListProps,
+  datePickerProps,
   stdin_default as default,
+  dialogProps,
+  dividerProps,
+  dropdownItemProps,
+  dropdownMenuProps,
+  emptyProps,
+  fieldProps,
+  formProps,
+  gridItemProps,
+  gridProps,
+  iconProps,
+  imagePreviewProps,
+  imageProps,
+  indexAnchorProps,
+  indexBarProps,
   install,
+  listProps,
+  loadingProps,
+  navBarProps,
+  noticeBarProps,
+  notifyProps,
+  numberKeyboardProps,
+  overlayProps,
+  paginationProps,
+  passwordInputProps,
+  pickerGroupProps,
+  pickerProps,
+  popoverProps,
+  popupProps$2 as popupProps,
+  progressProps,
+  pullRefreshProps,
+  radioGroupProps,
+  radioProps,
+  rateProps,
   resetDialogDefaultOptions,
   resetNotifyDefaultOptions,
   resetToastDefaultOptions,
+  rowProps,
+  searchProps,
   setDialogDefaultOptions,
   setNotifyDefaultOptions,
   setToastDefaultOptions,
+  shareSheetProps,
   showConfirmDialog,
   showDialog,
   showFailToast,
@@ -14741,5 +14816,26 @@ export {
   showNotify,
   showSuccessToast,
   showToast,
+  sidebarItemProps,
+  sidebarProps,
+  skeletonProps,
+  sliderProps,
+  spaceProps,
+  stepperProps,
+  stepsProps,
+  stickyProps,
+  submitBarProps,
+  swipeCellProps,
+  swipeProps,
+  switchProps,
+  tabProps,
+  tabbarItemProps,
+  tabbarProps,
+  tabsProps,
+  tagProps,
+  timePickerProps,
+  toastProps,
+  treeSelectProps,
+  uploaderProps,
   version
 };