vant 3.6.1 → 3.6.2

package/lib/vant.es.js

@@ -330,9 +330,15 @@ function genBem(name2, mods) {
     return ` ${name2}--${mods}`;
   }
   if (Array.isArray(mods)) {
-    return mods.reduce((ret, item) => ret + genBem(name2, item), "");
-  }
-  return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? genBem(name2, key) : ""), "");
+    return mods.reduce(
+      (ret, item) => ret + genBem(name2, item),
+      ""
+    );
+  }
+  return Object.keys(mods).reduce(
+    (ret, key) => ret + (mods[key] ? genBem(name2, key) : ""),
+    ""
+  );
 }
 function createBEM(name2) {
   return (el, mods) => {
@@ -388,8 +394,10 @@ function callInterceptor(interceptor, {
 function withInstall(options) {
   options.install = (app) => {
     const { name: name2 } = options;
-    app.component(name2, options);
-    app.component(camelize(`-${name2}`), options);
+    if (name2) {
+      app.component(name2, options);
+      app.component(camelize(`-${name2}`), options);
+    }
   };
   return options;
 }
@@ -1018,7 +1026,9 @@ const popupSharedProps = {
   transitionAppear: Boolean,
   closeOnClickOverlay: truthProp
 };
-const popupSharedPropKeys = Object.keys(popupSharedProps);
+const popupSharedPropKeys = Object.keys(
+  popupSharedProps
+);
 function getDirection(x, y) {
   if (x > y) {
     return "horizontal";
@@ -1085,7 +1095,10 @@ function useLockScroll(rootRef, shouldLock) {
   const onTouchMove = (event) => {
     touch.move(event);
     const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
-    const el = getScrollParent(event.target, rootRef.value);
+    const el = getScrollParent(
+      event.target,
+      rootRef.value
+    );
     const { scrollHeight, offsetHeight, scrollTop } = el;
     let status = "11";
     if (scrollTop === 0) {
@@ -1126,11 +1139,15 @@ function useLockScroll(rootRef, shouldLock) {
 }
 function useLazyRender(show) {
   const inited = ref(false);
-  watch(show, (value) => {
-    if (value) {
-      inited.value = value;
-    }
-  }, { immediate: true });
+  watch(
+    show,
+    (value) => {
+      if (value) {
+        inited.value = value;
+      }
+    },
+    { immediate: true }
+  );
   return (render) => () => inited.value ? render() : null;
 }
 const [name$1n, bem$1j] = createNamespace("overlay");
@@ -1149,9 +1166,12 @@ var stdin_default$1u = defineComponent({
   setup(props, {
     slots
   }) {
+    const root = ref();
     const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
-    const preventTouchMove = (event) => {
-      preventDefault(event, true);
+    const onTouchMove = (event) => {
+      if (props.lockScroll) {
+        preventDefault(event, true);
+      }
     };
     const renderOverlay = lazyRender(() => {
       var _a;
@@ -1160,11 +1180,14 @@ var stdin_default$1u = defineComponent({
         style.animationDuration = `${props.duration}s`;
       }
       return withDirectives(createVNode("div", {
+        "ref": root,
         "style": style,
-        "class": [bem$1j(), props.className],
-        "onTouchmove": props.lockScroll ? preventTouchMove : noop
+        "class": [bem$1j(), props.className]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vShow, props.show]]);
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: root
+    });
     return () => createVNode(Transition, {
       "name": "van-fade",
       "appear": true
@@ -1540,6 +1563,7 @@ var stdin_default$1r = defineComponent({
     let touchStartTime;
     let momentumOffset;
     let transitionEndTrigger;
+    const root = ref();
     const wrapper = ref();
     const state = reactive({
       index: props.defaultIndex,
@@ -1715,10 +1739,13 @@ var stdin_default$1r = defineComponent({
     });
     watch(() => props.initialOptions, setOptions);
     watch(() => props.defaultIndex, (value) => setIndex(value));
+    useEventListener("touchmove", onTouchMove, {
+      target: root
+    });
     return () => createVNode("div", {
+      "ref": root,
       "class": [bem$1g(), props.className],
       "onTouchstartPassive": onTouchStart,
-      "onTouchmove": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
     }, [createVNode("ul", {
@@ -1770,6 +1797,7 @@ var stdin_default$1q = defineComponent({
       }
     }
     const hasOptions = ref(false);
+    const columnsRef = ref();
     const formattedColumns = ref([]);
     const columnsFieldNames = computed(() => {
       const {
@@ -2006,14 +2034,17 @@ var stdin_default$1q = defineComponent({
         height: `${wrapHeight}px`
       };
       return createVNode("div", {
+        "ref": columnsRef,
         "class": bem$1f("columns"),
-        "style": columnsStyle,
-        "onTouchmove": preventDefault
+        "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
     watch(() => props.columns, format2, {
       immediate: true
     });
+    useEventListener("touchmove", preventDefault, {
+      target: columnsRef
+    });
     useExpose({
       confirm,
       getValues,
@@ -2691,6 +2722,7 @@ var stdin_default$1m = defineComponent({
       validateMessage: ""
     });
     const inputRef = ref();
+    const clearIconRef = ref();
     const customValue = ref();
     const {
       parent: form
@@ -3006,9 +3038,9 @@ var stdin_default$1m = defineComponent({
     const renderFieldBody = () => [createVNode("div", {
       "class": bem$1b("body")
     }, [renderInput(), showClear.value && createVNode(Icon, {
+      "ref": clearIconRef,
       "name": props.clearIcon,
-      "class": bem$1b("clear"),
-      "onTouchstart": onClear
+      "class": bem$1b("clear")
     }, null), renderRightIcon(), slots.button && createVNode("div", {
       "class": bem$1b("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
@@ -3035,6 +3067,12 @@ var stdin_default$1m = defineComponent({
       updateValue(getModelValue(), props.formatTrigger);
       nextTick(adjustTextareaSize);
     });
+    useEventListener("touchstart", onClear, {
+      target: computed(() => {
+        var _a;
+        return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+      })
+    });
     return () => {
       const disabled = getProp("disabled");
       const labelAlign = getProp("labelAlign");
@@ -4755,7 +4793,8 @@ var stdin_default$18 = defineComponent({
       const {
         type,
         minDate,
-        maxDate
+        maxDate,
+        allowSameDay
       } = props;
       if (defaultDate === null) {
         return defaultDate;
@@ -4765,8 +4804,8 @@ var stdin_default$18 = defineComponent({
         if (!Array.isArray(defaultDate)) {
           defaultDate = [];
         }
-        const start = limitDateRange(defaultDate[0] || now, minDate, getPrevDay(maxDate));
-        const end = limitDateRange(defaultDate[1] || now, getNextDay(minDate));
+        const start = limitDateRange(defaultDate[0] || now, minDate, allowSameDay ? maxDate : getPrevDay(maxDate));
+        const end = limitDateRange(defaultDate[1] || now, allowSameDay ? minDate : getNextDay(minDate));
         return [start, end];
       }
       if (type === "multiple") {
@@ -5375,9 +5414,12 @@ function useVisibilityChange(target, onChange) {
   if (!inBrowser || !window.IntersectionObserver) {
     return;
   }
-  const observer = new IntersectionObserver((entries) => {
-    onChange(entries[0].intersectionRatio > 0);
-  }, { root: document.body });
+  const observer = new IntersectionObserver(
+    (entries) => {
+      onChange(entries[0].intersectionRatio > 0);
+    },
+    { root: document.body }
+  );
   const observe = () => {
     if (target.value) {
       observer.observe(target.value);
@@ -5613,6 +5655,7 @@ var stdin_default$13 = defineComponent({
     slots
   }) {
     const root = ref();
+    const track = ref();
     const state = reactive({
       rect: null,
       width: 0,
@@ -5799,10 +5842,13 @@ var stdin_default$13 = defineComponent({
       if (props.touchable && state.swiping) {
         touch.move(event);
         if (isCorrectDirection.value) {
-          preventDefault(event, props.stopPropagation);
-          move({
-            offset: delta.value
-          });
+          const isEdgeTouch = !props.loop && (state.active === 0 && delta.value > 0 || state.active === count.value - 1 && delta.value < 0);
+          if (!isEdgeTouch) {
+            preventDefault(event, props.stopPropagation);
+            move({
+              offset: delta.value
+            });
+          }
         }
       }
     };
@@ -5912,18 +5958,21 @@ var stdin_default$13 = defineComponent({
     onPopupReopen(() => initialize(state.active));
     onDeactivated(stopAutoplay);
     onBeforeUnmount(stopAutoplay);
+    useEventListener("touchmove", onTouchMove, {
+      target: track
+    });
     return () => {
       var _a;
       return createVNode("div", {
         "ref": root,
         "class": bem$Y()
       }, [createVNode("div", {
+        "ref": track,
         "style": trackStyle.value,
         "class": bem$Y("track", {
           vertical: props.vertical
         }),
         "onTouchstartPassive": onTouchStart,
-        "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), renderIndicator()]);
@@ -7736,7 +7785,9 @@ var stdin_default$O = defineComponent({
 const CountDown = withInstall(stdin_default$O);
 function getDate(timeStamp) {
   const date = new Date(timeStamp * 1e3);
-  return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(date.getDate())}`;
+  return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
+    date.getDate()
+  )}`;
 }
 const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
@@ -9541,6 +9592,7 @@ var stdin_default$A = defineComponent({
       displayHeight: 0
     });
     const touch = useTouch();
+    const swipeItem = ref();
     const vertical = computed(() => {
       const {
         rootWidth,
@@ -9726,6 +9778,12 @@ var stdin_default$A = defineComponent({
         resetScale();
       }
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: computed(() => {
+        var _a;
+        return (_a = swipeItem.value) == null ? void 0 : _a.$el;
+      })
+    });
     return () => {
       const imageSlots = {
         loading: () => createVNode(Loading, {
@@ -9733,9 +9791,9 @@ var stdin_default$A = defineComponent({
         }, null)
       };
       return createVNode(SwipeItem, {
+        "ref": swipeItem,
         "class": bem$v("swipe-item"),
         "onTouchstartPassive": onTouchStart,
-        "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
@@ -9989,6 +10047,7 @@ var stdin_default$y = defineComponent({
     slots
   }) {
     const root = ref();
+    const sidebar = ref();
     const activeAnchor = ref("");
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
@@ -10108,11 +10167,11 @@ var stdin_default$y = defineComponent({
         const {
           offsetHeight
         } = document.documentElement;
+        match.$el.scrollIntoView();
         if (scrollTop === offsetHeight - scrollParentRect.height) {
           onScroll();
           return;
         }
-        match.$el.scrollIntoView();
         if (props.sticky && props.stickyOffsetTop) {
           setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
         }
@@ -10152,15 +10211,18 @@ var stdin_default$y = defineComponent({
       }
     };
     const renderSidebar = () => createVNode("div", {
+      "ref": sidebar,
       "class": bem$t("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
-      "onTouchstartPassive": touch.start,
-      "onTouchmove": onTouchMove
+      "onTouchstartPassive": touch.start
     }, [renderIndexes()]);
     useExpose({
       scrollTo
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: sidebar
+    });
     return () => {
       var _a;
       return createVNode("div", {
@@ -11859,6 +11921,9 @@ var stdin_default$l = defineComponent({
       }, null)]);
     };
     useCustomFieldValue(() => props.modelValue);
+    useEventListener("touchmove", onTouchMove, {
+      target: groupRef
+    });
     return () => createVNode("div", {
       "ref": groupRef,
       "role": "radiogroup",
@@ -11869,8 +11934,7 @@ var stdin_default$l = defineComponent({
       "tabindex": props.disabled ? void 0 : 0,
       "aria-disabled": props.disabled,
       "aria-readonly": props.readonly,
-      "onTouchstartPassive": onTouchStart,
-      "onTouchmove": onTouchMove
+      "onTouchstartPassive": onTouchStart
     }, [list.value.map(renderStar)]);
   }
 });
@@ -12309,6 +12373,7 @@ var stdin_default$f = defineComponent({
     let current2;
     let startValue;
     const root = ref();
+    const slider = ref();
     const dragStatus = ref();
     const touch = useTouch();
     const scope = computed(() => Number(props.max) - Number(props.min));
@@ -12501,6 +12566,7 @@ var stdin_default$f = defineComponent({
     const renderButton = (index) => {
       const current22 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
       return createVNode("div", {
+        "ref": slider,
         "role": "slider",
         "class": getButtonClassName(index),
         "tabindex": props.disabled ? void 0 : 0,
@@ -12516,7 +12582,6 @@ var stdin_default$f = defineComponent({
           }
           onTouchStart(event);
         },
-        "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": stopPropagation
@@ -12524,6 +12589,9 @@ var stdin_default$f = defineComponent({
     };
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
+    useEventListener("touchmove", onTouchMove, {
+      target: slider
+    });
     return () => createVNode("div", {
       "ref": root,
       "style": wrapperStyle.value,
@@ -13248,6 +13316,9 @@ var stdin_default$9 = defineComponent({
     useClickAway(root, () => onClick("outside"), {
       eventName: "touchstart"
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: root
+    });
     return () => {
       var _a;
       const wrapperStyle = {
@@ -13259,7 +13330,6 @@ var stdin_default$9 = defineComponent({
         "class": bem$4(),
         "onClick": getClickHandler("cell", lockClick2),
         "onTouchstartPassive": onTouchStart,
-        "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [createVNode("div", {
@@ -13993,7 +14063,10 @@ function getBestSelectionFromSrcset(el, scale) {
       tmpWidth = 999998;
     } else {
       tmpSrc = item.substr(0, spaceIndex);
-      tmpWidth = parseInt(item.substr(spaceIndex + 1, item.length - spaceIndex - 2), 10);
+      tmpWidth = parseInt(
+        item.substr(spaceIndex + 1, item.length - spaceIndex - 2),
+        10
+      );
     }
     return [tmpWidth, tmpSrc];
   });
@@ -14184,24 +14257,32 @@ class ReactiveListener {
   }
   renderLoading(cb) {
     this.state.loading = true;
-    loadImageAsync({
-      src: this.loading,
-      cors: this.cors
-    }, () => {
-      this.render("loading", false);
-      this.state.loading = false;
-      cb();
-    }, () => {
-      cb();
-      this.state.loading = false;
-      if (process.env.NODE_ENV !== "production" && !this.options.silent)
-        console.warn(`[@vant/lazyload] load failed with loading image(${this.loading})`);
-    });
+    loadImageAsync(
+      {
+        src: this.loading,
+        cors: this.cors
+      },
+      () => {
+        this.render("loading", false);
+        this.state.loading = false;
+        cb();
+      },
+      () => {
+        cb();
+        this.state.loading = false;
+        if (process.env.NODE_ENV !== "production" && !this.options.silent)
+          console.warn(
+            `[@vant/lazyload] load failed with loading image(${this.loading})`
+          );
+      }
+    );
   }
   load(onFinish = noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
       if (process.env.NODE_ENV !== "production" && !this.options.silent) {
-        console.log(`[@vant/lazyload] ${this.src} tried too more than ${this.options.attempt} times`);
+        console.log(
+          `[@vant/lazyload] ${this.src} tried too more than ${this.options.attempt} times`
+        );
       }
       onFinish();
       return;
@@ -14219,25 +14300,29 @@ class ReactiveListener {
       this.attempt++;
       (_b = (_a = this.options.adapter).beforeLoad) == null ? void 0 : _b.call(_a, this, this.options);
       this.record("loadStart");
-      loadImageAsync({
-        src: this.src,
-        cors: this.cors
-      }, (data) => {
-        this.naturalHeight = data.naturalHeight;
-        this.naturalWidth = data.naturalWidth;
-        this.state.loaded = true;
-        this.state.error = false;
-        this.record("loadEnd");
-        this.render("loaded", false);
-        this.state.rendered = true;
-        this.imageCache.add(this.src);
-        onFinish();
-      }, (err) => {
-        !this.options.silent && console.error(err);
-        this.state.error = true;
-        this.state.loaded = false;
-        this.render("error", false);
-      });
+      loadImageAsync(
+        {
+          src: this.src,
+          cors: this.cors
+        },
+        (data) => {
+          this.naturalHeight = data.naturalHeight;
+          this.naturalWidth = data.naturalWidth;
+          this.state.loaded = true;
+          this.state.error = false;
+          this.record("loadEnd");
+          this.render("loaded", false);
+          this.state.rendered = true;
+          this.imageCache.add(this.src);
+          onFinish();
+        },
+        (err) => {
+          !this.options.silent && console.error(err);
+          this.state.error = true;
+          this.state.loaded = false;
+          this.render("error", false);
+        }
+      );
     });
   }
   render(state, cache) {
@@ -14322,7 +14407,10 @@ function stdin_default$3() {
       };
       this.initEvent();
       this.imageCache = new ImageCache({ max: 200 });
-      this.lazyLoadHandler = throttle(this.lazyLoadHandler.bind(this), this.options.throttleWait);
+      this.lazyLoadHandler = throttle(
+        this.lazyLoadHandler.bind(this),
+        this.options.throttleWait
+      );
       this.setMode(this.options.observer ? modeType.observer : modeType.event);
     }
     config(options = {}) {
@@ -14477,7 +14565,9 @@ function stdin_default$3() {
       });
     }
     initListen(el, start) {
-      this.options.ListenEvents.forEach((evt) => (start ? on : off)(el, evt, this.lazyLoadHandler));
+      this.options.ListenEvents.forEach(
+        (evt) => (start ? on : off)(el, evt, this.lazyLoadHandler)
+      );
     }
     initEvent() {
       this.Event = {
@@ -14534,7 +14624,10 @@ function stdin_default$3() {
       if (!hasIntersectionObserver) {
         return;
       }
-      this.observer = new IntersectionObserver(this.observerHandler.bind(this), this.options.observerOptions);
+      this.observer = new IntersectionObserver(
+        this.observerHandler.bind(this),
+        this.options.observerOptions
+      );
       if (this.listeners.length) {
         this.listeners.forEach((listener) => {
           this.observer.observe(listener.el);
@@ -14613,7 +14706,10 @@ var stdin_default$2 = (lazy) => ({
   },
   emits: ["show"],
   render() {
-    return h(this.tag, this.show && this.$slots.default ? this.$slots.default() : null);
+    return h(
+      this.tag,
+      this.show && this.$slots.default ? this.$slots.default() : null
+    );
   },
   data() {
     return {
@@ -14665,13 +14761,17 @@ class LazyContainer {
     this.options = Object.assign({}, defaultOptions, binding.value);
     const imgs = this.getImgs();
     imgs.forEach((el2) => {
-      this.lazy.add(el2, Object.assign({}, this.binding, {
-        value: {
-          src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
-          error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
-          loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
-        }
-      }), this.vnode);
+      this.lazy.add(
+        el2,
+        Object.assign({}, this.binding, {
+          value: {
+            src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
+            error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
+            loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
+          }
+        }),
+        this.vnode
+      );
     });
   }
   getImgs() {
@@ -14722,11 +14822,15 @@ var stdin_default$1 = (lazyManager) => ({
     }
   },
   render(h2) {
-    return h2(this.tag, {
-      attrs: {
-        src: this.renderSrc
-      }
-    }, this.$slots.default);
+    return h2(
+      this.tag,
+      {
+        attrs: {
+          src: this.renderSrc
+        }
+      },
+      this.$slots.default
+    );
   },
   data() {
     return {
@@ -14780,20 +14884,26 @@ var stdin_default$1 = (lazyManager) => ({
     load(onFinish = noop) {
       if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
         if (process.env.NODE_ENV !== "production" && !lazyManager.options.silent) {
-          console.log(`[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`);
+          console.log(
+            `[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`
+          );
         }
         onFinish();
         return;
       }
       const { src } = this.options;
-      loadImageAsync({ src }, ({ src: src2 }) => {
-        this.renderSrc = src2;
-        this.state.loaded = true;
-      }, () => {
-        this.state.attempt++;
-        this.renderSrc = this.options.error;
-        this.state.error = true;
-      });
+      loadImageAsync(
+        { src },
+        ({ src: src2 }) => {
+          this.renderSrc = src2;
+          this.state.loaded = true;
+        },
+        () => {
+          this.state.attempt++;
+          this.renderSrc = this.options.error;
+          this.state.error = true;
+        }
+      );
     }
   }
 });
@@ -14821,7 +14931,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.1";
+const version = "3.6.2";
 function install(app) {
   const components = [
     ActionBar,