vant 3.3.5 → 3.4.1

package/lib/composables/use-lock-scroll.js

@@ -1,77 +1,76 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useLockScroll = useLockScroll;
-
-var _vue = require("vue");
-
-var _use = require("@vant/use");
-
-var _useTouch = require("./use-touch");
-
-var _utils = require("../utils");
-
-var totalLockCount = 0;
-var BODY_LOCK_CLASS = 'van-overflow-hidden';
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  useLockScroll: () => useLockScroll
+});
+var import_vue = __toModule(require("vue"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_touch = __toModule(require("./use-touch"));
+var import_utils = __toModule(require("../utils"));
+let totalLockCount = 0;
+const BODY_LOCK_CLASS = "van-overflow-hidden";
 function useLockScroll(rootRef, shouldLock) {
-  var touch = (0, _useTouch.useTouch)();
-
-  var onTouchMove = event => {
+  const touch = (0, import_use_touch.useTouch)();
+  const onTouchMove = (event) => {
     touch.move(event);
-    var direction = touch.deltaY.value > 0 ? '10' : '01';
-    var el = (0, _use.getScrollParent)(event.target, rootRef.value);
-    var {
-      scrollHeight,
-      offsetHeight,
-      scrollTop
-    } = el;
-    var status = '11';
-
+    const direction = touch.deltaY.value > 0 ? "10" : "01";
+    const el = (0, import_use.getScrollParent)(event.target, rootRef.value);
+    const { scrollHeight, offsetHeight, scrollTop } = el;
+    let status = "11";
     if (scrollTop === 0) {
-      status = offsetHeight >= scrollHeight ? '00' : '01';
+      status = offsetHeight >= scrollHeight ? "00" : "01";
     } else if (scrollTop + offsetHeight >= scrollHeight) {
-      status = '10';
+      status = "10";
     }
-
-    if (status !== '11' && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      (0, _utils.preventDefault)(event, true);
+    if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
+      (0, import_utils.preventDefault)(event, true);
     }
   };
-
-  var lock = () => {
-    document.addEventListener('touchstart', touch.start);
-    document.addEventListener('touchmove', onTouchMove, {
-      passive: false
-    });
-
+  const lock = () => {
+    document.addEventListener("touchstart", touch.start);
+    document.addEventListener("touchmove", onTouchMove, { passive: false });
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
     }
-
     totalLockCount++;
   };
-
-  var unlock = () => {
+  const unlock = () => {
     if (totalLockCount) {
-      document.removeEventListener('touchstart', touch.start);
-      document.removeEventListener('touchmove', onTouchMove);
+      document.removeEventListener("touchstart", touch.start);
+      document.removeEventListener("touchmove", onTouchMove);
       totalLockCount--;
-
       if (!totalLockCount) {
         document.body.classList.remove(BODY_LOCK_CLASS);
       }
     }
   };
-
-  var init = () => shouldLock() && lock();
-
-  var destroy = () => shouldLock() && unlock();
-
-  (0, _use.onMountedOrActivated)(init);
-  (0, _vue.onDeactivated)(destroy);
-  (0, _vue.onBeforeUnmount)(destroy);
-  (0, _vue.watch)(shouldLock, value => {
+  const init = () => shouldLock() && lock();
+  const destroy = () => shouldLock() && unlock();
+  (0, import_use.onMountedOrActivated)(init);
+  (0, import_vue.onDeactivated)(destroy);
+  (0, import_vue.onBeforeUnmount)(destroy);
+  (0, import_vue.watch)(shouldLock, (value) => {
     value ? lock() : unlock();
   });
-}
+}

package/lib/composables/use-placeholder.js

@@ -1,18 +1,37 @@
-"use strict";
-
-exports.__esModule = true;
-exports.usePlaceholder = usePlaceholder;
-
-var _vue = require("vue");
-
-var _useHeight = require("./use-height");
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  usePlaceholder: () => usePlaceholder
+});
+var import_vue = __toModule(require("vue"));
+var import_use_height = __toModule(require("./use-height"));
 function usePlaceholder(contentRef, bem) {
-  var height = (0, _useHeight.useHeight)(contentRef);
-  return renderContent => (0, _vue.createVNode)("div", {
-    "class": bem('placeholder'),
+  const height = (0, import_use_height.useHeight)(contentRef);
+  return (renderContent) => (0, import_vue.createVNode)("div", {
+    "class": bem("placeholder"),
     "style": {
-      height: height.value ? height.value + "px" : undefined
+      height: height.value ? `${height.value}px` : void 0
     }
   }, [renderContent()]);
-}
+}

package/lib/composables/use-refs.js

@@ -1,19 +1,43 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useRefs = useRefs;
-
-var _vue = require("vue");
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  useRefs: () => useRefs
+});
+var import_vue = __toModule(require("vue"));
 function useRefs() {
-  var refs = (0, _vue.ref)([]);
-  (0, _vue.onBeforeUpdate)(() => {
+  const refs = (0, import_vue.ref)([]);
+  const cache = [];
+  (0, import_vue.onBeforeUpdate)(() => {
     refs.value = [];
   });
-
-  var setRefs = index => el => {
-    refs.value[index] = el;
+  const setRefs = (index) => {
+    if (!cache[index]) {
+      cache[index] = (el) => {
+        refs.value[index] = el;
+      };
+    }
+    return cache[index];
   };
-
   return [refs, setRefs];
-}
+}

package/lib/composables/use-route.d.ts

@@ -1,7 +1,7 @@
 /**
  * Vue Router support
  */
-import { PropType, ExtractPropTypes, ComponentPublicInstance } from 'vue';
+import { type PropType, type ExtractPropTypes, type ComponentPublicInstance } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
 export declare const routeProps: {
     to: PropType<RouteLocationRaw>;

package/lib/composables/use-route.js

@@ -1,38 +1,50 @@
-"use strict";
-
-exports.__esModule = true;
-exports.route = route;
-exports.routeProps = void 0;
-exports.useRoute = useRoute;
-
-var _vue = require("vue");
-
-/**
- * Vue Router support
- */
-var routeProps = {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  route: () => route,
+  routeProps: () => routeProps,
+  useRoute: () => useRoute
+});
+var import_vue = __toModule(require("vue"));
+const routeProps = {
   to: [String, Object],
   url: String,
   replace: Boolean
 };
-exports.routeProps = routeProps;
-
-function route(_ref) {
-  var {
-    to,
-    url,
-    replace,
-    $router: router
-  } = _ref;
-
+function route({
+  to,
+  url,
+  replace,
+  $router: router
+}) {
   if (to && router) {
-    router[replace ? 'replace' : 'push'](to);
+    router[replace ? "replace" : "push"](to);
   } else if (url) {
     replace ? location.replace(url) : location.href = url;
   }
 }
-
 function useRoute() {
-  var vm = (0, _vue.getCurrentInstance)().proxy;
+  const vm = (0, import_vue.getCurrentInstance)().proxy;
   return () => route(vm);
-}
+}

package/lib/composables/use-tab-status.js

@@ -1,14 +1,30 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useTabStatus = exports.TAB_STATUS_KEY = void 0;
-
-var _vue = require("vue");
-
-// eslint-disable-next-line
-var TAB_STATUS_KEY = Symbol();
-exports.TAB_STATUS_KEY = TAB_STATUS_KEY;
-
-var useTabStatus = () => (0, _vue.inject)(TAB_STATUS_KEY, null);
-
-exports.useTabStatus = useTabStatus;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  TAB_STATUS_KEY: () => TAB_STATUS_KEY,
+  useTabStatus: () => useTabStatus
+});
+var import_vue = __toModule(require("vue"));
+const TAB_STATUS_KEY = Symbol();
+const useTabStatus = () => (0, import_vue.inject)(TAB_STATUS_KEY, null);

package/lib/composables/use-touch.js

@@ -1,64 +1,72 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useTouch = useTouch;
-
-var _vue = require("vue");
-
-var MIN_DISTANCE = 10;
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  useTouch: () => useTouch
+});
+var import_vue = __toModule(require("vue"));
 function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return 'horizontal';
+  if (x > y) {
+    return "horizontal";
   }
-
-  if (y > x && y > MIN_DISTANCE) {
-    return 'vertical';
+  if (y > x) {
+    return "vertical";
   }
-
-  return '';
+  return "";
 }
-
 function useTouch() {
-  var startX = (0, _vue.ref)(0);
-  var startY = (0, _vue.ref)(0);
-  var deltaX = (0, _vue.ref)(0);
-  var deltaY = (0, _vue.ref)(0);
-  var offsetX = (0, _vue.ref)(0);
-  var offsetY = (0, _vue.ref)(0);
-  var direction = (0, _vue.ref)('');
-
-  var isVertical = () => direction.value === 'vertical';
-
-  var isHorizontal = () => direction.value === 'horizontal';
-
-  var reset = () => {
+  const startX = (0, import_vue.ref)(0);
+  const startY = (0, import_vue.ref)(0);
+  const deltaX = (0, import_vue.ref)(0);
+  const deltaY = (0, import_vue.ref)(0);
+  const offsetX = (0, import_vue.ref)(0);
+  const offsetY = (0, import_vue.ref)(0);
+  const direction = (0, import_vue.ref)("");
+  const isVertical = () => direction.value === "vertical";
+  const isHorizontal = () => direction.value === "horizontal";
+  const reset = () => {
     deltaX.value = 0;
     deltaY.value = 0;
     offsetX.value = 0;
     offsetY.value = 0;
-    direction.value = '';
+    direction.value = "";
   };
-
-  var start = event => {
+  const start = (event) => {
     reset();
     startX.value = event.touches[0].clientX;
     startY.value = event.touches[0].clientY;
   };
-
-  var move = event => {
-    var touch = event.touches[0]; // Fix: Safari back will set clientX to negative number
-
+  const move = (event) => {
+    const touch = event.touches[0];
     deltaX.value = touch.clientX < 0 ? 0 : touch.clientX - startX.value;
     deltaY.value = touch.clientY - startY.value;
     offsetX.value = Math.abs(deltaX.value);
     offsetY.value = Math.abs(deltaY.value);
-
-    if (!direction.value) {
+    const LOCK_DIRECTION_DISTANCE = 10;
+    if (!direction.value || offsetX.value < LOCK_DIRECTION_DISTANCE && offsetY.value < LOCK_DIRECTION_DISTANCE) {
       direction.value = getDirection(offsetX.value, offsetY.value);
     }
   };
-
   return {
     move,
     start,
@@ -73,4 +81,4 @@ function useTouch() {
     isVertical,
     isHorizontal
   };
-}
+}

package/lib/composables/use-visibility-change.js

@@ -1,41 +1,50 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useVisibilityChange = useVisibilityChange;
-
-var _utils = require("../utils");
-
-var _vue = require("vue");
-
-var _use = require("@vant/use");
-
-// @Experimental
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  useVisibilityChange: () => useVisibilityChange
+});
+var import_utils = __toModule(require("../utils"));
+var import_vue = __toModule(require("vue"));
+var import_use = __toModule(require("@vant/use"));
 function useVisibilityChange(target, onChange) {
-  // compatibility: https://caniuse.com/#feat=intersectionobserver
-  if (!_utils.inBrowser || !window.IntersectionObserver) {
+  if (!import_utils.inBrowser || !window.IntersectionObserver) {
     return;
   }
-
-  var observer = new IntersectionObserver(entries => {
-    // visibility changed
+  const observer = new IntersectionObserver((entries) => {
     onChange(entries[0].intersectionRatio > 0);
-  }, {
-    root: document.body
-  });
-
-  var observe = () => {
+  }, { root: document.body });
+  const observe = () => {
     if (target.value) {
       observer.observe(target.value);
     }
   };
-
-  var unobserve = () => {
+  const unobserve = () => {
     if (target.value) {
       observer.unobserve(target.value);
     }
   };
-
-  (0, _vue.onDeactivated)(unobserve);
-  (0, _vue.onBeforeUnmount)(unobserve);
-  (0, _use.onMountedOrActivated)(observe);
-}
+  (0, import_vue.onDeactivated)(unobserve);
+  (0, import_vue.onBeforeUnmount)(unobserve);
+  (0, import_use.onMountedOrActivated)(observe);
+}

package/lib/config-provider/ConfigProvider.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 export declare type ConfigProviderProvide = {
     iconPrefix?: string;
 };
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     themeVars: PropType<Record<string, string | number>>;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tag?: unknown;
     themeVars?: unknown;
     iconPrefix?: unknown;