vant 3.3.6 → 3.4.2

package/es/utils/create.js

@@ -1,58 +1,47 @@
-import { get } from './basic';
-import { camelize } from './format';
-import { isFunction } from './validate';
-import locale from '../locale';
-export function createTranslate(name) {
-  var prefix = camelize(name) + '.';
-  return function (path) {
-    var messages = locale.messages();
-    var message = get(messages, prefix + path) || get(messages, path);
-
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
+import { get } from "./basic";
+import { camelize } from "./format";
+import { isFunction } from "./validate";
+import locale from "../locale";
+function createTranslate(name) {
+  const prefix = camelize(name) + ".";
+  return (path, ...args) => {
+    const messages = locale.messages();
+    const message = get(messages, prefix + path) || get(messages, path);
     return isFunction(message) ? message(...args) : message;
   };
 }
-
 function genBem(name, mods) {
   if (!mods) {
-    return '';
+    return "";
   }
-
-  if (typeof mods === 'string') {
-    return " " + name + "--" + mods;
+  if (typeof mods === "string") {
+    return ` ${name}--${mods}`;
   }
-
   if (Array.isArray(mods)) {
-    return mods.reduce((ret, item) => ret + genBem(name, item), '');
+    return mods.reduce((ret, item) => ret + genBem(name, item), "");
   }
-
-  return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? genBem(name, key) : ''), '');
+  return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? genBem(name, key) : ""), "");
 }
-/**
- * bem helper
- * b() // 'button'
- * b('text') // 'button__text'
- * b({ disabled }) // 'button button--disabled'
- * b('text', { disabled }) // 'button__text button__text--disabled'
- * b(['disabled', 'primary']) // 'button button--disabled button--primary'
- */
-
-
-export function createBEM(name) {
+function createBEM(name) {
   return (el, mods) => {
-    if (el && typeof el !== 'string') {
+    if (el && typeof el !== "string") {
       mods = el;
-      el = '';
+      el = "";
     }
-
-    el = el ? name + "__" + el : name;
-    return "" + el + genBem(el, mods);
+    el = el ? `${name}__${el}` : name;
+    return `${el}${genBem(el, mods)}`;
   };
 }
-export function createNamespace(name) {
-  var prefixedName = "van-" + name;
-  return [prefixedName, createBEM(prefixedName), createTranslate(prefixedName)];
-}
+function createNamespace(name) {
+  const prefixedName = `van-${name}`;
+  return [
+    prefixedName,
+    createBEM(prefixedName),
+    createTranslate(prefixedName)
+  ];
+}
+export {
+  createBEM,
+  createNamespace,
+  createTranslate
+};

package/es/utils/deep-assign.js

@@ -1,26 +1,22 @@
-import { isDef, isObject } from './validate';
-var {
-  hasOwnProperty
-} = Object.prototype;
-
+import { isDef, isObject } from "./validate";
+const { hasOwnProperty } = Object.prototype;
 function assignKey(to, from, key) {
-  var val = from[key];
-
+  const val = from[key];
   if (!isDef(val)) {
     return;
   }
-
   if (!hasOwnProperty.call(to, key) || !isObject(val)) {
     to[key] = val;
   } else {
-    // eslint-disable-next-line no-use-before-define
     to[key] = deepAssign(Object(to[key]), val);
   }
 }
-
-export function deepAssign(to, from) {
-  Object.keys(from).forEach(key => {
+function deepAssign(to, from) {
+  Object.keys(from).forEach((key) => {
     assignKey(to, from, key);
   });
   return to;
-}
+}
+export {
+  deepAssign
+};

package/es/utils/deep-clone.js

@@ -1,20 +1,20 @@
-import { isDef, isObject } from './validate';
-export function deepClone(obj) {
+import { isDef, isObject } from "./validate";
+function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;
   }
-
   if (Array.isArray(obj)) {
-    return obj.map(item => deepClone(item));
+    return obj.map((item) => deepClone(item));
   }
-
   if (isObject(obj)) {
-    var to = {};
-    Object.keys(obj).forEach(key => {
+    const to = {};
+    Object.keys(obj).forEach((key) => {
       to[key] = deepClone(obj[key]);
     });
     return to;
   }
-
   return obj;
-}
+}
+export {
+  deepClone
+};

package/es/utils/dom.js

@@ -1,69 +1,67 @@
-import { useRect, useWindowSize } from '@vant/use';
-import { unref } from 'vue';
-import { isIOS as checkIsIOS } from './validate';
-export function getScrollTop(el) {
-  var top = 'scrollTop' in el ? el.scrollTop : el.pageYOffset; // iOS scroll bounce cause minus scrollTop
-
+import { useRect, useWindowSize } from "@vant/use";
+import { unref } from "vue";
+import { isIOS as checkIsIOS } from "./validate";
+function getScrollTop(el) {
+  const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);
 }
-export function setScrollTop(el, value) {
-  if ('scrollTop' in el) {
+function setScrollTop(el, value) {
+  if ("scrollTop" in el) {
     el.scrollTop = value;
   } else {
     el.scrollTo(el.scrollX, value);
   }
 }
-export function getRootScrollTop() {
+function getRootScrollTop() {
   return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
 }
-export function setRootScrollTop(value) {
+function setRootScrollTop(value) {
   setScrollTop(window, value);
   setScrollTop(document.body, value);
-} // get distance from element top to page top or scroller top
-
-export function getElementTop(el, scroller) {
+}
+function getElementTop(el, scroller) {
   if (el === window) {
     return 0;
   }
-
-  var scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
+  const scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
   return useRect(el).top + scrollTop;
 }
-var isIOS = checkIsIOS(); // hack for iOS12 page scroll
-// see: https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800
-
-export function resetScroll() {
+const isIOS = checkIsIOS();
+function resetScroll() {
   if (isIOS) {
     setRootScrollTop(getRootScrollTop());
   }
 }
-export var stopPropagation = event => event.stopPropagation();
-export function preventDefault(event, isStopPropagation) {
-  /* istanbul ignore else */
-  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+const stopPropagation = (event) => event.stopPropagation();
+function preventDefault(event, isStopPropagation) {
+  if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();
   }
-
   if (isStopPropagation) {
     stopPropagation(event);
   }
 }
-export function isHidden(elementRef) {
-  var el = unref(elementRef);
-
+function isHidden(elementRef) {
+  const el = unref(elementRef);
   if (!el) {
     return false;
   }
-
-  var style = window.getComputedStyle(el);
-  var hidden = style.display === 'none'; // offsetParent returns null in the following situations:
-  // 1. The element or its parent element has the display property set to none.
-  // 2. The element has the position property set to fixed
-
-  var parentHidden = el.offsetParent === null && style.position !== 'fixed';
+  const style = window.getComputedStyle(el);
+  const hidden = style.display === "none";
+  const parentHidden = el.offsetParent === null && style.position !== "fixed";
   return hidden || parentHidden;
 }
-export var {
-  width: windowWidth,
-  height: windowHeight
-} = useWindowSize();
+const { width: windowWidth, height: windowHeight } = useWindowSize();
+export {
+  getElementTop,
+  getRootScrollTop,
+  getScrollTop,
+  isHidden,
+  preventDefault,
+  resetScroll,
+  setRootScrollTop,
+  setScrollTop,
+  stopPropagation,
+  windowHeight,
+  windowWidth
+};

package/es/utils/format.js

@@ -1,140 +1,114 @@
-import { inBrowser } from './basic';
-import { windowWidth, windowHeight } from './dom';
-import { isDef, isNumeric } from './validate';
-export function addUnit(value) {
+import { inBrowser } from "./basic";
+import { windowWidth, windowHeight } from "./dom";
+import { isDef, isNumeric } from "./validate";
+function addUnit(value) {
   if (isDef(value)) {
-    return isNumeric(value) ? value + "px" : String(value);
+    return isNumeric(value) ? `${value}px` : String(value);
   }
-
-  return undefined;
+  return void 0;
 }
-export function getSizeStyle(originSize) {
+function getSizeStyle(originSize) {
   if (isDef(originSize)) {
-    var size = addUnit(originSize);
+    const size = addUnit(originSize);
     return {
       width: size,
       height: size
     };
   }
 }
-export function getZIndexStyle(zIndex) {
-  var style = {};
-
-  if (zIndex !== undefined) {
+function getZIndexStyle(zIndex) {
+  const style = {};
+  if (zIndex !== void 0) {
     style.zIndex = +zIndex;
   }
-
   return style;
-} // cache
-
-var rootFontSize;
-
+}
+let rootFontSize;
 function getRootFontSize() {
   if (!rootFontSize) {
-    var doc = document.documentElement;
-    var fontSize = doc.style.fontSize || window.getComputedStyle(doc).fontSize;
+    const doc = document.documentElement;
+    const fontSize = doc.style.fontSize || window.getComputedStyle(doc).fontSize;
     rootFontSize = parseFloat(fontSize);
   }
-
   return rootFontSize;
 }
-
 function convertRem(value) {
-  value = value.replace(/rem/g, '');
+  value = value.replace(/rem/g, "");
   return +value * getRootFontSize();
 }
-
 function convertVw(value) {
-  value = value.replace(/vw/g, '');
+  value = value.replace(/vw/g, "");
   return +value * windowWidth.value / 100;
 }
-
 function convertVh(value) {
-  value = value.replace(/vh/g, '');
+  value = value.replace(/vh/g, "");
   return +value * windowHeight.value / 100;
 }
-
-export function unitToPx(value) {
-  if (typeof value === 'number') {
+function unitToPx(value) {
+  if (typeof value === "number") {
     return value;
   }
-
   if (inBrowser) {
-    if (value.includes('rem')) {
+    if (value.includes("rem")) {
       return convertRem(value);
     }
-
-    if (value.includes('vw')) {
+    if (value.includes("vw")) {
       return convertVw(value);
     }
-
-    if (value.includes('vh')) {
+    if (value.includes("vh")) {
       return convertVh(value);
     }
   }
-
   return parseFloat(value);
 }
-var camelizeRE = /-(\w)/g;
-export var camelize = str => str.replace(camelizeRE, (_, c) => c.toUpperCase());
-export var kebabCase = str => str.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
-export function padZero(num, targetLength) {
-  if (targetLength === void 0) {
-    targetLength = 2;
-  }
-
-  var str = num + '';
-
+const camelizeRE = /-(\w)/g;
+const camelize = (str) => str.replace(camelizeRE, (_, c) => c.toUpperCase());
+const kebabCase = (str) => str.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+function padZero(num, targetLength = 2) {
+  let str = num + "";
   while (str.length < targetLength) {
-    str = '0' + str;
+    str = "0" + str;
   }
-
   return str;
 }
-/** clamps number within the inclusive lower and upper bounds */
-
-export var clamp = (num, min, max) => Math.min(Math.max(num, min), max);
-
+const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
 function trimExtraChar(value, char, regExp) {
-  var index = value.indexOf(char);
-
+  const index = value.indexOf(char);
   if (index === -1) {
     return value;
   }
-
-  if (char === '-' && index !== 0) {
+  if (char === "-" && index !== 0) {
     return value.slice(0, index);
   }
-
-  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
+  return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
 }
-
-export function formatNumber(value, allowDot, allowMinus) {
-  if (allowDot === void 0) {
-    allowDot = true;
-  }
-
-  if (allowMinus === void 0) {
-    allowMinus = true;
-  }
-
+function formatNumber(value, allowDot = true, allowMinus = true) {
   if (allowDot) {
-    value = trimExtraChar(value, '.', /\./g);
+    value = trimExtraChar(value, ".", /\./g);
   } else {
-    value = value.split('.')[0];
+    value = value.split(".")[0];
   }
-
   if (allowMinus) {
-    value = trimExtraChar(value, '-', /-/g);
+    value = trimExtraChar(value, "-", /-/g);
   } else {
-    value = value.replace(/-/, '');
+    value = value.replace(/-/, "");
   }
-
-  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-  return value.replace(regExp, '');
-} // add num and avoid float number
-
-export function addNumber(num1, num2) {
-  var cardinal = Math.pow(10, 10);
+  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+  return value.replace(regExp, "");
+}
+function addNumber(num1, num2) {
+  const cardinal = 10 ** 10;
   return Math.round((num1 + num2) * cardinal) / cardinal;
-}
+}
+export {
+  addNumber,
+  addUnit,
+  camelize,
+  clamp,
+  formatNumber,
+  getSizeStyle,
+  getZIndexStyle,
+  kebabCase,
+  padZero,
+  unitToPx
+};

package/es/utils/index.js

@@ -1,9 +1,9 @@
-export * from './basic';
-export * from './props';
-export * from './dom';
-export * from './create';
-export * from './format';
-export * from './constant';
-export * from './validate';
-export * from './interceptor';
-export * from './with-install';
+export * from "./basic";
+export * from "./props";
+export * from "./dom";
+export * from "./create";
+export * from "./format";
+export * from "./constant";
+export * from "./validate";
+export * from "./interceptor";
+export * from "./with-install";

package/es/utils/interceptor.js

@@ -1,18 +1,14 @@
-import { noop } from './basic';
-import { isPromise } from './validate';
-export function callInterceptor(interceptor, _ref) {
-  var {
-    args = [],
-    done,
-    canceled
-  } = _ref;
-
+import { noop } from "./basic";
+import { isPromise } from "./validate";
+function callInterceptor(interceptor, {
+  args = [],
+  done,
+  canceled
+}) {
   if (interceptor) {
-    // eslint-disable-next-line prefer-spread
-    var returnVal = interceptor.apply(null, args);
-
+    const returnVal = interceptor.apply(null, args);
     if (isPromise(returnVal)) {
-      returnVal.then(value => {
+      returnVal.then((value) => {
         if (value) {
           done();
         } else if (canceled) {
@@ -27,4 +23,7 @@ export function callInterceptor(interceptor, _ref) {
   } else {
     done();
   }
-}
+}
+export {
+  callInterceptor
+};

package/es/utils/mount-component.js

@@ -1,29 +1,19 @@
-import { createApp, reactive } from 'vue';
-import { extend } from '../utils';
-import { useExpose } from '../composables/use-expose';
-export function usePopupState() {
-  var state = reactive({
+import { createApp, reactive } from "vue";
+import { extend } from "../utils";
+import { useExpose } from "../composables/use-expose";
+function usePopupState() {
+  const state = reactive({
     show: false
   });
-
-  var toggle = show => {
+  const toggle = (show) => {
     state.show = show;
   };
-
-  var open = props => {
-    extend(state, props, {
-      transitionAppear: true
-    });
+  const open = (props) => {
+    extend(state, props, { transitionAppear: true });
     toggle(true);
   };
-
-  var close = () => toggle(false);
-
-  useExpose({
-    open,
-    close,
-    toggle
-  });
+  const close = () => toggle(false);
+  useExpose({ open, close, toggle });
   return {
     open,
     close,
@@ -31,17 +21,19 @@ export function usePopupState() {
     toggle
   };
 }
-export function mountComponent(RootComponent) {
-  var app = createApp(RootComponent);
-  var root = document.createElement('div');
+function mountComponent(RootComponent) {
+  const app = createApp(RootComponent);
+  const root = document.createElement("div");
   document.body.appendChild(root);
   return {
     instance: app.mount(root),
-
     unmount() {
       app.unmount();
       document.body.removeChild(root);
     }
-
   };
-}
+}
+export {
+  mountComponent,
+  usePopupState
+};

package/es/utils/props.js

@@ -1,30 +1,36 @@
-/**
- * prop type helpers
- * help us to write less code and reduce bundle size
- */
-export var unknownProp = null;
-export var numericProp = [Number, String];
-export var truthProp = {
+const unknownProp = null;
+const numericProp = [Number, String];
+const truthProp = {
   type: Boolean,
   default: true
 };
-export var makeRequiredProp = type => ({
+const makeRequiredProp = (type) => ({
   type,
   required: true
 });
-export var makeArrayProp = () => ({
+const makeArrayProp = () => ({
   type: Array,
   default: () => []
 });
-export var makeNumberProp = defaultVal => ({
+const makeNumberProp = (defaultVal) => ({
   type: Number,
   default: defaultVal
 });
-export var makeNumericProp = defaultVal => ({
+const makeNumericProp = (defaultVal) => ({
   type: numericProp,
   default: defaultVal
 });
-export var makeStringProp = defaultVal => ({
+const makeStringProp = (defaultVal) => ({
   type: String,
   default: defaultVal
-});
+});
+export {
+  makeArrayProp,
+  makeNumberProp,
+  makeNumericProp,
+  makeRequiredProp,
+  makeStringProp,
+  numericProp,
+  truthProp,
+  unknownProp
+};

package/es/utils/validate.js

@@ -1,13 +1,22 @@
-import { inBrowser } from './basic';
-export var isDef = val => val !== undefined && val !== null; // eslint-disable-next-line @typescript-eslint/ban-types
-
-export var isFunction = val => typeof val === 'function';
-export var isObject = val => val !== null && typeof val === 'object';
-export var isPromise = val => isObject(val) && isFunction(val.then) && isFunction(val.catch);
-export var isDate = val => Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
-export function isMobile(value) {
-  value = value.replace(/[^-|\d]/g, '');
+import { inBrowser } from "./basic";
+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);
 }
-export var isNumeric = val => typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
-export var isIOS = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
+const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+const isIOS = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
+export {
+  isDate,
+  isDef,
+  isFunction,
+  isIOS,
+  isMobile,
+  isNumeric,
+  isObject,
+  isPromise
+};