vant 3.3.7 → 3.4.3

package/es/collapse-item/style/less.js

@@ -1,5 +1,5 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../../cell/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../cell/index.less";
+import "../index.less";

package/es/collapse-item/types.js

@@ -1 +0,0 @@
-export {};

package/es/composables/on-popup-reopen.js

@@ -1,14 +1,16 @@
-import { inject, watch } from 'vue'; // eslint-disable-next-line
-
-export var POPUP_TOGGLE_KEY = Symbol();
-export function onPopupReopen(callback) {
-  var popupToggleStatus = inject(POPUP_TOGGLE_KEY, null);
-
+import { inject, watch } from "vue";
+const POPUP_TOGGLE_KEY = Symbol();
+function onPopupReopen(callback) {
+  const popupToggleStatus = inject(POPUP_TOGGLE_KEY, null);
   if (popupToggleStatus) {
-    watch(popupToggleStatus, show => {
+    watch(popupToggleStatus, (show) => {
       if (show) {
         callback();
       }
     });
   }
-}
+}
+export {
+  POPUP_TOGGLE_KEY,
+  onPopupReopen
+};

package/es/composables/use-expose.js

@@ -1,10 +1,11 @@
-import { getCurrentInstance } from 'vue';
-import { extend } from '../utils'; // expose public api
-
-export function useExpose(apis) {
-  var instance = getCurrentInstance();
-
+import { getCurrentInstance } from "vue";
+import { extend } from "../utils";
+function useExpose(apis) {
+  const instance = getCurrentInstance();
   if (instance) {
     extend(instance.proxy, apis);
   }
-}
+}
+export {
+  useExpose
+};

package/es/composables/use-height.js

@@ -1,9 +1,16 @@
-import { useRect } from '@vant/use';
-import { ref, onMounted, nextTick } from 'vue';
-export var useHeight = element => {
-  var height = ref();
-  onMounted(() => nextTick(() => {
+import { useRect } from "@vant/use";
+import { ref, onMounted, nextTick } from "vue";
+const useHeight = (element) => {
+  const height = ref();
+  const setHeight = () => {
     height.value = useRect(element).height;
-  }));
+  };
+  onMounted(() => {
+    nextTick(setHeight);
+    setTimeout(setHeight, 100);
+  });
   return height;
-};
+};
+export {
+  useHeight
+};

package/es/composables/use-id.js

@@ -1,14 +1,13 @@
-import { getCurrentInstance } from 'vue';
-var current = 0;
-export function useId() {
-  var vm = getCurrentInstance();
-  var {
-    name = 'unknown'
-  } = (vm == null ? void 0 : vm.type) || {}; // keep jest snapshot stable
-
-  if (process.env.NODE_ENV === 'test') {
+import { getCurrentInstance } from "vue";
+let current = 0;
+function useId() {
+  const vm = getCurrentInstance();
+  const { name = "unknown" } = (vm == null ? void 0 : vm.type) || {};
+  if (process.env.NODE_ENV === "test") {
     return name;
   }
-
-  return name + "-" + ++current;
-}
+  return `${name}-${++current}`;
+}
+export {
+  useId
+};

package/es/composables/use-lazy-render.js

@@ -1,12 +1,13 @@
-import { ref, watch } from 'vue';
-export function useLazyRender(show) {
-  var inited = ref(false);
-  watch(show, value => {
+import { ref, watch } from "vue";
+function useLazyRender(show) {
+  const inited = ref(false);
+  watch(show, (value) => {
     if (value) {
       inited.value = value;
     }
-  }, {
-    immediate: true
-  });
-  return render => () => inited.value ? render() : null;
-}
+  }, { immediate: true });
+  return (render) => () => inited.value ? render() : null;
+}
+export {
+  useLazyRender
+};

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

@@ -1,67 +1,53 @@
-import { watch, onBeforeUnmount, onDeactivated } from 'vue';
-import { getScrollParent, onMountedOrActivated } from '@vant/use';
-import { useTouch } from './use-touch';
-import { preventDefault } from '../utils';
-var totalLockCount = 0;
-var BODY_LOCK_CLASS = 'van-overflow-hidden';
-export function useLockScroll(rootRef, shouldLock) {
-  var touch = useTouch();
-
-  var onTouchMove = event => {
+import { watch, onBeforeUnmount, onDeactivated } from "vue";
+import { getScrollParent, onMountedOrActivated } from "@vant/use";
+import { useTouch } from "./use-touch";
+import { preventDefault } from "../utils";
+let totalLockCount = 0;
+const BODY_LOCK_CLASS = "van-overflow-hidden";
+function useLockScroll(rootRef, shouldLock) {
+  const touch = useTouch();
+  const onTouchMove = (event) => {
     touch.move(event);
-    var direction = touch.deltaY.value > 0 ? '10' : '01';
-    var el = getScrollParent(event.target, rootRef.value);
-    var {
-      scrollHeight,
-      offsetHeight,
-      scrollTop
-    } = el;
-    var status = '11';
-
+    const direction = touch.deltaY.value > 0 ? "10" : "01";
+    const el = 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))) {
+    if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
       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();
-
+  const init = () => shouldLock() && lock();
+  const destroy = () => shouldLock() && unlock();
   onMountedOrActivated(init);
   onDeactivated(destroy);
   onBeforeUnmount(destroy);
-  watch(shouldLock, value => {
+  watch(shouldLock, (value) => {
     value ? lock() : unlock();
   });
-}
+}
+export {
+  useLockScroll
+};

package/es/composables/use-placeholder.js

@@ -1,11 +1,14 @@
 import { createVNode as _createVNode } from "vue";
-import { useHeight } from './use-height';
-export function usePlaceholder(contentRef, bem) {
-  var height = useHeight(contentRef);
-  return renderContent => _createVNode("div", {
-    "class": bem('placeholder'),
+import { useHeight } from "./use-height";
+function usePlaceholder(contentRef, bem) {
+  const height = useHeight(contentRef);
+  return (renderContent) => _createVNode("div", {
+    "class": bem("placeholder"),
     "style": {
-      height: height.value ? height.value + "px" : undefined
+      height: height.value ? `${height.value}px` : void 0
     }
   }, [renderContent()]);
-}
+}
+export {
+  usePlaceholder
+};

package/es/composables/use-refs.js

@@ -1,13 +1,20 @@
-import { ref, onBeforeUpdate } from 'vue';
-export function useRefs() {
-  var refs = ref([]);
+import { ref, onBeforeUpdate } from "vue";
+function useRefs() {
+  const refs = ref([]);
+  const cache = [];
   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];
-}
+}
+export {
+  useRefs
+};

package/es/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/es/composables/use-route.js

@@ -1,27 +1,29 @@
-/**
- * Vue Router support
- */
-import { getCurrentInstance } from 'vue';
-export var routeProps = {
+import {
+  getCurrentInstance
+} from "vue";
+const routeProps = {
   to: [String, Object],
   url: String,
   replace: Boolean
 };
-export 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;
   }
 }
-export function useRoute() {
-  var vm = getCurrentInstance().proxy;
+function useRoute() {
+  const vm = getCurrentInstance().proxy;
   return () => route(vm);
-}
+}
+export {
+  route,
+  routeProps,
+  useRoute
+};

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

@@ -1,4 +1,7 @@
-import { inject } from 'vue'; // eslint-disable-next-line
-
-export var TAB_STATUS_KEY = Symbol();
-export var useTabStatus = () => inject(TAB_STATUS_KEY, null);
+import { inject } from "vue";
+const TAB_STATUS_KEY = Symbol();
+const useTabStatus = () => inject(TAB_STATUS_KEY, null);
+export {
+  TAB_STATUS_KEY,
+  useTabStatus
+};

package/es/composables/use-touch.js

@@ -1,58 +1,46 @@
-import { ref } from 'vue';
-var MIN_DISTANCE = 10;
-
+import { ref } from "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 "";
 }
-
-export function useTouch() {
-  var startX = ref(0);
-  var startY = ref(0);
-  var deltaX = ref(0);
-  var deltaY = ref(0);
-  var offsetX = ref(0);
-  var offsetY = ref(0);
-  var direction = ref('');
-
-  var isVertical = () => direction.value === 'vertical';
-
-  var isHorizontal = () => direction.value === 'horizontal';
-
-  var reset = () => {
+function useTouch() {
+  const startX = ref(0);
+  const startY = ref(0);
+  const deltaX = ref(0);
+  const deltaY = ref(0);
+  const offsetX = ref(0);
+  const offsetY = ref(0);
+  const direction = 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,
@@ -67,4 +55,7 @@ export function useTouch() {
     isVertical,
     isHorizontal
   };
-}
+}
+export {
+  useTouch
+};

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

@@ -1,33 +1,27 @@
-import { inBrowser } from '../utils';
-import { onDeactivated, onBeforeUnmount } from 'vue';
-import { onMountedOrActivated } from '@vant/use'; // @Experimental
-
-export function useVisibilityChange(target, onChange) {
-  // compatibility: https://caniuse.com/#feat=intersectionobserver
+import { inBrowser } from "../utils";
+import { onDeactivated, onBeforeUnmount } from "vue";
+import { onMountedOrActivated } from "@vant/use";
+function useVisibilityChange(target, onChange) {
   if (!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);
     }
   };
-
   onDeactivated(unobserve);
   onBeforeUnmount(unobserve);
   onMountedOrActivated(observe);
-}
+}
+export {
+  useVisibilityChange
+};

package/es/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,16 +19,14 @@ 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<{
-    tag?: unknown;
-    themeVars?: unknown;
-    iconPrefix?: unknown;
-} & {
-    tag: keyof HTMLElementTagNameMap;
-} & {
-    themeVars?: Record<string, string | number> | undefined;
-    iconPrefix?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    themeVars: PropType<Record<string, string | number>>;
+    iconPrefix: StringConstructor;
+}>>, {
     tag: keyof HTMLElementTagNameMap;
 }>;
 export default _default;

package/es/config-provider/ConfigProvider.js

@@ -1,31 +1,27 @@
 import { createVNode as _createVNode } from "vue";
-import { provide, computed, defineComponent } from 'vue';
-import { kebabCase, makeStringProp, createNamespace } from '../utils';
-var [name, bem] = createNamespace('config-provider');
-export var CONFIG_PROVIDER_KEY = Symbol(name);
-var configProviderProps = {
-  tag: makeStringProp('div'),
+import { provide, computed, defineComponent } from "vue";
+import { kebabCase, makeStringProp, createNamespace } from "../utils";
+const [name, bem] = createNamespace("config-provider");
+const CONFIG_PROVIDER_KEY = Symbol(name);
+const configProviderProps = {
+  tag: makeStringProp("div"),
   themeVars: Object,
   iconPrefix: String
 };
-
 function mapThemeVarsToCSSVars(themeVars) {
-  var cssVars = {};
-  Object.keys(themeVars).forEach(key => {
-    cssVars["--van-" + kebabCase(key)] = themeVars[key];
+  const cssVars = {};
+  Object.keys(themeVars).forEach((key) => {
+    cssVars[`--van-${kebabCase(key)}`] = themeVars[key];
   });
   return cssVars;
 }
-
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: configProviderProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var style = computed(() => {
+  setup(props, {
+    slots
+  }) {
+    const style = computed(() => {
       if (props.themeVars) {
         return mapThemeVarsToCSSVars(props.themeVars);
       }
@@ -35,8 +31,14 @@ export default defineComponent({
       "class": bem(),
       "style": style.value
     }, {
-      default: () => [slots.default == null ? void 0 : slots.default()]
+      default: () => {
+        var _a;
+        return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+      }
     });
   }
-
-});
+});
+export {
+  CONFIG_PROVIDER_KEY,
+  stdin_default as default
+};

package/es/config-provider/index.d.ts

@@ -5,17 +5,20 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
     };
     themeVars: import("vue").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<{
-    tag?: unknown;
-    themeVars?: unknown;
-    iconPrefix?: unknown;
-} & {
-    tag: keyof HTMLElementTagNameMap;
-} & {
-    themeVars?: Record<string, string | number> | undefined;
-    iconPrefix?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    themeVars: import("vue").PropType<Record<string, string | number>>;
+    iconPrefix: StringConstructor;
+}>>, {
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default ConfigProvider;
 export type { ConfigProviderProps } from './ConfigProvider';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanConfigProvider: typeof ConfigProvider;
+    }
+}

package/es/config-provider/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _ConfigProvider from './ConfigProvider';
-export var ConfigProvider = withInstall(_ConfigProvider);
-export default ConfigProvider;
+import { withInstall } from "../utils";
+import _ConfigProvider from "./ConfigProvider";
+const ConfigProvider = withInstall(_ConfigProvider);
+var stdin_default = ConfigProvider;
+export {
+  ConfigProvider,
+  stdin_default as default
+};

package/es/config-provider/style/index.js

@@ -1 +1 @@
-import '../../style/base.css';
+import "../../style/base.css";

package/es/config-provider/style/less.js

@@ -1 +1 @@
-import '../../style/base.less';
+import "../../style/base.less";