vant 3.6.1 → 3.6.3

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;
   }
@@ -132,7 +143,9 @@
   }
   function sortChildren(parent, publicChildren, internalChildren) {
     const vnodes = flattenVNodes(parent.subTree.children);
-    internalChildren.sort((a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode));
+    internalChildren.sort(
+      (a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode)
+    );
     const orderedPublicChildren = internalChildren.map((item) => item.proxy);
     publicChildren.sort((a, b) => {
       const indexA = orderedPublicChildren.indexOf(a);
@@ -157,12 +170,18 @@
         publicChildren.splice(index, 1);
         internalChildren.splice(index, 1);
       };
-      vue.provide(key, Object.assign({
-        link,
-        unlink,
-        children: publicChildren,
-        internalChildren
-      }, value));
+      vue.provide(
+        key,
+        Object.assign(
+          {
+            link,
+            unlink,
+            children: publicChildren,
+            internalChildren
+          },
+          value
+        )
+      );
     };
     return {
       children: publicChildren,
@@ -410,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);
@@ -691,9 +699,15 @@
       return ` ${name2}--${mods}`;
     }
     if (Array.isArray(mods)) {
-      return mods.reduce((ret, item) => ret + genBem(name2, item), "");
+      return mods.reduce(
+        (ret, item) => ret + genBem(name2, item),
+        ""
+      );
     }
-    return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? genBem(name2, key) : ""), "");
+    return Object.keys(mods).reduce(
+      (ret, key) => ret + (mods[key] ? genBem(name2, key) : ""),
+      ""
+    );
   }
   function createBEM(name2) {
     return (el, mods) => {
@@ -749,8 +763,10 @@
   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;
   }
@@ -1379,7 +1395,9 @@
     transitionAppear: Boolean,
     closeOnClickOverlay: truthProp
   };
-  const popupSharedPropKeys = Object.keys(popupSharedProps);
+  const popupSharedPropKeys = Object.keys(
+    popupSharedProps
+  );
   function getDirection(x, y) {
     if (x > y) {
       return "horizontal";
@@ -1446,7 +1464,10 @@
     const onTouchMove = (event) => {
       touch.move(event);
       const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
-      const el = getScrollParent$1(event.target, rootRef.value);
+      const el = getScrollParent$1(
+        event.target,
+        rootRef.value
+      );
       const { scrollHeight, offsetHeight, scrollTop } = el;
       let status = "11";
       if (scrollTop === 0) {
@@ -1487,11 +1508,15 @@
   }
   function useLazyRender(show) {
     const inited = vue.ref(false);
-    vue.watch(show, (value) => {
-      if (value) {
-        inited.value = value;
-      }
-    }, { immediate: true });
+    vue.watch(
+      show,
+      (value) => {
+        if (value) {
+          inited.value = value;
+        }
+      },
+      { immediate: true }
+    );
     return (render) => () => inited.value ? render() : null;
   }
   const [name$1n, bem$1j] = createNamespace("overlay");
@@ -1510,9 +1535,12 @@
     setup(props, {
       slots
     }) {
+      const root = vue.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;
@@ -1521,11 +1549,14 @@
           style.animationDuration = `${props.duration}s`;
         }
         return vue.withDirectives(vue.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)]), [[vue.vShow, props.show]]);
       });
+      useEventListener("touchmove", onTouchMove, {
+        target: root
+      });
       return () => vue.createVNode(vue.Transition, {
         "name": "van-fade",
         "appear": true
@@ -1901,6 +1932,7 @@
       let touchStartTime;
       let momentumOffset;
       let transitionEndTrigger;
+      const root = vue.ref();
       const wrapper = vue.ref();
       const state = vue.reactive({
         index: props.defaultIndex,
@@ -2076,10 +2108,13 @@
       });
       vue.watch(() => props.initialOptions, setOptions);
       vue.watch(() => props.defaultIndex, (value) => setIndex(value));
+      useEventListener("touchmove", onTouchMove, {
+        target: root
+      });
       return () => vue.createVNode("div", {
+        "ref": root,
         "class": [bem$1g(), props.className],
         "onTouchstartPassive": onTouchStart,
-        "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [vue.createVNode("ul", {
@@ -2123,6 +2158,7 @@
       slots
     }) {
       const hasOptions = vue.ref(false);
+      const columnsRef = vue.ref();
       const formattedColumns = vue.ref([]);
       const columnsFieldNames = vue.computed(() => {
         const {
@@ -2359,14 +2395,17 @@
           height: `${wrapHeight}px`
         };
         return vue.createVNode("div", {
+          "ref": columnsRef,
           "class": bem$1f("columns"),
-          "style": columnsStyle,
-          "onTouchmove": preventDefault
+          "style": columnsStyle
         }, [renderColumnItems(), renderMask(wrapHeight)]);
       };
       vue.watch(() => props.columns, format2, {
         immediate: true
       });
+      useEventListener("touchmove", preventDefault, {
+        target: columnsRef
+      });
       useExpose({
         confirm,
         getValues,
@@ -3041,6 +3080,7 @@
         validateMessage: ""
       });
       const inputRef = vue.ref();
+      const clearIconRef = vue.ref();
       const customValue = vue.ref();
       const {
         parent: form
@@ -3356,9 +3396,9 @@
       const renderFieldBody = () => [vue.createVNode("div", {
         "class": bem$1b("body")
       }, [renderInput(), showClear.value && vue.createVNode(Icon, {
+        "ref": clearIconRef,
         "name": props.clearIcon,
-        "class": bem$1b("clear"),
-        "onTouchstart": onClear
+        "class": bem$1b("clear")
       }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
         "class": bem$1b("button")
       }, [slots.button()])]), renderWordLimit(), renderMessage()];
@@ -3385,6 +3425,12 @@
         updateValue(getModelValue(), props.formatTrigger);
         vue.nextTick(adjustTextareaSize);
       });
+      useEventListener("touchstart", onClear, {
+        target: vue.computed(() => {
+          var _a;
+          return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+        })
+      });
       return () => {
         const disabled = getProp("disabled");
         const labelAlign = getProp("labelAlign");
@@ -5105,7 +5151,8 @@
         const {
           type,
           minDate,
-          maxDate
+          maxDate,
+          allowSameDay
         } = props;
         if (defaultDate === null) {
           return defaultDate;
@@ -5115,8 +5162,8 @@
           if (!Array.isArray(defaultDate)) {
             defaultDate = [];
           }
-          const start2 = limitDateRange(defaultDate[0] || now, minDate, getPrevDay(maxDate));
-          const end2 = limitDateRange(defaultDate[1] || now, getNextDay(minDate));
+          const start2 = limitDateRange(defaultDate[0] || now, minDate, allowSameDay ? maxDate : getPrevDay(maxDate));
+          const end2 = limitDateRange(defaultDate[1] || now, allowSameDay ? minDate : getNextDay(minDate));
           return [start2, end2];
         }
         if (type === "multiple") {
@@ -5435,6 +5482,7 @@
     fit: String,
     position: String,
     round: Boolean,
+    block: Boolean,
     width: numericProp,
     height: numericProp,
     radius: numericProp,
@@ -5563,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)]);
@@ -5725,9 +5774,12 @@
     if (!inBrowser$1 || !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);
@@ -5963,6 +6015,7 @@
       slots
     }) {
       const root = vue.ref();
+      const track = vue.ref();
       const state = vue.reactive({
         rect: null,
         width: 0,
@@ -6149,10 +6202,13 @@
         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
+              });
+            }
           }
         }
       };
@@ -6262,18 +6318,21 @@
       onPopupReopen(() => initialize(state.active));
       vue.onDeactivated(stopAutoplay);
       vue.onBeforeUnmount(stopAutoplay);
+      useEventListener("touchmove", onTouchMove, {
+        target: track
+      });
       return () => {
         var _a;
         return vue.createVNode("div", {
           "ref": root,
           "class": bem$Y()
         }, [vue.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()]);
@@ -6463,7 +6522,7 @@
           index += diff;
         }
       };
-      const setCurrentIndex = (currentIndex) => {
+      const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
         const newIndex = findAvailableTab(currentIndex);
         if (!isDef(newIndex)) {
           return;
@@ -6478,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) {
@@ -6612,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) {
@@ -6807,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();
@@ -6830,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,
@@ -8053,7 +8122,9 @@
   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);
@@ -9852,6 +9923,7 @@
         displayHeight: 0
       });
       const touch = useTouch();
+      const swipeItem = vue.ref();
       const vertical = vue.computed(() => {
         const {
           rootWidth,
@@ -10037,6 +10109,12 @@
           resetScale();
         }
       });
+      useEventListener("touchmove", onTouchMove, {
+        target: vue.computed(() => {
+          var _a;
+          return (_a = swipeItem.value) == null ? void 0 : _a.$el;
+        })
+      });
       return () => {
         const imageSlots = {
           loading: () => vue.createVNode(Loading, {
@@ -10044,9 +10122,9 @@
           }, null)
         };
         return vue.createVNode(SwipeItem, {
+          "ref": swipeItem,
           "class": bem$v("swipe-item"),
           "onTouchstartPassive": onTouchStart,
-          "onTouchmove": onTouchMove,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd
         }, {
@@ -10300,6 +10378,7 @@
       slots
     }) {
       const root = vue.ref();
+      const sidebar = vue.ref();
       const activeAnchor = vue.ref("");
       const touch = useTouch();
       const scrollParent = useScrollParent(root);
@@ -10419,11 +10498,11 @@
           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);
           }
@@ -10463,15 +10542,18 @@
         }
       };
       const renderSidebar = () => vue.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 vue.createVNode("div", {
@@ -11576,32 +11658,47 @@
     return node instanceof OwnElement || node instanceof ShadowRoot;
   }
   var round = Math.round;
-  function getBoundingClientRect(element, includeScale) {
+  function getUAString() {
+    var uaData = navigator.userAgentData;
+    if (uaData != null && uaData.brands) {
+      return uaData.brands.map(function(item) {
+        return item.brand + "/" + item.version;
+      }).join(" ");
+    }
+    return navigator.userAgent;
+  }
+  function isLayoutViewport() {
+    return !/^((?!chrome|android).)*safari/i.test(getUAString());
+  }
+  function getBoundingClientRect(element, includeScale, isFixedStrategy) {
     if (includeScale === void 0) {
       includeScale = false;
     }
-    var rect = element.getBoundingClientRect();
+    if (isFixedStrategy === void 0) {
+      isFixedStrategy = false;
+    }
+    var clientRect = element.getBoundingClientRect();
     var scaleX = 1;
     var scaleY = 1;
-    if (isHTMLElement(element) && includeScale) {
-      var offsetHeight = element.offsetHeight;
-      var offsetWidth = element.offsetWidth;
-      if (offsetWidth > 0) {
-        scaleX = round(rect.width) / offsetWidth || 1;
-      }
-      if (offsetHeight > 0) {
-        scaleY = round(rect.height) / offsetHeight || 1;
-      }
-    }
+    if (includeScale && isHTMLElement(element)) {
+      scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+      scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+    }
+    var _ref = isElement(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+    var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+    var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+    var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+    var width2 = clientRect.width / scaleX;
+    var height2 = clientRect.height / scaleY;
     return {
-      width: rect.width / scaleX,
-      height: rect.height / scaleY,
-      top: rect.top / scaleY,
-      right: rect.right / scaleX,
-      bottom: rect.bottom / scaleY,
-      left: rect.left / scaleX,
-      x: rect.left / scaleX,
-      y: rect.top / scaleY
+      width: width2,
+      height: height2,
+      top: y,
+      right: x + width2,
+      bottom: y + height2,
+      left: x,
+      x,
+      y
     };
   }
   function getWindowScroll(node) {
@@ -11655,7 +11752,7 @@
     var isOffsetParentAnElement = isHTMLElement(offsetParent);
     var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
     var documentElement = getDocumentElement(offsetParent);
-    var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+    var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
     var scroll = {
       scrollLeft: 0,
       scrollTop: 0
@@ -11737,8 +11834,8 @@
     return element.offsetParent;
   }
   function getContainingBlock(element) {
-    var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-    var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+    var isFirefox = /firefox/i.test(getUAString());
+    var isIE = /Trident/i.test(getUAString());
     if (isIE && isHTMLElement(element)) {
       var elementCss = getComputedStyle(element);
       if (elementCss.position === "fixed") {
@@ -13061,6 +13158,9 @@
         }, null)]);
       };
       useCustomFieldValue(() => props.modelValue);
+      useEventListener("touchmove", onTouchMove, {
+        target: groupRef
+      });
       return () => vue.createVNode("div", {
         "ref": groupRef,
         "role": "radiogroup",
@@ -13071,8 +13171,7 @@
         "tabindex": props.disabled ? void 0 : 0,
         "aria-disabled": props.disabled,
         "aria-readonly": props.readonly,
-        "onTouchstartPassive": onTouchStart,
-        "onTouchmove": onTouchMove
+        "onTouchstartPassive": onTouchStart
       }, [list.value.map(renderStar)]);
     }
   });
@@ -13508,6 +13607,7 @@
       let current2;
       let startValue;
       const root = vue.ref();
+      const slider = vue.ref();
       const dragStatus = vue.ref();
       const touch = useTouch();
       const scope = vue.computed(() => Number(props.max) - Number(props.min));
@@ -13700,6 +13800,7 @@
       const renderButton = (index) => {
         const current22 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
         return vue.createVNode("div", {
+          "ref": slider,
           "role": "slider",
           "class": getButtonClassName(index),
           "tabindex": props.disabled ? void 0 : 0,
@@ -13715,7 +13816,6 @@
             }
             onTouchStart(event);
           },
-          "onTouchmove": onTouchMove,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd,
           "onClick": stopPropagation
@@ -13723,6 +13823,9 @@
       };
       updateValue(props.modelValue);
       useCustomFieldValue(() => props.modelValue);
+      useEventListener("touchmove", onTouchMove, {
+        target: slider
+      });
       return () => vue.createVNode("div", {
         "ref": root,
         "style": wrapperStyle.value,
@@ -14444,6 +14547,9 @@
       useClickAway(root, () => onClick("outside"), {
         eventName: "touchstart"
       });
+      useEventListener("touchmove", onTouchMove, {
+        target: root
+      });
       return () => {
         var _a;
         const wrapperStyle = {
@@ -14455,7 +14561,6 @@
           "class": bem$4(),
           "onClick": getClickHandler("cell", lockClick2),
           "onTouchstartPassive": onTouchStart,
-          "onTouchmove": onTouchMove,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd
         }, [vue.createVNode("div", {
@@ -15186,7 +15291,10 @@
         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];
     });
@@ -15377,17 +15485,21 @@
     }
     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;
-      });
+      loadImageAsync(
+        {
+          src: this.loading,
+          cors: this.cors
+        },
+        () => {
+          this.render("loading", false);
+          this.state.loading = false;
+          cb();
+        },
+        () => {
+          cb();
+          this.state.loading = false;
+        }
+      );
     }
     load(onFinish = noop) {
       if (this.attempt > this.options.attempt - 1 && this.state.error) {
@@ -15407,25 +15519,29 @@
         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) {
@@ -15510,7 +15626,10 @@
         };
         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 = {}) {
@@ -15665,7 +15784,9 @@
         });
       }
       initListen(el, start2) {
-        this.options.ListenEvents.forEach((evt) => (start2 ? on : off)(el, evt, this.lazyLoadHandler));
+        this.options.ListenEvents.forEach(
+          (evt) => (start2 ? on : off)(el, evt, this.lazyLoadHandler)
+        );
       }
       initEvent() {
         this.Event = {
@@ -15722,7 +15843,10 @@
         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);
@@ -15798,7 +15922,10 @@
     },
     emits: ["show"],
     render() {
-      return vue.h(this.tag, this.show && this.$slots.default ? this.$slots.default() : null);
+      return vue.h(
+        this.tag,
+        this.show && this.$slots.default ? this.$slots.default() : null
+      );
     },
     data() {
       return {
@@ -15850,13 +15977,17 @@
       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() {
@@ -15907,11 +16038,15 @@
       }
     },
     render(h) {
-      return h(this.tag, {
-        attrs: {
-          src: this.renderSrc
-        }
-      }, this.$slots.default);
+      return h(
+        this.tag,
+        {
+          attrs: {
+            src: this.renderSrc
+          }
+        },
+        this.$slots.default
+      );
     },
     data() {
       return {
@@ -15968,14 +16103,18 @@
           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;
+          }
+        );
       }
     }
   });
@@ -16003,7 +16142,7 @@
       });
     }
   };
-  const version = "3.6.1";
+  const version = "3.6.3";
   function install(app) {
     const components = [
       ActionBar,