vant 3.2.4 → 3.2.5

package/lib/vant.es.js

@@ -1,13 +1,8 @@
-import { ref, reactive, unref, inject, getCurrentInstance, onUnmounted, computed, provide, isVNode, onBeforeUnmount, onActivated, onDeactivated, onMounted, nextTick, isRef, watch, defineComponent, createVNode, Transition, withDirectives, vShow, Teleport, Fragment, mergeProps, createTextVNode, createApp, onBeforeUpdate, resolveDirective, h, onUpdated } from "vue";
+import { unref, ref, inject, getCurrentInstance, onUnmounted, computed, reactive, provide, isVNode, onBeforeUnmount, onActivated, onDeactivated, onMounted, nextTick, isRef, watch, defineComponent, createVNode, Transition, withDirectives, vShow, Teleport, Fragment, mergeProps, createTextVNode, createApp, onBeforeUpdate, resolveDirective, h, onUpdated } from "vue";
 function noop$1() {
 }
 var extend = Object.assign;
-var inBrowser$2 = typeof window !== "undefined";
-var unknownProp = null;
-var truthProp = {
-  type: Boolean,
-  default: true
-};
+var inBrowser$1 = typeof window !== "undefined";
 function get(object, path) {
   var keys = path.split(".");
   var result = object;
@@ -25,484 +20,118 @@ function pick(obj, keys, ignoreUndefined) {
     return ret;
   }, {});
 }
-function gen(name2, mods) {
-  if (!mods) {
-    return "";
-  }
-  if (typeof mods === "string") {
-    return " " + name2 + "--" + mods;
-  }
-  if (Array.isArray(mods)) {
-    return mods.reduce((ret, item) => ret + gen(name2, item), "");
-  }
-  return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? gen(name2, key) : ""), "");
-}
-function createBEM(name2) {
-  return function(el, mods) {
-    if (el && typeof el !== "string") {
-      mods = el;
-      el = "";
-    }
-    el = el ? name2 + "__" + el : name2;
-    return "" + el + gen(el, mods);
-  };
-}
-var camelizeRE = /-(\w)/g;
-function camelize(str) {
-  return str.replace(camelizeRE, (_2, c) => c.toUpperCase());
-}
-function kebabCase(str) {
-  return str.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+var unknownProp = null;
+var numericProp = [Number, String];
+var truthProp = {
+  type: Boolean,
+  default: true
+};
+var makeRequiredProp = (type) => ({
+  type,
+  required: true
+});
+var makeArrayProp = () => ({
+  type: Array,
+  default: () => []
+});
+var makeNumberProp = (defaultVal) => ({
+  type: Number,
+  default: defaultVal
+});
+var makeNumericProp = (defaultVal) => ({
+  type: numericProp,
+  default: defaultVal
+});
+var makeStringProp = (defaultVal) => ({
+  type: String,
+  default: defaultVal
+});
+var inBrowser = typeof window !== "undefined";
+function raf(fn2) {
+  return inBrowser ? requestAnimationFrame(fn2) : -1;
 }
-function padZero(num, targetLength = 2) {
-  var str = num + "";
-  while (str.length < targetLength) {
-    str = "0" + str;
+function cancelRaf(id) {
+  if (inBrowser) {
+    cancelAnimationFrame(id);
   }
-  return str;
-}
-function isDef(val) {
-  return val !== void 0 && val !== null;
-}
-function isFunction(val) {
-  return typeof val === "function";
-}
-function isObject$1(val) {
-  return val !== null && typeof val === "object";
 }
-function isPromise(val) {
-  return isObject$1(val) && isFunction(val.then) && isFunction(val.catch);
-}
-function isDate(val) {
-  return 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);
-}
-function isNumeric(val) {
-  return typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
-}
-function isIOS$1() {
-  return inBrowser$2 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
+function doubleRaf(fn2) {
+  raf(() => raf(fn2));
 }
-var {
-  hasOwnProperty
-} = Object.prototype;
-function assignKey(to, from, key) {
-  var val = from[key];
-  if (!isDef(val)) {
-    return;
-  }
-  if (!hasOwnProperty.call(to, key) || !isObject$1(val)) {
-    to[key] = val;
-  } else {
-    to[key] = deepAssign(Object(to[key]), from[key]);
-  }
+function isWindow(val) {
+  return val === window;
 }
-function deepAssign(to, from) {
-  Object.keys(from).forEach((key) => {
-    assignKey(to, from, key);
-  });
-  return to;
+function makeDOMRect(width, height) {
+  return {
+    top: 0,
+    left: 0,
+    right: width,
+    bottom: height,
+    width,
+    height
+  };
 }
-var defaultMessages = {
-  name: "\u59D3\u540D",
-  tel: "\u7535\u8BDD",
-  save: "\u4FDD\u5B58",
-  confirm: "\u786E\u8BA4",
-  cancel: "\u53D6\u6D88",
-  delete: "\u5220\u9664",
-  loading: "\u52A0\u8F7D\u4E2D...",
-  noCoupon: "\u6682\u65E0\u4F18\u60E0\u5238",
-  nameEmpty: "\u8BF7\u586B\u5199\u59D3\u540D",
-  confirmDelete: "\u786E\u5B9A\u8981\u5220\u9664\u5417",
-  telInvalid: "\u8BF7\u586B\u5199\u6B63\u786E\u7684\u7535\u8BDD",
-  vanCalendar: {
-    end: "\u7ED3\u675F",
-    start: "\u5F00\u59CB",
-    title: "\u65E5\u671F\u9009\u62E9",
-    confirm: "\u786E\u5B9A",
-    startEnd: "\u5F00\u59CB/\u7ED3\u675F",
-    weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
-    monthTitle: (year, month) => year + "\u5E74" + month + "\u6708",
-    rangePrompt: (maxRange) => "\u6700\u591A\u9009\u62E9 " + maxRange + " \u5929"
-  },
-  vanCascader: {
-    select: "\u8BF7\u9009\u62E9"
-  },
-  vanContactCard: {
-    addText: "\u6DFB\u52A0\u8054\u7CFB\u4EBA"
-  },
-  vanContactList: {
-    addText: "\u65B0\u5EFA\u8054\u7CFB\u4EBA"
-  },
-  vanPagination: {
-    prev: "\u4E0A\u4E00\u9875",
-    next: "\u4E0B\u4E00\u9875"
-  },
-  vanPullRefresh: {
-    pulling: "\u4E0B\u62C9\u5373\u53EF\u5237\u65B0...",
-    loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
-  },
-  vanSubmitBar: {
-    label: "\u5408\u8BA1\uFF1A"
-  },
-  vanCoupon: {
-    unlimited: "\u65E0\u4F7F\u7528\u95E8\u69DB",
-    discount: (discount) => discount + "\u6298",
-    condition: (condition) => "\u6EE1" + condition + "\u5143\u53EF\u7528"
-  },
-  vanCouponCell: {
-    title: "\u4F18\u60E0\u5238",
-    count: (count) => count + "\u5F20\u53EF\u7528"
-  },
-  vanCouponList: {
-    exchange: "\u5151\u6362",
-    close: "\u4E0D\u4F7F\u7528\u4F18\u60E0\u5238",
-    enable: "\u53EF\u7528",
-    disabled: "\u4E0D\u53EF\u7528",
-    placeholder: "\u8BF7\u8F93\u5165\u4F18\u60E0\u7801"
-  },
-  vanAddressEdit: {
-    area: "\u5730\u533A",
-    postal: "\u90AE\u653F\u7F16\u7801",
-    areaEmpty: "\u8BF7\u9009\u62E9\u5730\u533A",
-    addressEmpty: "\u8BF7\u586B\u5199\u8BE6\u7EC6\u5730\u5740",
-    postalEmpty: "\u90AE\u653F\u7F16\u7801\u4E0D\u6B63\u786E",
-    defaultAddress: "\u8BBE\u4E3A\u9ED8\u8BA4\u6536\u8D27\u5730\u5740"
-  },
-  vanAddressEditDetail: {
-    label: "\u8BE6\u7EC6\u5730\u5740",
-    placeholder: "\u8857\u9053\u95E8\u724C\u4FE1\u606F"
-  },
-  vanAddressList: {
-    add: "\u65B0\u589E\u5730\u5740"
+var useRect = (elementOrRef) => {
+  var element = unref(elementOrRef);
+  if (isWindow(element)) {
+    var width = element.innerWidth;
+    var height = element.innerHeight;
+    return makeDOMRect(width, height);
   }
-};
-var lang = ref("zh-CN");
-var messages = reactive({
-  "zh-CN": defaultMessages
-});
-var Locale = {
-  messages() {
-    return messages[lang.value];
-  },
-  use(newLang, newMessages) {
-    lang.value = newLang;
-    this.add({
-      [newLang]: newMessages
-    });
-  },
-  add(newMessages = {}) {
-    deepAssign(messages, newMessages);
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
   }
+  return makeDOMRect(0, 0);
 };
-function createTranslate(name2) {
-  var prefix2 = camelize(name2) + ".";
-  return function(path, ...args) {
-    var messages2 = Locale.messages();
-    var message = get(messages2, prefix2 + path) || get(messages2, path);
-    return isFunction(message) ? message(...args) : message;
+function useToggle(defaultValue = false) {
+  var state = ref(defaultValue);
+  var toggle = (value = !state.value) => {
+    state.value = value;
   };
+  return [state, toggle];
 }
-function createNamespace(name2) {
-  var prefixedName = "van-" + name2;
-  return [prefixedName, createBEM(prefixedName), createTranslate(prefixedName)];
-}
-var BORDER = "van-hairline";
-var BORDER_TOP = BORDER + "--top";
-var BORDER_LEFT = BORDER + "--left";
-var BORDER_BOTTOM = BORDER + "--bottom";
-var BORDER_SURROUND = BORDER + "--surround";
-var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
-var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
-var FORM_KEY = Symbol("van-form");
-function isHidden(elementRef) {
-  var el = unref(elementRef);
-  if (!el) {
-    return false;
+function useParent(key) {
+  var parent = inject(key, null);
+  if (parent) {
+    var instance2 = getCurrentInstance();
+    var {
+      link: _link,
+      unlink: _unlink,
+      internalChildren
+    } = parent;
+    _link(instance2);
+    onUnmounted(() => _unlink(instance2));
+    var index2 = computed(() => internalChildren.indexOf(instance2));
+    return {
+      parent,
+      index: index2
+    };
   }
-  var style2 = window.getComputedStyle(el);
-  var hidden = style2.display === "none";
-  var parentHidden = el.offsetParent === null && style2.position !== "fixed";
-  return hidden || parentHidden;
+  return {
+    parent: null,
+    index: ref(-1)
+  };
 }
-function stopPropagation(event) {
-  event.stopPropagation();
-}
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    stopPropagation(event);
-  }
-}
-function trigger(target, type) {
-  var inputEvent = document.createEvent("HTMLEvents");
-  inputEvent.initEvent(type, true, true);
-  target.dispatchEvent(inputEvent);
-}
-function isWindow$1(val) {
-  return val === window;
-}
-function getScrollTop(el) {
-  var top2 = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
-  return Math.max(top2, 0);
-}
-function setScrollTop(el, value) {
-  if ("scrollTop" in el) {
-    el.scrollTop = value;
-  } else {
-    el.scrollTo(el.scrollX, value);
-  }
-}
-function getRootScrollTop() {
-  return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
-}
-function setRootScrollTop(value) {
-  setScrollTop(window, value);
-  setScrollTop(document.body, value);
-}
-function getElementTop(el, scroller) {
-  if (isWindow$1(el)) {
-    return 0;
-  }
-  var scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
-  return el.getBoundingClientRect().top + scrollTop;
-}
-function getVisibleHeight(el) {
-  if (isWindow$1(el)) {
-    return el.innerHeight;
-  }
-  return el.getBoundingClientRect().height;
-}
-function getVisibleTop(el) {
-  if (isWindow$1(el)) {
-    return 0;
-  }
-  return el.getBoundingClientRect().top;
-}
-var isIOS = isIOS$1();
-function resetScroll() {
-  if (isIOS) {
-    setRootScrollTop(getRootScrollTop());
-  }
-}
-function callInterceptor(options) {
-  var {
-    interceptor,
-    args,
-    done,
-    canceled
-  } = options;
-  if (interceptor) {
-    var returnVal = interceptor.apply(null, args || []);
-    if (isPromise(returnVal)) {
-      returnVal.then((value) => {
-        if (value) {
-          done();
-        } else if (canceled) {
-          canceled();
-        }
-      }).catch(noop$1);
-    } else if (returnVal) {
-      done();
-    } else if (canceled) {
-      canceled();
-    }
-  } else {
-    done();
-  }
-}
-function withInstall(options) {
-  options.install = (app) => {
-    var {
-      name: name2
-    } = options;
-    app.component(name2, options);
-    app.component(camelize("-" + name2), options);
-  };
-  return options;
-}
-function addUnit(value) {
-  if (!isDef(value)) {
-    return void 0;
-  }
-  return isNumeric(value) ? value + "px" : String(value);
-}
-function getSizeStyle(originSize) {
-  if (isDef(originSize)) {
-    var size = addUnit(originSize);
-    return {
-      width: size,
-      height: size
-    };
-  }
-}
-function getZIndexStyle(zIndex) {
-  var style2 = {};
-  if (zIndex !== void 0) {
-    style2.zIndex = +zIndex;
-  }
-  return style2;
-}
-var rootFontSize;
-function getRootFontSize() {
-  if (!rootFontSize) {
-    var doc = document.documentElement;
-    var fontSize = doc.style.fontSize || window.getComputedStyle(doc).fontSize;
-    rootFontSize = parseFloat(fontSize);
-  }
-  return rootFontSize;
-}
-function convertRem(value) {
-  value = value.replace(/rem/g, "");
-  return +value * getRootFontSize();
-}
-function convertVw(value) {
-  value = value.replace(/vw/g, "");
-  return +value * window.innerWidth / 100;
-}
-function convertVh(value) {
-  value = value.replace(/vh/g, "");
-  return +value * window.innerHeight / 100;
-}
-function unitToPx(value) {
-  if (typeof value === "number") {
-    return value;
-  }
-  if (inBrowser$2) {
-    if (value.includes("rem")) {
-      return convertRem(value);
-    }
-    if (value.includes("vw")) {
-      return convertVw(value);
-    }
-    if (value.includes("vh")) {
-      return convertVh(value);
-    }
-  }
-  return parseFloat(value);
-}
-function clamp(num, min, max) {
-  return Math.min(Math.max(num, min), max);
-}
-function trimExtraChar(value, char, regExp) {
-  var index2 = value.indexOf(char);
-  if (index2 === -1) {
-    return value;
-  }
-  if (char === "-" && index2 !== 0) {
-    return value.slice(0, index2);
-  }
-  return value.slice(0, index2 + 1) + value.slice(index2).replace(regExp, "");
-}
-function formatNumber(value, allowDot = true, allowMinus = true) {
-  if (allowDot) {
-    value = trimExtraChar(value, ".", /\./g);
-  } else {
-    value = value.split(".")[0];
-  }
-  if (allowMinus) {
-    value = trimExtraChar(value, "-", /-/g);
-  } else {
-    value = value.replace(/-/, "");
-  }
-  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-  return value.replace(regExp, "");
-}
-function addNumber(num1, num2) {
-  var cardinal = Math.pow(10, 10);
-  return Math.round((num1 + num2) * cardinal) / cardinal;
-}
-var inBrowser$1 = typeof window !== "undefined";
-function raf(fn2) {
-  return inBrowser$1 ? requestAnimationFrame(fn2) : -1;
-}
-function cancelRaf(id) {
-  if (inBrowser$1) {
-    cancelAnimationFrame(id);
-  }
-}
-function doubleRaf(fn2) {
-  raf(() => raf(fn2));
-}
-function isWindow(val) {
-  return val === window;
-}
-function makeDOMRect(width, height) {
-  return {
-    top: 0,
-    left: 0,
-    right: width,
-    bottom: height,
-    width,
-    height
-  };
-}
-var useRect = (elementOrRef) => {
-  var element = unref(elementOrRef);
-  if (isWindow(element)) {
-    var width = element.innerWidth;
-    var height = element.innerHeight;
-    return makeDOMRect(width, height);
-  }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
-  }
-  return makeDOMRect(0, 0);
-};
-function useToggle(defaultValue = false) {
-  var state = ref(defaultValue);
-  var toggle = (value = !state.value) => {
-    state.value = value;
-  };
-  return [state, toggle];
-}
-function useParent(key) {
-  var parent = inject(key, null);
-  if (parent) {
-    var instance2 = getCurrentInstance();
-    var {
-      link: _link,
-      unlink: _unlink,
-      internalChildren
-    } = parent;
-    _link(instance2);
-    onUnmounted(() => _unlink(instance2));
-    var index2 = computed(() => internalChildren.indexOf(instance2));
-    return {
-      parent,
-      index: index2
-    };
-  }
-  return {
-    parent: null,
-    index: ref(-1)
-  };
-}
-function flattenVNodes(children) {
-  var result = [];
-  var traverse = (children2) => {
-    if (Array.isArray(children2)) {
-      children2.forEach((child) => {
-        if (isVNode(child)) {
-          var _child$component;
-          result.push(child);
-          if ((_child$component = child.component) != null && _child$component.subTree) {
-            traverse(child.component.subTree.children);
-          }
-          if (child.children) {
-            traverse(child.children);
-          }
-        }
-      });
-    }
-  };
-  traverse(children);
-  return result;
+function flattenVNodes(children) {
+  var result = [];
+  var traverse = (children2) => {
+    if (Array.isArray(children2)) {
+      children2.forEach((child) => {
+        if (isVNode(child)) {
+          var _child$component;
+          result.push(child);
+          if ((_child$component = child.component) != null && _child$component.subTree) {
+            traverse(child.component.subTree.children);
+          }
+          if (child.children) {
+            traverse(child.children);
+          }
+        }
+      });
+    }
+  };
+  traverse(children);
+  return result;
 }
 function sortChildren(parent, publicChildren, internalChildren) {
   var vnodes = flattenVNodes(parent.subTree.children);
@@ -609,7 +238,7 @@ function useCountDown(options) {
     });
   };
   var tick = () => {
-    if (!inBrowser$1) {
+    if (!inBrowser) {
       return;
     }
     if (options.millisecond) {
@@ -664,21 +293,8 @@ function onMountedOrActivated(hook) {
     }
   });
 }
-var supportsPassive$1 = false;
-if (inBrowser$1) {
-  try {
-    var opts = {};
-    Object.defineProperty(opts, "passive", {
-      get() {
-        supportsPassive$1 = true;
-      }
-    });
-    window.addEventListener("test-passive", null, opts);
-  } catch (e) {
-  }
-}
 function useEventListener(type, listener, options = {}) {
-  if (!inBrowser$1) {
+  if (!inBrowser) {
     return;
   }
   var {
@@ -690,10 +306,10 @@ function useEventListener(type, listener, options = {}) {
   var add = (target2) => {
     var element = unref(target2);
     if (element && !attached) {
-      element.addEventListener(type, listener, supportsPassive$1 ? {
+      element.addEventListener(type, listener, {
         capture,
         passive: passive2
-      } : capture);
+      });
       attached = true;
     }
   };
@@ -715,7 +331,7 @@ function useEventListener(type, listener, options = {}) {
   }
 }
 function useClickAway(target, listener, options = {}) {
-  if (!inBrowser$1) {
+  if (!inBrowser) {
     return;
   }
   var {
@@ -732,8 +348,8 @@ function useClickAway(target, listener, options = {}) {
   });
 }
 function useWindowSize() {
-  var width = ref(inBrowser$1 ? window.innerWidth : 0);
-  var height = ref(inBrowser$1 ? window.innerHeight : 0);
+  var width = ref(inBrowser ? window.innerWidth : 0);
+  var height = ref(inBrowser ? window.innerHeight : 0);
   var onResize = () => {
     width.value = window.innerWidth;
     height.value = window.innerHeight;
@@ -746,7 +362,7 @@ function useWindowSize() {
   };
 }
 var overflowScrollReg = /scroll|auto/i;
-var defaultRoot = inBrowser$1 ? window : void 0;
+var defaultRoot = inBrowser ? window : void 0;
 function isElement$1(node) {
   var ELEMENT_NODE_TYPE = 1;
   return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
@@ -765,18 +381,18 @@ function getScrollParent$1(el, root = defaultRoot) {
   return root;
 }
 function useScrollParent(el, root = defaultRoot) {
-  var scrollParent2 = ref();
+  var scrollParent = ref();
   onMounted(() => {
     if (el.value) {
-      scrollParent2.value = getScrollParent$1(el.value, root);
+      scrollParent.value = getScrollParent$1(el.value, root);
     }
   });
-  return scrollParent2;
+  return scrollParent;
 }
 function usePageVisibility() {
   var visibility = ref("visible");
   var setVisibility = () => {
-    if (inBrowser$1) {
+    if (inBrowser) {
       visibility.value = document.hidden ? "hidden" : "visible";
     }
   };
@@ -795,6 +411,361 @@ function useCustomFieldValue(customValue) {
     });
   }
 }
+var isDef = (val) => val !== void 0 && val !== null;
+var isFunction = (val) => typeof val === "function";
+var isObject$1 = (val) => val !== null && typeof val === "object";
+var isPromise = (val) => isObject$1(val) && isFunction(val.then) && isFunction(val.catch);
+var 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);
+}
+var isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+var isIOS$1 = () => inBrowser$1 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
+function getScrollTop(el) {
+  var top2 = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
+  return Math.max(top2, 0);
+}
+function setScrollTop(el, value) {
+  if ("scrollTop" in el) {
+    el.scrollTop = value;
+  } else {
+    el.scrollTo(el.scrollX, value);
+  }
+}
+function getRootScrollTop() {
+  return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+}
+function setRootScrollTop(value) {
+  setScrollTop(window, value);
+  setScrollTop(document.body, value);
+}
+function getElementTop(el, scroller) {
+  if (el === window) {
+    return 0;
+  }
+  var scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
+  return useRect(el).top + scrollTop;
+}
+var isIOS = isIOS$1();
+function resetScroll() {
+  if (isIOS) {
+    setRootScrollTop(getRootScrollTop());
+  }
+}
+var stopPropagation = (event) => event.stopPropagation();
+function preventDefault(event, isStopPropagation) {
+  if (typeof event.cancelable !== "boolean" || event.cancelable) {
+    event.preventDefault();
+  }
+  if (isStopPropagation) {
+    stopPropagation(event);
+  }
+}
+function trigger(target, type) {
+  var inputEvent = document.createEvent("HTMLEvents");
+  inputEvent.initEvent(type, true, true);
+  target.dispatchEvent(inputEvent);
+}
+function isHidden(elementRef) {
+  var el = unref(elementRef);
+  if (!el) {
+    return false;
+  }
+  var style = window.getComputedStyle(el);
+  var hidden = style.display === "none";
+  var parentHidden = el.offsetParent === null && style.position !== "fixed";
+  return hidden || parentHidden;
+}
+function addUnit(value) {
+  if (!isDef(value)) {
+    return void 0;
+  }
+  return isNumeric(value) ? value + "px" : String(value);
+}
+function getSizeStyle(originSize) {
+  if (isDef(originSize)) {
+    var size = addUnit(originSize);
+    return {
+      width: size,
+      height: size
+    };
+  }
+}
+function getZIndexStyle(zIndex) {
+  var style = {};
+  if (zIndex !== void 0) {
+    style.zIndex = +zIndex;
+  }
+  return style;
+}
+var rootFontSize;
+function getRootFontSize() {
+  if (!rootFontSize) {
+    var doc = document.documentElement;
+    var fontSize = doc.style.fontSize || window.getComputedStyle(doc).fontSize;
+    rootFontSize = parseFloat(fontSize);
+  }
+  return rootFontSize;
+}
+function convertRem(value) {
+  value = value.replace(/rem/g, "");
+  return +value * getRootFontSize();
+}
+function convertVw(value) {
+  value = value.replace(/vw/g, "");
+  return +value * window.innerWidth / 100;
+}
+function convertVh(value) {
+  value = value.replace(/vh/g, "");
+  return +value * window.innerHeight / 100;
+}
+function unitToPx(value) {
+  if (typeof value === "number") {
+    return value;
+  }
+  if (inBrowser$1) {
+    if (value.includes("rem")) {
+      return convertRem(value);
+    }
+    if (value.includes("vw")) {
+      return convertVw(value);
+    }
+    if (value.includes("vh")) {
+      return convertVh(value);
+    }
+  }
+  return parseFloat(value);
+}
+var camelizeRE = /-(\w)/g;
+var camelize = (str) => str.replace(camelizeRE, (_, c) => c.toUpperCase());
+var kebabCase = (str) => str.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+function padZero(num, targetLength = 2) {
+  var str = num + "";
+  while (str.length < targetLength) {
+    str = "0" + str;
+  }
+  return str;
+}
+var clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+function trimExtraChar(value, char, regExp) {
+  var index2 = value.indexOf(char);
+  if (index2 === -1) {
+    return value;
+  }
+  if (char === "-" && index2 !== 0) {
+    return value.slice(0, index2);
+  }
+  return value.slice(0, index2 + 1) + value.slice(index2).replace(regExp, "");
+}
+function formatNumber(value, allowDot = true, allowMinus = true) {
+  if (allowDot) {
+    value = trimExtraChar(value, ".", /\./g);
+  } else {
+    value = value.split(".")[0];
+  }
+  if (allowMinus) {
+    value = trimExtraChar(value, "-", /-/g);
+  } else {
+    value = value.replace(/-/, "");
+  }
+  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+  return value.replace(regExp, "");
+}
+function addNumber(num1, num2) {
+  var cardinal = Math.pow(10, 10);
+  return Math.round((num1 + num2) * cardinal) / cardinal;
+}
+var {
+  hasOwnProperty
+} = Object.prototype;
+function assignKey(to, from, key) {
+  var val = from[key];
+  if (!isDef(val)) {
+    return;
+  }
+  if (!hasOwnProperty.call(to, key) || !isObject$1(val)) {
+    to[key] = val;
+  } else {
+    to[key] = deepAssign(Object(to[key]), from[key]);
+  }
+}
+function deepAssign(to, from) {
+  Object.keys(from).forEach((key) => {
+    assignKey(to, from, key);
+  });
+  return to;
+}
+var defaultMessages = {
+  name: "\u59D3\u540D",
+  tel: "\u7535\u8BDD",
+  save: "\u4FDD\u5B58",
+  confirm: "\u786E\u8BA4",
+  cancel: "\u53D6\u6D88",
+  delete: "\u5220\u9664",
+  loading: "\u52A0\u8F7D\u4E2D...",
+  noCoupon: "\u6682\u65E0\u4F18\u60E0\u5238",
+  nameEmpty: "\u8BF7\u586B\u5199\u59D3\u540D",
+  confirmDelete: "\u786E\u5B9A\u8981\u5220\u9664\u5417",
+  telInvalid: "\u8BF7\u586B\u5199\u6B63\u786E\u7684\u7535\u8BDD",
+  vanCalendar: {
+    end: "\u7ED3\u675F",
+    start: "\u5F00\u59CB",
+    title: "\u65E5\u671F\u9009\u62E9",
+    confirm: "\u786E\u5B9A",
+    startEnd: "\u5F00\u59CB/\u7ED3\u675F",
+    weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
+    monthTitle: (year, month) => year + "\u5E74" + month + "\u6708",
+    rangePrompt: (maxRange) => "\u6700\u591A\u9009\u62E9 " + maxRange + " \u5929"
+  },
+  vanCascader: {
+    select: "\u8BF7\u9009\u62E9"
+  },
+  vanContactCard: {
+    addText: "\u6DFB\u52A0\u8054\u7CFB\u4EBA"
+  },
+  vanContactList: {
+    addText: "\u65B0\u5EFA\u8054\u7CFB\u4EBA"
+  },
+  vanPagination: {
+    prev: "\u4E0A\u4E00\u9875",
+    next: "\u4E0B\u4E00\u9875"
+  },
+  vanPullRefresh: {
+    pulling: "\u4E0B\u62C9\u5373\u53EF\u5237\u65B0...",
+    loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
+  },
+  vanSubmitBar: {
+    label: "\u5408\u8BA1\uFF1A"
+  },
+  vanCoupon: {
+    unlimited: "\u65E0\u4F7F\u7528\u95E8\u69DB",
+    discount: (discount) => discount + "\u6298",
+    condition: (condition) => "\u6EE1" + condition + "\u5143\u53EF\u7528"
+  },
+  vanCouponCell: {
+    title: "\u4F18\u60E0\u5238",
+    count: (count) => count + "\u5F20\u53EF\u7528"
+  },
+  vanCouponList: {
+    exchange: "\u5151\u6362",
+    close: "\u4E0D\u4F7F\u7528\u4F18\u60E0\u5238",
+    enable: "\u53EF\u7528",
+    disabled: "\u4E0D\u53EF\u7528",
+    placeholder: "\u8BF7\u8F93\u5165\u4F18\u60E0\u7801"
+  },
+  vanAddressEdit: {
+    area: "\u5730\u533A",
+    postal: "\u90AE\u653F\u7F16\u7801",
+    areaEmpty: "\u8BF7\u9009\u62E9\u5730\u533A",
+    addressEmpty: "\u8BF7\u586B\u5199\u8BE6\u7EC6\u5730\u5740",
+    postalEmpty: "\u90AE\u653F\u7F16\u7801\u4E0D\u6B63\u786E",
+    defaultAddress: "\u8BBE\u4E3A\u9ED8\u8BA4\u6536\u8D27\u5730\u5740"
+  },
+  vanAddressEditDetail: {
+    label: "\u8BE6\u7EC6\u5730\u5740",
+    placeholder: "\u8857\u9053\u95E8\u724C\u4FE1\u606F"
+  },
+  vanAddressList: {
+    add: "\u65B0\u589E\u5730\u5740"
+  }
+};
+var lang = ref("zh-CN");
+var messages = reactive({
+  "zh-CN": defaultMessages
+});
+var Locale = {
+  messages() {
+    return messages[lang.value];
+  },
+  use(newLang, newMessages) {
+    lang.value = newLang;
+    this.add({
+      [newLang]: newMessages
+    });
+  },
+  add(newMessages = {}) {
+    deepAssign(messages, newMessages);
+  }
+};
+function createTranslate(name2) {
+  var prefix2 = camelize(name2) + ".";
+  return (path, ...args) => {
+    var messages2 = Locale.messages();
+    var message = get(messages2, prefix2 + path) || get(messages2, path);
+    return isFunction(message) ? message(...args) : message;
+  };
+}
+function genBem(name2, mods) {
+  if (!mods) {
+    return "";
+  }
+  if (typeof mods === "string") {
+    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) : ""), "");
+}
+function createBEM(name2) {
+  return (el, mods) => {
+    if (el && typeof el !== "string") {
+      mods = el;
+      el = "";
+    }
+    el = el ? name2 + "__" + el : name2;
+    return "" + el + genBem(el, mods);
+  };
+}
+function createNamespace(name2) {
+  var prefixedName = "van-" + name2;
+  return [prefixedName, createBEM(prefixedName), createTranslate(prefixedName)];
+}
+var BORDER = "van-hairline";
+var BORDER_TOP = BORDER + "--top";
+var BORDER_LEFT = BORDER + "--left";
+var BORDER_BOTTOM = BORDER + "--bottom";
+var BORDER_SURROUND = BORDER + "--surround";
+var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
+var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
+var FORM_KEY = Symbol("van-form");
+function callInterceptor(options) {
+  var {
+    interceptor,
+    args,
+    done,
+    canceled
+  } = options;
+  if (interceptor) {
+    var returnVal = interceptor.apply(null, args || []);
+    if (isPromise(returnVal)) {
+      returnVal.then((value) => {
+        if (value) {
+          done();
+        } else if (canceled) {
+          canceled();
+        }
+      }).catch(noop$1);
+    } else if (returnVal) {
+      done();
+    } else if (canceled) {
+      canceled();
+    }
+  } else {
+    done();
+  }
+}
+function withInstall(options) {
+  options.install = (app) => {
+    var {
+      name: name2
+    } = options;
+    app.component(name2, options);
+    app.component(camelize("-" + name2), options);
+  };
+  return options;
+}
 var [name$1u, bem$1q] = createNamespace("action-bar");
 var ACTION_BAR_KEY = Symbol(name$1u);
 var _ActionBar = defineComponent({
@@ -850,15 +821,12 @@ var _Badge = defineComponent({
   name: name$1t,
   props: {
     dot: Boolean,
-    max: [Number, String],
+    max: numericProp,
+    tag: makeStringProp("div"),
     color: String,
     offset: Array,
-    content: [Number, String],
-    showZero: truthProp,
-    tag: {
-      type: String,
-      default: "div"
-    }
+    content: numericProp,
+    showZero: truthProp
   },
   setup(props2, {
     slots
@@ -889,25 +857,25 @@ var _Badge = defineComponent({
         return content;
       }
     };
-    var style2 = computed(() => {
-      var style3 = {
+    var style = computed(() => {
+      var style2 = {
         background: props2.color
       };
       if (props2.offset) {
         var [x, y] = props2.offset;
         if (slots.default) {
-          style3.top = addUnit(y);
+          style2.top = addUnit(y);
           if (typeof x === "number") {
-            style3.right = addUnit(-x);
+            style2.right = addUnit(-x);
           } else {
-            style3.right = x.startsWith("-") ? x.replace("-", "") : "-" + x;
+            style2.right = x.startsWith("-") ? x.replace("-", "") : "-" + x;
           }
         } else {
-          style3.marginTop = addUnit(y);
-          style3.marginLeft = addUnit(x);
+          style2.marginTop = addUnit(y);
+          style2.marginLeft = addUnit(x);
         }
       }
-      return style3;
+      return style2;
     });
     var renderBadge = () => {
       if (hasContent() || props2.dot) {
@@ -916,7 +884,7 @@ var _Badge = defineComponent({
             dot: props2.dot,
             fixed: !!slots.default
           }),
-          "style": style2.value
+          "style": style.value
         }, [renderContent()]);
       }
     };
@@ -948,17 +916,14 @@ function mapThemeVarsToCSSVars(themeVars) {
 var _ConfigProvider = defineComponent({
   name: name$1s,
   props: {
+    tag: makeStringProp("div"),
     themeVars: Object,
-    iconPrefix: String,
-    tag: {
-      type: String,
-      default: "div"
-    }
+    iconPrefix: String
   },
   setup(props2, {
     slots
   }) {
-    var style2 = computed(() => {
+    var style = computed(() => {
       if (props2.themeVars) {
         return mapThemeVarsToCSSVars(props2.themeVars);
       }
@@ -966,29 +931,24 @@ var _ConfigProvider = defineComponent({
     provide(CONFIG_PROVIDER_KEY, props2);
     return () => createVNode(props2.tag, {
       "class": bem$1o(),
-      "style": style2.value
+      "style": style.value
     }, {
       default: () => [slots.default == null ? void 0 : slots.default()]
     });
   }
 });
 var [name$1r, bem$1n] = createNamespace("icon");
-function isImage(name2) {
-  return name2 == null ? void 0 : name2.includes("/");
-}
+var isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
 var _Icon = defineComponent({
   name: name$1r,
   props: {
     dot: Boolean,
+    tag: makeStringProp("i"),
     name: String,
-    size: [Number, String],
-    badge: [Number, String],
+    size: numericProp,
+    badge: numericProp,
     color: String,
-    classPrefix: String,
-    tag: {
-      type: String,
-      default: "i"
-    }
+    classPrefix: String
   },
   setup(props2, {
     slots
@@ -1025,7 +985,7 @@ var _Icon = defineComponent({
 });
 var Icon = withInstall(_Icon);
 var [name$1q, bem$1m] = createNamespace("loading");
-var SpinIcon = Array(12).fill(null).map((_2, index2) => createVNode("i", {
+var SpinIcon = Array(12).fill(null).map((_, index2) => createVNode("i", {
   "class": bem$1m("line", String(index2 + 1))
 }, null));
 var CircularIcon = createVNode("svg", {
@@ -1040,15 +1000,12 @@ var CircularIcon = createVNode("svg", {
 var _Loading = defineComponent({
   name: name$1q,
   props: {
-    size: [Number, String],
+    size: numericProp,
+    type: makeStringProp("circular"),
     color: String,
     vertical: Boolean,
-    textSize: [Number, String],
-    textColor: String,
-    type: {
-      type: String,
-      default: "circular"
-    }
+    textSize: numericProp,
+    textColor: String
   },
   setup(props2, {
     slots
@@ -1089,8 +1046,11 @@ var [name$1p, bem$1l] = createNamespace("button");
 var _Button = defineComponent({
   name: name$1p,
   props: extend({}, routeProps, {
+    tag: makeStringProp("button"),
     text: String,
     icon: String,
+    type: makeStringProp("default"),
+    size: makeStringProp("normal"),
     color: String,
     block: Boolean,
     plain: Boolean,
@@ -1100,29 +1060,11 @@ var _Button = defineComponent({
     hairline: Boolean,
     disabled: Boolean,
     iconPrefix: String,
-    loadingSize: [Number, String],
+    nativeType: makeStringProp("button"),
+    loadingSize: numericProp,
     loadingText: String,
     loadingType: String,
-    tag: {
-      type: String,
-      default: "button"
-    },
-    type: {
-      type: String,
-      default: "default"
-    },
-    size: {
-      type: String,
-      default: "normal"
-    },
-    nativeType: {
-      type: String,
-      default: "button"
-    },
-    iconPosition: {
-      type: String,
-      default: "left"
-    }
+    iconPosition: makeStringProp("left")
   }),
   emits: ["click"],
   setup(props2, {
@@ -1176,18 +1118,18 @@ var _Button = defineComponent({
         plain
       } = props2;
       if (color) {
-        var style2 = {
+        var style = {
           color: plain ? color : "white"
         };
         if (!plain) {
-          style2.background = color;
+          style.background = color;
         }
         if (color.includes("gradient")) {
-          style2.border = 0;
+          style.border = 0;
         } else {
-          style2.borderColor = color;
+          style.borderColor = color;
         }
-        return style2;
+        return style;
       }
     };
     var onClick = (event) => {
@@ -1309,7 +1251,7 @@ var _ActionBarIcon = defineComponent({
     text: String,
     icon: String,
     color: String,
-    badge: [Number, String],
+    badge: numericProp,
     iconClass: unknownProp,
     iconPrefix: String
   }),
@@ -1357,9 +1299,9 @@ var _ActionBarIcon = defineComponent({
 var ActionBarIcon = withInstall(_ActionBarIcon);
 var popupSharedProps = {
   show: Boolean,
-  zIndex: [Number, String],
+  zIndex: numericProp,
   overlay: truthProp,
-  duration: [Number, String],
+  duration: numericProp,
   teleport: [String, Object],
   lockScroll: truthProp,
   lazyRender: truthProp,
@@ -1452,9 +1394,9 @@ function useLockScroll(rootRef, shouldLock) {
   };
   var lock = () => {
     document.addEventListener("touchstart", touch.start);
-    document.addEventListener("touchmove", onTouchMove, supportsPassive$1 ? {
+    document.addEventListener("touchmove", onTouchMove, {
       passive: false
-    } : false);
+    });
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
     }
@@ -1506,8 +1448,8 @@ var _Overlay = defineComponent({
   name: name$1m,
   props: {
     show: Boolean,
-    zIndex: [Number, String],
-    duration: [Number, String],
+    zIndex: numericProp,
+    duration: numericProp,
     className: unknownProp,
     lockScroll: truthProp,
     customStyle: Object
@@ -1520,18 +1462,19 @@ var _Overlay = defineComponent({
       preventDefault(event, true);
     };
     var renderOverlay = lazyRender(() => {
-      var style2 = extend(getZIndexStyle(props2.zIndex), props2.customStyle);
+      var style = extend(getZIndexStyle(props2.zIndex), props2.customStyle);
       if (isDef(props2.duration)) {
-        style2.animationDuration = props2.duration + "s";
+        style.animationDuration = props2.duration + "s";
       }
       return withDirectives(createVNode("div", {
-        "style": style2,
+        "style": style,
         "class": [bem$1i(), props2.className],
         "onTouchmove": props2.lockScroll ? preventTouchMove : noop$1
       }, [slots.default == null ? void 0 : slots.default()]), [[vShow, props2.show]]);
     });
     return () => createVNode(Transition, {
-      "name": "van-fade"
+      "name": "van-fade",
+      "appear": true
     }, {
       default: () => [renderOverlay()]
     });
@@ -1545,23 +1488,14 @@ var _Popup = defineComponent({
   inheritAttrs: false,
   props: extend({}, popupSharedProps, {
     round: Boolean,
+    position: makeStringProp("center"),
+    closeIcon: makeStringProp("cross"),
     closeable: Boolean,
     transition: String,
     iconPrefix: String,
     closeOnPopstate: Boolean,
-    safeAreaInsetBottom: Boolean,
-    position: {
-      type: String,
-      default: "center"
-    },
-    closeIcon: {
-      type: String,
-      default: "cross"
-    },
-    closeIconPosition: {
-      type: String,
-      default: "top-right"
-    }
+    closeIconPosition: makeStringProp("top-right"),
+    safeAreaInsetBottom: Boolean
   }),
   emits: ["open", "close", "click", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
   setup(props2, {
@@ -1574,15 +1508,15 @@ var _Popup = defineComponent({
     var zIndex = ref();
     var popupRef = ref();
     var lazyRender = useLazyRender(() => props2.show || !props2.lazyRender);
-    var style2 = computed(() => {
-      var style3 = {
+    var style = computed(() => {
+      var style2 = {
         zIndex: zIndex.value
       };
       if (isDef(props2.duration)) {
         var key = props2.position === "center" ? "animationDuration" : "transitionDuration";
-        style3[key] = props2.duration + "s";
+        style2[key] = props2.duration + "s";
       }
-      return style3;
+      return style2;
     });
     var open = () => {
       if (!opened) {
@@ -1653,7 +1587,7 @@ var _Popup = defineComponent({
       } = props2;
       return withDirectives(createVNode("div", mergeProps({
         "ref": popupRef,
-        "style": style2.value,
+        "style": style.value,
         "class": [bem$1h({
           round: round2,
           [position]: position
@@ -1735,16 +1669,13 @@ var _ActionSheet = defineComponent({
     title: String,
     round: truthProp,
     actions: Array,
+    closeIcon: makeStringProp("cross"),
     closeable: truthProp,
     cancelText: String,
     description: String,
     closeOnPopstate: Boolean,
     closeOnClickAction: Boolean,
-    safeAreaInsetBottom: truthProp,
-    closeIcon: {
-      type: String,
-      default: "cross"
-    }
+    safeAreaInsetBottom: truthProp
   }),
   emits: ["select", "cancel", "update:show"],
   setup(props2, {
@@ -1868,45 +1799,26 @@ var MOMENTUM_LIMIT_TIME = 300;
 var MOMENTUM_LIMIT_DISTANCE = 15;
 var [name$1j, bem$1f] = createNamespace("picker-column");
 function getElementTranslateY(element) {
-  var style2 = window.getComputedStyle(element);
-  var transform = style2.transform || style2.webkitTransform;
+  var {
+    transform
+  } = window.getComputedStyle(element);
   var translateY = transform.slice(7, transform.length - 1).split(", ")[5];
   return Number(translateY);
 }
 var PICKER_KEY = Symbol(name$1j);
-function isOptionDisabled(option) {
-  return isObject$1(option) && option.disabled;
-}
+var isOptionDisabled = (option) => isObject$1(option) && option.disabled;
 var Column = defineComponent({
   name: name$1j,
   props: {
+    textKey: makeRequiredProp(String),
     readonly: Boolean,
     allowHtml: Boolean,
     className: unknownProp,
-    textKey: {
-      type: String,
-      required: true
-    },
-    itemHeight: {
-      type: Number,
-      required: true
-    },
-    swipeDuration: {
-      type: [Number, String],
-      required: true
-    },
-    visibleItemCount: {
-      type: [Number, String],
-      required: true
-    },
-    defaultIndex: {
-      type: Number,
-      default: 0
-    },
-    initialOptions: {
-      type: Array,
-      default: () => []
-    }
+    itemHeight: makeRequiredProp(Number),
+    defaultIndex: makeNumberProp(0),
+    swipeDuration: makeRequiredProp(numericProp),
+    initialOptions: makeArrayProp(),
+    visibleItemCount: makeRequiredProp(numericProp)
   },
   emits: ["change"],
   setup(props2, {
@@ -2090,28 +2002,23 @@ var Column = defineComponent({
       stopMomentum
     });
     watch(() => props2.initialOptions, setOptions);
-    watch(() => props2.defaultIndex, (value) => {
-      setIndex(value);
-    });
-    return () => {
-      var wrapperStyle = {
+    watch(() => props2.defaultIndex, (value) => setIndex(value));
+    return () => createVNode("div", {
+      "class": [bem$1f(), props2.className],
+      "onTouchstart": onTouchStart,
+      "onTouchmove": onTouchMove,
+      "onTouchend": onTouchEnd,
+      "onTouchcancel": onTouchEnd
+    }, [createVNode("ul", {
+      "ref": wrapper,
+      "style": {
         transform: "translate3d(0, " + (state.offset + baseOffset()) + "px, 0)",
         transitionDuration: state.duration + "ms",
         transitionProperty: state.duration ? "all" : "none"
-      };
-      return createVNode("div", {
-        "class": [bem$1f(), props2.className],
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
-        "onTouchend": onTouchEnd,
-        "onTouchcancel": onTouchEnd
-      }, [createVNode("ul", {
-        "ref": wrapper,
-        "style": wrapperStyle,
-        "class": bem$1f("wrapper"),
-        "onTransitionend": stopMomentum
-      }, [renderOptions()])]);
-    };
+      },
+      "class": bem$1f("wrapper"),
+      "onTransitionend": stopMomentum
+    }, [renderOptions()])]);
   }
 });
 var [name$1i, bem$1e, t$i] = createNamespace("picker");
@@ -2120,39 +2027,21 @@ var pickerProps = {
   loading: Boolean,
   readonly: Boolean,
   allowHtml: Boolean,
+  itemHeight: makeNumericProp(44),
   showToolbar: truthProp,
+  swipeDuration: makeNumericProp(1e3),
+  visibleItemCount: makeNumericProp(6),
   cancelButtonText: String,
-  confirmButtonText: String,
-  itemHeight: {
-    type: [Number, String],
-    default: 44
-  },
-  visibleItemCount: {
-    type: [Number, String],
-    default: 6
-  },
-  swipeDuration: {
-    type: [Number, String],
-    default: 1e3
-  }
+  confirmButtonText: String
 };
 var _Picker = defineComponent({
   name: name$1i,
   props: extend({}, pickerProps, {
+    columns: makeArrayProp(),
     valueKey: String,
-    columnsFieldNames: Object,
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    defaultIndex: {
-      type: [Number, String],
-      default: 0
-    },
-    toolbarPosition: {
-      type: String,
-      default: "top"
-    }
+    defaultIndex: makeNumericProp(0),
+    toolbarPosition: makeStringProp("top"),
+    columnsFieldNames: Object
   }),
   emits: ["confirm", "cancel", "change"],
   setup(props2, {
@@ -2423,26 +2312,18 @@ var [name$1h, bem$1d] = createNamespace("area");
 var EMPTY_CODE = "000000";
 var INHERIT_SLOTS = ["title", "cancel", "confirm", "toolbar", "columns-top", "columns-bottom"];
 var INHERIT_PROPS = ["title", "loading", "readonly", "itemHeight", "swipeDuration", "visibleItemCount", "cancelButtonText", "confirmButtonText"];
-function isOverseaCode(code) {
-  return code[0] === "9";
-}
+var isOverseaCode = (code) => code[0] === "9";
 var props$q = extend({}, pickerProps, {
   value: String,
+  columnsNum: makeNumericProp(3),
+  columnsPlaceholder: makeArrayProp(),
   areaList: {
     type: Object,
     default: () => ({})
   },
-  columnsNum: {
-    type: [Number, String],
-    default: 3
-  },
   isOverseaCode: {
     type: Function,
     default: isOverseaCode
-  },
-  columnsPlaceholder: {
-    type: Array,
-    default: () => []
   }
 });
 var _Area = defineComponent({
@@ -2661,9 +2542,9 @@ var [name$1g, bem$1c] = createNamespace("cell");
 var cellProps = {
   icon: String,
   size: String,
-  title: [Number, String],
-  value: [Number, String],
-  label: [Number, String],
+  title: numericProp,
+  value: numericProp,
+  label: numericProp,
   center: Boolean,
   isLink: Boolean,
   border: truthProp,
@@ -2857,16 +2738,20 @@ var [name$1f, bem$1b] = createNamespace("field");
 var fieldSharedProps = {
   id: String,
   name: String,
-  formatter: Function,
   leftIcon: String,
   rightIcon: String,
   autofocus: Boolean,
   clearable: Boolean,
-  maxlength: [Number, String],
+  maxlength: numericProp,
+  formatter: Function,
+  clearIcon: makeStringProp("clear"),
+  modelValue: makeNumericProp(""),
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
+  clearTrigger: makeStringProp("focus"),
+  formatTrigger: makeStringProp("onChange"),
   error: {
     type: Boolean,
     default: null
@@ -2878,37 +2763,18 @@ var fieldSharedProps = {
   readonly: {
     type: Boolean,
     default: null
-  },
-  clearIcon: {
-    type: String,
-    default: "clear"
-  },
-  modelValue: {
-    type: [Number, String],
-    default: ""
-  },
-  clearTrigger: {
-    type: String,
-    default: "focus"
-  },
-  formatTrigger: {
-    type: String,
-    default: "onChange"
   }
 };
 var props$p = extend({}, cellProps, fieldSharedProps, {
-  rows: [Number, String],
+  rows: numericProp,
+  type: makeStringProp("text"),
   rules: Array,
   autosize: [Boolean, Object],
-  labelWidth: [Number, String],
+  labelWidth: numericProp,
   labelClass: unknownProp,
   labelAlign: String,
   showWordLimit: Boolean,
   errorMessageAlign: String,
-  type: {
-    type: String,
-    default: "text"
-  },
   colon: {
     type: Boolean,
     default: null
@@ -3201,10 +3067,13 @@ var _Field = defineComponent({
       }
       var message = props2.errorMessage || state.validateMessage;
       if (message) {
+        var slot = slots["error-message"];
         var errorMessageAlign = getProp("errorMessageAlign");
         return createVNode("div", {
           "class": bem$1b("error-message", errorMessageAlign)
-        }, [message]);
+        }, [slot ? slot({
+          message
+        }) : message]);
       }
     };
     var renderLabel = () => {
@@ -3290,8 +3159,10 @@ function usePopupState() {
     state.show = show;
   };
   var open = (props2) => {
-    extend(state, props2);
-    nextTick(() => toggle(true));
+    extend(state, props2, {
+      transitionAppear: true
+    });
+    toggle(true);
   };
   var close = () => toggle(false);
   useExpose({
@@ -3338,33 +3209,21 @@ var VanToast = defineComponent({
   props: {
     icon: String,
     show: Boolean,
+    type: makeStringProp("text"),
     overlay: Boolean,
-    message: [Number, String],
-    iconSize: [Number, String],
+    message: numericProp,
+    iconSize: numericProp,
+    duration: makeNumberProp(2e3),
+    position: makeStringProp("middle"),
     className: unknownProp,
     iconPrefix: String,
+    transition: makeStringProp("van-fade"),
     loadingType: String,
     forbidClick: Boolean,
     overlayClass: unknownProp,
     overlayStyle: Object,
     closeOnClick: Boolean,
-    closeOnClickOverlay: Boolean,
-    type: {
-      type: String,
-      default: "text"
-    },
-    duration: {
-      type: Number,
-      default: 2e3
-    },
-    position: {
-      type: String,
-      default: "middle"
-    },
-    transition: {
-      type: String,
-      default: "van-fade"
-    }
+    closeOnClickOverlay: Boolean
   },
   emits: ["update:show"],
   setup(props2, {
@@ -3456,7 +3315,7 @@ var VanToast = defineComponent({
     });
   }
 });
-var defaultOptions$2 = {
+var defaultOptions$1 = {
   icon: "",
   type: "text",
   message: "",
@@ -3479,7 +3338,7 @@ var defaultOptions$2 = {
 };
 var queue = [];
 var allowMultiple = false;
-var currentOptions = extend({}, defaultOptions$2);
+var currentOptions = extend({}, defaultOptions$1);
 var defaultOptionsMap = new Map();
 function parseOptions$1(message) {
   if (isObject$1(message)) {
@@ -3536,7 +3395,7 @@ function getInstance() {
   return queue[queue.length - 1];
 }
 function Toast(options = {}) {
-  if (!inBrowser$2) {
+  if (!inBrowser$1) {
     return {};
   }
   var toast = getInstance();
@@ -3577,7 +3436,7 @@ Toast.resetDefaultOptions = (type) => {
   if (typeof type === "string") {
     defaultOptionsMap.delete(type);
   } else {
-    currentOptions = extend({}, defaultOptions$2);
+    currentOptions = extend({}, defaultOptions$1);
     defaultOptionsMap.clear();
   }
 };
@@ -3595,11 +3454,12 @@ var VanDialog = defineComponent({
   props: extend({}, popupSharedProps, {
     title: String,
     theme: String,
-    width: [Number, String],
+    width: numericProp,
     message: [String, Function],
     callback: Function,
     allowHtml: Boolean,
     className: unknownProp,
+    transition: makeStringProp("van-dialog-bounce"),
     messageAlign: String,
     closeOnPopstate: truthProp,
     showCancelButton: Boolean,
@@ -3608,11 +3468,7 @@ var VanDialog = defineComponent({
     confirmButtonText: String,
     confirmButtonColor: String,
     showConfirmButton: truthProp,
-    closeOnClickOverlay: Boolean,
-    transition: {
-      type: String,
-      default: "van-dialog-bounce"
-    }
+    closeOnClickOverlay: Boolean
   }),
   emits: ["confirm", "cancel", "update:show"],
   setup(props2, {
@@ -3795,7 +3651,7 @@ function initInstance$2() {
   } = mountComponent(Wrapper));
 }
 function Dialog(options) {
-  if (!inBrowser$2) {
+  if (!inBrowser$1) {
     return Promise.resolve();
   }
   return new Promise((resolve, reject) => {
@@ -3859,7 +3715,7 @@ var [name$1c, bem$18] = createNamespace("switch");
 var _Switch = defineComponent({
   name: name$1c,
   props: {
-    size: [Number, String],
+    size: numericProp,
     loading: Boolean,
     disabled: Boolean,
     modelValue: unknownProp,
@@ -3905,7 +3761,7 @@ var _Switch = defineComponent({
         inactiveColor
       } = props2;
       var checked = isChecked();
-      var style2 = {
+      var style = {
         fontSize: addUnit(size),
         backgroundColor: checked ? activeColor : inactiveColor
       };
@@ -3916,7 +3772,7 @@ var _Switch = defineComponent({
           loading,
           disabled
         }),
-        "style": style2,
+        "style": style,
         "aria-checked": checked,
         "onClick": onClick
       }, [createVNode("div", {
@@ -3933,10 +3789,10 @@ var AddressEditDetail = defineComponent({
     show: Boolean,
     value: String,
     focused: Boolean,
-    detailRows: [Number, String],
+    detailRows: numericProp,
     searchResult: Array,
     errorMessage: String,
-    detailMaxlength: [Number, String],
+    detailMaxlength: numericProp,
     showSearchResult: Boolean
   },
   emits: ["blur", "focus", "input", "select-search"],
@@ -4016,9 +3872,7 @@ var DEFAULT_DATA = {
   postalCode: "",
   addressDetail: ""
 };
-function isPostal(value) {
-  return /^\d{6}$/.test(value);
-}
+var isPostal = (value) => /^\d{6}$/.test(value);
 var props$o = {
   areaList: Object,
   isSaving: Boolean,
@@ -4030,20 +3884,15 @@ var props$o = {
   showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
-  telMaxlength: [Number, String],
+  telMaxlength: numericProp,
   showSetDefault: Boolean,
   saveButtonText: String,
   areaPlaceholder: String,
   deleteButtonText: String,
   showSearchResult: Boolean,
-  detailRows: {
-    type: [Number, String],
-    default: 1
-  },
-  detailMaxlength: {
-    type: [Number, String],
-    default: 200
-  },
+  detailRows: makeNumericProp(1),
+  detailMaxlength: makeNumericProp(200),
+  areaColumnsPlaceholder: makeArrayProp(),
   addressInfo: {
     type: Object,
     default: () => extend({}, DEFAULT_DATA)
@@ -4055,10 +3904,6 @@ var props$o = {
   postalValidator: {
     type: Function,
     default: isPostal
-  },
-  areaColumnsPlaceholder: {
-    type: Array,
-    default: () => []
   }
 };
 var _AddressEdit = defineComponent({
@@ -4333,7 +4178,7 @@ var AddressEdit = withInstall(_AddressEdit);
 var [name$19, bem$15] = createNamespace("radio-group");
 var props$n = {
   disabled: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   direction: String,
   modelValue: unknownProp,
   checkedColor: String
@@ -4371,15 +4216,12 @@ var _Tag = defineComponent({
     size: String,
     mark: Boolean,
     show: truthProp,
+    type: makeStringProp("default"),
     color: String,
     plain: Boolean,
     round: Boolean,
     textColor: String,
-    closeable: Boolean,
-    type: {
-      type: String,
-      default: "default"
-    }
+    closeable: Boolean
   },
   emits: ["close"],
   setup(props2, {
@@ -4439,27 +4281,21 @@ var _Tag = defineComponent({
 var Tag = withInstall(_Tag);
 var checkerProps = {
   name: unknownProp,
+  shape: makeStringProp("round"),
   disabled: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   modelValue: unknownProp,
   checkedColor: String,
   labelPosition: String,
-  labelDisabled: Boolean,
-  shape: {
-    type: String,
-    default: "round"
-  }
+  labelDisabled: Boolean
 };
 var Checker = defineComponent({
   props: extend({}, checkerProps, {
+    bem: makeRequiredProp(Function),
     role: String,
     parent: Object,
     checked: Boolean,
-    bindGroup: truthProp,
-    bem: {
-      type: Function,
-      required: true
-    }
+    bindGroup: truthProp
   }),
   emits: ["click", "toggle"],
   setup(props2, {
@@ -4584,13 +4420,10 @@ var [name$16, bem$12] = createNamespace("address-item");
 var AddressListItem = defineComponent({
   name: name$16,
   props: {
+    address: makeRequiredProp(Object),
     disabled: Boolean,
     switchable: Boolean,
-    defaultTagText: String,
-    address: {
-      type: Object,
-      required: true
-    }
+    defaultTagText: String
   },
   emits: ["edit", "click", "select"],
   setup(props2, {
@@ -4672,19 +4505,13 @@ var [name$15, bem$11, t$e] = createNamespace("address-list");
 var _AddressList = defineComponent({
   name: name$15,
   props: {
-    modelValue: [Number, String],
+    list: makeArrayProp(),
+    modelValue: numericProp,
     switchable: truthProp,
     disabledText: String,
+    disabledList: makeArrayProp(),
     addButtonText: String,
-    defaultTagText: String,
-    list: {
-      type: Array,
-      default: () => []
-    },
-    disabledList: {
-      type: Array,
-      default: () => []
-    }
+    defaultTagText: String
   },
   emits: ["add", "edit", "select", "click-item", "edit-disabled", "select-disabled", "update:modelValue"],
   setup(props2, {
@@ -4751,9 +4578,7 @@ var _AddressList = defineComponent({
 });
 var AddressList = withInstall(_AddressList);
 var [name$14, bem$10, t$d] = createNamespace("calendar");
-function formatMonthTitle(date) {
-  return t$d("monthTitle", date.getFullYear(), date.getMonth() + 1);
-}
+var formatMonthTitle = (date) => t$d("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   var year1 = date1.getFullYear();
   var year2 = date2.getFullYear();
@@ -4832,9 +4657,7 @@ function getTrueValue(value) {
   }
   return parseInt(value, 10);
 }
-function getMonthEndDay(year, month) {
-  return 32 - new Date(year, month - 1, 32).getDate();
-}
+var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
 var useHeight = (element) => {
   var height = ref();
   onMounted(() => nextTick(() => {
@@ -4846,24 +4669,18 @@ var [name$13] = createNamespace("calendar-day");
 var CalendarDay = defineComponent({
   name: name$13,
   props: {
+    item: makeRequiredProp(Object),
     color: String,
     index: Number,
-    rowHeight: String,
-    offset: {
-      type: Number,
-      default: 0
-    },
-    item: {
-      type: Object,
-      required: true
-    }
+    offset: makeNumberProp(0),
+    rowHeight: String
   },
   emits: ["click"],
   setup(props2, {
     emit,
     slots
   }) {
-    var style2 = computed(() => {
+    var style = computed(() => {
       var {
         item,
         index: index2,
@@ -4871,15 +4688,15 @@ var CalendarDay = defineComponent({
         offset: offset2,
         rowHeight
       } = props2;
-      var style3 = {
+      var style2 = {
         height: rowHeight
       };
       if (item.type === "placeholder") {
-        style3.width = "100%";
-        return style3;
+        style2.width = "100%";
+        return style2;
       }
       if (index2 === 0) {
-        style3.marginLeft = 100 * offset2 / 7 + "%";
+        style2.marginLeft = 100 * offset2 / 7 + "%";
       }
       if (color) {
         switch (item.type) {
@@ -4888,14 +4705,14 @@ var CalendarDay = defineComponent({
           case "start-end":
           case "multiple-middle":
           case "multiple-selected":
-            style3.background = color;
+            style2.background = color;
             break;
           case "middle":
-            style3.color = color;
+            style2.color = color;
             break;
         }
       }
-      return style3;
+      return style2;
     });
     var onClick = () => {
       if (props2.item.type !== "disabled") {
@@ -4953,12 +4770,12 @@ var CalendarDay = defineComponent({
       if (type === "placeholder") {
         return createVNode("div", {
           "class": bem$10("day"),
-          "style": style2.value
+          "style": style.value
         }, null);
       }
       return createVNode("div", {
         "role": "gridcell",
-        "style": style2.value,
+        "style": style.value,
         "class": [bem$10("day", type), className],
         "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
@@ -4968,29 +4785,20 @@ var CalendarDay = defineComponent({
 });
 var [name$12] = createNamespace("calendar-month");
 var props$m = {
+  date: makeRequiredProp(Date),
   type: String,
   color: String,
+  minDate: makeRequiredProp(Date),
+  maxDate: makeRequiredProp(Date),
   showMark: Boolean,
-  rowHeight: [Number, String],
+  rowHeight: numericProp,
   formatter: Function,
   lazyRender: Boolean,
   currentDate: [Date, Array],
   allowSameDay: Boolean,
   showSubtitle: Boolean,
   showMonthTitle: Boolean,
-  firstDayOfWeek: Number,
-  date: {
-    type: Date,
-    required: true
-  },
-  minDate: {
-    type: Date,
-    required: true
-  },
-  maxDate: {
-    type: Date,
-    required: true
-  }
+  firstDayOfWeek: Number
 };
 var CalendarMonth = defineComponent({
   name: name$12,
@@ -5019,7 +4827,7 @@ var CalendarMonth = defineComponent({
     var scrollIntoView = (body) => {
       var el = props2.showSubtitle ? daysRef.value : monthRef.value;
       if (el) {
-        var scrollTop = el.getBoundingClientRect().top - body.getBoundingClientRect().top + body.scrollTop;
+        var scrollTop = useRect(el).top - useRect(body).top + body.scrollTop;
         setScrollTop(body, scrollTop);
       }
     };
@@ -5224,16 +5032,19 @@ var CalendarHeader = defineComponent({
 });
 var props$l = {
   show: Boolean,
+  type: makeStringProp("single"),
   title: String,
   color: String,
   round: truthProp,
   readonly: Boolean,
   poppable: truthProp,
+  maxRange: makeNumericProp(null),
+  position: makeStringProp("bottom"),
   teleport: [String, Object],
   showMark: truthProp,
   showTitle: truthProp,
   formatter: Function,
-  rowHeight: [Number, String],
+  rowHeight: numericProp,
   confirmText: String,
   rangePrompt: String,
   lazyRender: truthProp,
@@ -5242,21 +5053,10 @@ var props$l = {
   allowSameDay: Boolean,
   showSubtitle: truthProp,
   closeOnPopstate: truthProp,
+  showRangePrompt: truthProp,
   confirmDisabledText: String,
   closeOnClickOverlay: truthProp,
   safeAreaInsetBottom: truthProp,
-  type: {
-    type: String,
-    default: "single"
-  },
-  position: {
-    type: String,
-    default: "bottom"
-  },
-  maxRange: {
-    type: [Number, String],
-    default: null
-  },
   minDate: {
     type: Date,
     validator: isDate,
@@ -5271,13 +5071,9 @@ var props$l = {
     }
   },
   firstDayOfWeek: {
-    type: [Number, String],
+    type: numericProp,
     default: 0,
     validator: (val) => val >= 0 && val <= 6
-  },
-  showRangePrompt: {
-    type: Boolean,
-    default: true
   }
 };
 var _Calendar = defineComponent({
@@ -5499,8 +5295,7 @@ var _Calendar = defineComponent({
           if (compareToStart === 1) {
             var disabledDay = getDisabledDate(disabledDays.value, startDay, date);
             if (disabledDay) {
-              var lastAbledEndDay = getPrevDay(disabledDay);
-              select([startDay, lastAbledEndDay]);
+              select([startDay, getPrevDay(disabledDay)]);
             } else {
               select([startDay, date], true);
             }
@@ -5577,18 +5372,14 @@ var _Calendar = defineComponent({
       "showTitle": props2.showTitle,
       "showSubtitle": props2.showSubtitle,
       "firstDayOfWeek": dayOffset.value,
-      "onClick-subtitle": (event) => {
-        emit("click-subtitle", event);
-      }
+      "onClick-subtitle": (event) => emit("click-subtitle", event)
     }, pick(slots, ["title", "subtitle"])), createVNode("div", {
       "ref": bodyRef,
       "class": bem$10("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
     watch(() => props2.show, init);
-    watch(() => [props2.type, props2.minDate, props2.maxDate], () => {
-      reset(getInitialDate(currentDate.value));
-    });
+    watch(() => [props2.type, props2.minDate, props2.maxDate], () => reset(getInitialDate(currentDate.value)));
     watch(() => props2.defaultDate, (value = null) => {
       currentDate.value = value;
       scrollIntoView();
@@ -5628,22 +5419,16 @@ var _Image = defineComponent({
     alt: String,
     fit: String,
     round: Boolean,
-    width: [Number, String],
-    height: [Number, String],
-    radius: [Number, String],
+    width: numericProp,
+    height: numericProp,
+    radius: numericProp,
     lazyLoad: Boolean,
-    iconSize: [Number, String],
+    iconSize: numericProp,
     showError: truthProp,
+    errorIcon: makeStringProp("photo-fail"),
     iconPrefix: String,
     showLoading: truthProp,
-    errorIcon: {
-      type: String,
-      default: "photo-fail"
-    },
-    loadingIcon: {
-      type: String,
-      default: "photo"
-    }
+    loadingIcon: makeStringProp("photo")
   },
   emits: ["load", "error"],
   setup(props2, {
@@ -5656,19 +5441,19 @@ var _Image = defineComponent({
     var {
       $Lazyload
     } = getCurrentInstance().proxy;
-    var style2 = computed(() => {
-      var style3 = {};
+    var style = computed(() => {
+      var style2 = {};
       if (isDef(props2.width)) {
-        style3.width = addUnit(props2.width);
+        style2.width = addUnit(props2.width);
       }
       if (isDef(props2.height)) {
-        style3.height = addUnit(props2.height);
+        style2.height = addUnit(props2.height);
       }
       if (isDef(props2.radius)) {
-        style3.overflow = "hidden";
-        style3.borderRadius = addUnit(props2.radius);
+        style2.overflow = "hidden";
+        style2.borderRadius = addUnit(props2.radius);
       }
-      return style3;
+      return style2;
     });
     watch(() => props2.src, () => {
       error.value = false;
@@ -5753,7 +5538,7 @@ var _Image = defineComponent({
         onError();
       }
     };
-    if ($Lazyload && inBrowser$2) {
+    if ($Lazyload && inBrowser$1) {
       $Lazyload.$on("loaded", onLazyLoaded);
       $Lazyload.$on("error", onLazyLoadError);
       onBeforeUnmount(() => {
@@ -5765,7 +5550,7 @@ var _Image = defineComponent({
       "class": bem$$({
         round: props2.round
       }),
-      "style": style2.value
+      "style": style.value
     }, [renderImage(), renderPlaceholder(), slots.default == null ? void 0 : slots.default()]);
   }
 });
@@ -5775,19 +5560,16 @@ var _Card = defineComponent({
   name: name$$,
   props: {
     tag: String,
-    num: [Number, String],
+    num: numericProp,
     desc: String,
     thumb: String,
     title: String,
-    price: [Number, String],
+    price: numericProp,
     centered: Boolean,
     lazyLoad: Boolean,
+    currency: makeStringProp("\xA5"),
     thumbLink: String,
-    originPrice: [Number, String],
-    currency: {
-      type: String,
-      default: "\xA5"
-    }
+    originPrice: numericProp
   },
   emits: ["click-thumb"],
   setup(props2, {
@@ -5923,7 +5705,7 @@ function scrollTopTo(scroller, to, duration, callback) {
   animate();
 }
 function useVisibilityChange(target, onChange) {
-  if (!inBrowser$2 || !window.IntersectionObserver) {
+  if (!inBrowser$1 || !window.IntersectionObserver) {
     return;
   }
   var observer = new IntersectionObserver((entries) => {
@@ -5949,20 +5731,11 @@ var [name$_, bem$Z] = createNamespace("sticky");
 var _Sticky = defineComponent({
   name: name$_,
   props: {
-    zIndex: [Number, String],
+    zIndex: numericProp,
+    position: makeStringProp("top"),
     container: Object,
-    offsetTop: {
-      type: [Number, String],
-      default: 0
-    },
-    offsetBottom: {
-      type: [Number, String],
-      default: 0
-    },
-    position: {
-      type: String,
-      default: "top"
-    }
+    offsetTop: makeNumericProp(0),
+    offsetBottom: makeNumericProp(0)
   },
   emits: ["scroll", "change"],
   setup(props2, {
@@ -5970,7 +5743,7 @@ var _Sticky = defineComponent({
     slots
   }) {
     var root = ref();
-    var scrollParent2 = useScrollParent(root);
+    var scrollParent = useScrollParent(root);
     var state = reactive({
       fixed: false,
       width: 0,
@@ -5995,15 +5768,15 @@ var _Sticky = defineComponent({
       if (!state.fixed) {
         return;
       }
-      var style2 = extend(getZIndexStyle(props2.zIndex), {
+      var style = extend(getZIndexStyle(props2.zIndex), {
         width: state.width + "px",
         height: state.height + "px",
         [props2.position]: offset2.value + "px"
       });
       if (state.transform) {
-        style2.transform = "translate3d(0, " + state.transform + "px, 0)";
+        style.transform = "translate3d(0, " + state.transform + "px, 0)";
       }
-      return style2;
+      return style;
     });
     var emitScroll = (scrollTop) => emit("scroll", {
       scrollTop,
@@ -6047,7 +5820,7 @@ var _Sticky = defineComponent({
     };
     watch(() => state.fixed, (value) => emit("change", value));
     useEventListener("scroll", onScroll, {
-      target: scrollParent2
+      target: scrollParent
     });
     useVisibilityChange(root, onScroll);
     return () => createVNode("div", {
@@ -6070,7 +5843,7 @@ var TabsTitle = defineComponent({
     type: String,
     color: String,
     title: String,
-    badge: [Number, String],
+    badge: numericProp,
     isActive: Boolean,
     disabled: Boolean,
     scrollable: Boolean,
@@ -6080,8 +5853,8 @@ var TabsTitle = defineComponent({
     showZeroBadge: truthProp
   },
   setup(props2) {
-    var style2 = computed(() => {
-      var style3 = {};
+    var style = computed(() => {
+      var style2 = {};
       var {
         type,
         color,
@@ -6092,20 +5865,20 @@ var TabsTitle = defineComponent({
       } = props2;
       var isCard = type === "card";
       if (color && isCard) {
-        style3.borderColor = color;
+        style2.borderColor = color;
         if (!disabled) {
           if (isActive) {
-            style3.backgroundColor = color;
+            style2.backgroundColor = color;
           } else {
-            style3.color = color;
+            style2.color = color;
           }
         }
       }
       var titleColor = isActive ? activeColor : inactiveColor;
       if (titleColor) {
-        style3.color = titleColor;
+        style2.color = titleColor;
       }
-      return style3;
+      return style2;
     });
     var renderText = () => {
       var Text = createVNode("span", {
@@ -6130,7 +5903,7 @@ var TabsTitle = defineComponent({
         active: props2.isActive,
         disabled: props2.disabled
       })],
-      "style": style2.value,
+      "style": style.value,
       "aria-selected": props2.isActive
     }, [renderText()]);
   }
@@ -6138,26 +5911,17 @@ var TabsTitle = defineComponent({
 var [name$Y, bem$X] = createNamespace("swipe");
 var props$k = {
   loop: truthProp,
-  width: [Number, String],
-  height: [Number, String],
+  width: numericProp,
+  height: numericProp,
   vertical: Boolean,
+  autoplay: makeNumericProp(0),
+  duration: makeNumericProp(500),
   touchable: truthProp,
   lazyRender: Boolean,
+  initialSwipe: makeNumericProp(0),
   indicatorColor: String,
   showIndicators: truthProp,
-  stopPropagation: truthProp,
-  autoplay: {
-    type: [Number, String],
-    default: 0
-  },
-  duration: {
-    type: [Number, String],
-    default: 500
-  },
-  initialSwipe: {
-    type: [Number, String],
-    default: 0
-  }
+  stopPropagation: truthProp
 };
 var SWIPE_KEY = Symbol(name$Y);
 var _Swipe = defineComponent({
@@ -6201,17 +5965,17 @@ var _Swipe = defineComponent({
       return touch.direction.value === expect;
     });
     var trackStyle = computed(() => {
-      var style2 = {
+      var style = {
         transitionDuration: (state.swiping ? 0 : props2.duration) + "ms",
         transform: "translate" + (props2.vertical ? "Y" : "X") + "(" + state.offset + "px)"
       };
       if (size.value) {
         var mainAxis = props2.vertical ? "height" : "width";
         var crossAxis = props2.vertical ? "width" : "height";
-        style2[mainAxis] = trackSize.value + "px";
-        style2[crossAxis] = props2[crossAxis] ? props2[crossAxis] + "px" : "";
+        style[mainAxis] = trackSize.value + "px";
+        style[crossAxis] = props2[crossAxis] ? props2[crossAxis] + "px" : "";
       }
-      return style2;
+      return style;
     });
     var getTargetActive = (pace) => {
       var {
@@ -6406,13 +6170,13 @@ var _Swipe = defineComponent({
         });
       });
     };
-    var renderDot = (_2, index2) => {
+    var renderDot = (_, index2) => {
       var active = index2 === activeIndicator.value;
-      var style2 = active ? {
+      var style = active ? {
         backgroundColor: props2.indicatorColor
       } : void 0;
       return createVNode("i", {
-        "style": style2,
+        "style": style,
         "class": bem$X("indicator", {
           active
         })
@@ -6481,22 +6245,13 @@ var [name$X, bem$W] = createNamespace("tabs");
 var TabsContent = defineComponent({
   name: name$X,
   props: {
+    count: makeRequiredProp(Number),
     inited: Boolean,
     animated: Boolean,
+    duration: makeRequiredProp(numericProp),
     swipeable: Boolean,
     lazyRender: Boolean,
-    count: {
-      type: Number,
-      required: true
-    },
-    duration: {
-      type: [Number, String],
-      required: true
-    },
-    currentIndex: {
-      type: Number,
-      required: true
-    }
+    currentIndex: makeRequiredProp(Number)
   },
   emits: ["change"],
   setup(props2, {
@@ -6544,40 +6299,25 @@ var TabsContent = defineComponent({
 });
 var [name$W, bem$V] = createNamespace("tabs");
 var props$j = {
+  type: makeStringProp("line"),
   color: String,
   border: Boolean,
   sticky: Boolean,
+  active: makeNumericProp(0),
+  duration: makeNumericProp(0.3),
   animated: Boolean,
   ellipsis: truthProp,
   swipeable: Boolean,
   scrollspy: Boolean,
+  offsetTop: makeNumericProp(0),
   background: String,
   lazyRender: truthProp,
-  lineWidth: [Number, String],
-  lineHeight: [Number, String],
+  lineWidth: numericProp,
+  lineHeight: numericProp,
   beforeChange: Function,
+  swipeThreshold: makeNumericProp(5),
   titleActiveColor: String,
-  titleInactiveColor: String,
-  type: {
-    type: String,
-    default: "line"
-  },
-  active: {
-    type: [Number, String],
-    default: 0
-  },
-  duration: {
-    type: [Number, String],
-    default: 0.3
-  },
-  offsetTop: {
-    type: [Number, String],
-    default: 0
-  },
-  swipeThreshold: {
-    type: [Number, String],
-    default: 5
-  }
+  titleInactiveColor: String
 };
 var TABS_KEY = Symbol(name$W);
 var _Tabs = defineComponent({
@@ -6749,7 +6489,9 @@ var _Tabs = defineComponent({
     };
     var getCurrentIndexOnScroll = () => {
       for (var index2 = 0; index2 < children.length; index2++) {
-        var top2 = getVisibleTop(children[index2].$el);
+        var {
+          top: top2
+        } = useRect(children[index2].$el);
         if (top2 > scrollOffset.value) {
           return index2 === 0 ? 0 : index2 - 1;
         }
@@ -6828,7 +6570,9 @@ var _Tabs = defineComponent({
       setCurrentIndexByName(props2.active);
       nextTick(() => {
         state.inited = true;
-        tabHeight = getVisibleHeight(wrapRef.value);
+        if (wrapRef.value) {
+          tabHeight = useRect(wrapRef.value).height;
+        }
         scrollIntoView(true);
       });
     };
@@ -6897,18 +6641,18 @@ var _SwipeItem = defineComponent({
     if (!parent) {
       return;
     }
-    var style2 = computed(() => {
-      var style3 = {};
+    var style = computed(() => {
+      var style2 = {};
       var {
         vertical
       } = parent.props;
       if (parent.size.value) {
-        style3[vertical ? "height" : "width"] = parent.size.value + "px";
+        style2[vertical ? "height" : "width"] = parent.size.value + "px";
       }
       if (state.offset) {
-        style3.transform = "translate" + (vertical ? "Y" : "X") + "(" + state.offset + "px)";
+        style2.transform = "translate" + (vertical ? "Y" : "X") + "(" + state.offset + "px)";
       }
-      return style3;
+      return style2;
     });
     var shouldRender = computed(() => {
       var {
@@ -6941,7 +6685,7 @@ var _SwipeItem = defineComponent({
     });
     return () => createVNode("div", {
       "class": bem$U(),
-      "style": style2.value
+      "style": style.value
     }, [shouldRender.value ? slots.default == null ? void 0 : slots.default() : null]);
   }
 });
@@ -6951,8 +6695,8 @@ var _Tab = defineComponent({
   name: name$U,
   props: extend({}, routeProps, {
     dot: Boolean,
-    name: [Number, String],
-    badge: [Number, String],
+    name: numericProp,
+    badge: numericProp,
     title: String,
     disabled: Boolean,
     titleClass: unknownProp,
@@ -7034,20 +6778,14 @@ var _Cascader = defineComponent({
   name: name$T,
   props: {
     title: String,
+    options: makeArrayProp(),
     closeable: truthProp,
     swipeable: truthProp,
-    modelValue: [Number, String],
+    closeIcon: makeStringProp("cross"),
+    modelValue: numericProp,
     fieldNames: Object,
     placeholder: String,
-    activeColor: String,
-    options: {
-      type: Array,
-      default: () => []
-    },
-    closeIcon: {
-      type: String,
-      default: "cross"
-    }
+    activeColor: String
   },
   emits: ["close", "change", "finish", "update:modelValue", "click-tab"],
   setup(props2, {
@@ -7089,7 +6827,7 @@ var _Cascader = defineComponent({
           state.tabs = selectedOptions.map((option) => {
             var tab = {
               options: optionsCursor,
-              selectedOption: option
+              selected: option
             };
             var next = optionsCursor.find((item) => item[valueKey] === option[valueKey]);
             if (next) {
@@ -7100,7 +6838,7 @@ var _Cascader = defineComponent({
           if (optionsCursor) {
             state.tabs.push({
               options: optionsCursor,
-              selectedOption: null
+              selected: null
             });
           }
           nextTick(() => {
@@ -7111,21 +6849,21 @@ var _Cascader = defineComponent({
       }
       state.tabs = [{
         options: props2.options,
-        selectedOption: null
+        selected: null
       }];
     };
     var onSelect = (option, tabIndex) => {
       if (option.disabled) {
         return;
       }
-      state.tabs[tabIndex].selectedOption = option;
+      state.tabs[tabIndex].selected = option;
       if (state.tabs.length > tabIndex + 1) {
         state.tabs = state.tabs.slice(0, tabIndex + 1);
       }
       if (option[childrenKey]) {
         var nextTab = {
           options: option[childrenKey],
-          selectedOption: null
+          selected: null
         };
         if (state.tabs[tabIndex + 1]) {
           state.tabs[tabIndex + 1] = nextTab;
@@ -7136,7 +6874,7 @@ var _Cascader = defineComponent({
           state.activeTab++;
         });
       }
-      var selectedOptions = state.tabs.map((tab) => tab.selectedOption).filter(Boolean);
+      var selectedOptions = state.tabs.map((tab) => tab.selected).filter(Boolean);
       var eventParams = {
         value: option[valueKey],
         tabIndex,
@@ -7189,16 +6927,16 @@ var _Cascader = defineComponent({
     var renderTab = (tab, tabIndex) => {
       var {
         options,
-        selectedOption
+        selected
       } = tab;
-      var title = selectedOption ? selectedOption[textKey] : props2.placeholder || t$c("select");
+      var title = selected ? selected[textKey] : props2.placeholder || t$c("select");
       return createVNode(Tab, {
         "title": title,
         "titleClass": bem$S("tab", {
-          unselected: !selectedOption
+          unselected: !selected
         })
       }, {
-        default: () => [renderOptions(options, selectedOption, tabIndex)]
+        default: () => [renderOptions(options, selected, tabIndex)]
       });
     };
     var renderTabs = () => createVNode(Tabs, {
@@ -7220,8 +6958,8 @@ var _Cascader = defineComponent({
     watch(() => props2.modelValue, (value) => {
       if (value || value === 0) {
         var values = state.tabs.map((tab) => {
-          var _tab$selectedOption;
-          return (_tab$selectedOption = tab.selectedOption) == null ? void 0 : _tab$selectedOption[valueKey];
+          var _tab$selected;
+          return (_tab$selected = tab.selected) == null ? void 0 : _tab$selected[valueKey];
         });
         if (values.includes(value)) {
           return;
@@ -7271,15 +7009,12 @@ var _CellGroup = defineComponent({
 var CellGroup = withInstall(_CellGroup);
 var [name$R, bem$Q] = createNamespace("checkbox-group");
 var props$i = {
-  max: [Number, String],
+  max: numericProp,
   disabled: Boolean,
+  iconSize: numericProp,
   direction: String,
-  iconSize: [Number, String],
-  checkedColor: String,
-  modelValue: {
-    type: Array,
-    default: () => []
-  }
+  modelValue: makeArrayProp(),
+  checkedColor: String
 };
 var CHECKBOX_GROUP_KEY = Symbol(name$R);
 var _CheckboxGroup = defineComponent({
@@ -7406,9 +7141,7 @@ var Checkbox = withInstall(_Checkbox);
 var CheckboxGroup = withInstall(_CheckboxGroup);
 var [name$P, bem$O] = createNamespace("circle");
 var uid = 0;
-function format(rate) {
-  return Math.min(Math.max(+rate, 0), 100);
-}
+var format = (rate) => Math.min(Math.max(+rate, 0), 100);
 function getPath(clockwise, viewBoxSize) {
   var sweepFlag = clockwise ? 1 : 0;
   return "M " + viewBoxSize / 2 + " " + viewBoxSize / 2 + " m 0, -500 a 500, 500 0 1, " + sweepFlag + " 0, 1000 a 500, 500 0 1, " + sweepFlag + " 0, -1000";
@@ -7417,35 +7150,17 @@ var _Circle = defineComponent({
   name: name$P,
   props: {
     text: String,
-    size: [Number, String],
+    size: numericProp,
+    fill: makeStringProp("none"),
+    rate: makeNumericProp(100),
+    speed: makeNumericProp(0),
     color: [String, Object],
     clockwise: truthProp,
     layerColor: String,
+    currentRate: makeNumberProp(0),
+    strokeWidth: makeNumericProp(40),
     strokeLinecap: String,
-    currentRate: {
-      type: Number,
-      default: 0
-    },
-    speed: {
-      type: [Number, String],
-      default: 0
-    },
-    fill: {
-      type: String,
-      default: "none"
-    },
-    rate: {
-      type: [Number, String],
-      default: 100
-    },
-    strokeWidth: {
-      type: [Number, String],
-      default: 40
-    },
-    startPosition: {
-      type: String,
-      default: "top"
-    }
+    startPosition: makeStringProp("top")
   },
   emits: ["update:currentRate"],
   setup(props2, {
@@ -7504,7 +7219,7 @@ var _Circle = defineComponent({
       } = props2;
       var offset2 = PERIMETER * currentRate / 100;
       var color = isObject$1(props2.color) ? "url(#" + id + ")" : props2.color;
-      var style2 = {
+      var style = {
         stroke: color,
         strokeWidth: +strokeWidth + 1 + "px",
         strokeLinecap,
@@ -7512,20 +7227,20 @@ var _Circle = defineComponent({
       };
       return createVNode("path", {
         "d": path.value,
-        "style": style2,
+        "style": style,
         "class": bem$O("hover"),
         "stroke": color
       }, null);
     };
     var renderLayer = () => {
-      var style2 = {
+      var style = {
         fill: props2.fill,
         stroke: props2.layerColor,
         strokeWidth: props2.strokeWidth + "px"
       };
       return createVNode("path", {
         "class": bem$O("layer"),
-        "style": style2,
+        "style": style,
         "d": path.value
       }, null);
     };
@@ -7574,17 +7289,11 @@ var ROW_KEY = Symbol(name$O);
 var _Row = defineComponent({
   name: name$O,
   props: {
+    tag: makeStringProp("div"),
     wrap: truthProp,
     align: String,
-    justify: String,
-    tag: {
-      type: String,
-      default: "div"
-    },
-    gutter: {
-      type: [Number, String],
-      default: 0
-    }
+    gutter: makeNumericProp(0),
+    justify: String
   },
   setup(props2, {
     slots
@@ -7658,15 +7367,9 @@ var [name$N, bem$M] = createNamespace("col");
 var _Col = defineComponent({
   name: name$N,
   props: {
-    offset: [Number, String],
-    tag: {
-      type: String,
-      default: "div"
-    },
-    span: {
-      type: [Number, String],
-      default: 0
-    }
+    tag: makeStringProp("div"),
+    span: makeNumericProp(0),
+    offset: numericProp
   },
   setup(props2, {
     slots
@@ -7675,7 +7378,7 @@ var _Col = defineComponent({
       parent,
       index: index2
     } = useParent(ROW_KEY);
-    var style2 = computed(() => {
+    var style = computed(() => {
       if (!parent) {
         return;
       }
@@ -7700,7 +7403,7 @@ var _Col = defineComponent({
         offset: offset2
       } = props2;
       return createVNode(tag, {
-        "style": style2.value,
+        "style": style.value,
         "class": bem$M({
           [span]: span,
           ["offset-" + offset2]: offset2
@@ -7771,7 +7474,7 @@ var Collapse = withInstall(_Collapse);
 var [name$L, bem$K] = createNamespace("collapse-item");
 var CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
 var props$g = extend({}, cellProps, {
-  name: [Number, String],
+  name: numericProp,
   isLink: truthProp,
   disabled: Boolean,
   readonly: Boolean
@@ -7891,12 +7594,9 @@ var _ContactCard = defineComponent({
   props: {
     tel: String,
     name: String,
-    addText: String,
-    editable: truthProp,
-    type: {
-      type: String,
-      default: "add"
-    }
+    type: makeStringProp("add"),
+    addText: String,
+    editable: truthProp
   },
   emits: ["click"],
   setup(props2, {
@@ -7933,18 +7633,15 @@ var props$f = {
   disabled: Boolean,
   readonly: Boolean,
   showError: Boolean,
-  labelWidth: [Number, String],
+  labelWidth: numericProp,
   labelAlign: String,
   inputAlign: String,
   scrollToError: Boolean,
   validateFirst: Boolean,
   submitOnEnter: truthProp,
+  validateTrigger: makeStringProp("onBlur"),
   showErrorMessage: truthProp,
-  errorMessageAlign: String,
-  validateTrigger: {
-    type: String,
-    default: "onBlur"
-  }
+  errorMessageAlign: String
 };
 var _Form = defineComponent({
   name: name$J,
@@ -8294,16 +7991,10 @@ function parseFormat(format2, currentTime) {
 }
 var [name$G, bem$F] = createNamespace("count-down");
 var props$e = {
+  time: makeNumericProp(0),
+  format: makeStringProp("HH:mm:ss"),
   autoStart: truthProp,
-  millisecond: Boolean,
-  time: {
-    type: [Number, String],
-    default: 0
-  },
-  format: {
-    type: String,
-    default: "HH:mm:ss"
-  }
+  millisecond: Boolean
 };
 var _CountDown = defineComponent({
   name: name$G,
@@ -8350,25 +8041,15 @@ function getDate(timeStamp) {
   var date = new Date(timeStamp * 1e3);
   return date.getFullYear() + "." + padZero(date.getMonth() + 1) + "." + padZero(date.getDate());
 }
-function formatDiscount(discount) {
-  return (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
-}
-function formatAmount(amount) {
-  return (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-}
+var formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
+var formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
 var _Coupon = defineComponent({
   name: name$F,
   props: {
     chosen: Boolean,
+    coupon: makeRequiredProp(Object),
     disabled: Boolean,
-    coupon: {
-      type: Object,
-      required: true
-    },
-    currency: {
-      type: String,
-      default: "\xA5"
-    }
+    currency: makeStringProp("\xA5")
   },
   setup(props2) {
     var validPeriod = computed(() => {
@@ -8456,18 +8137,9 @@ var _CouponCell = defineComponent({
     title: String,
     border: truthProp,
     editable: truthProp,
-    coupons: {
-      type: Array,
-      default: () => []
-    },
-    currency: {
-      type: String,
-      default: "\xA5"
-    },
-    chosenCoupon: {
-      type: [Number, String],
-      default: -1
-    }
+    coupons: makeArrayProp(),
+    currency: makeStringProp("\xA5"),
+    chosenCoupon: makeNumericProp(-1)
   },
   setup(props2) {
     return () => {
@@ -8492,48 +8164,24 @@ var EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
 var _CouponList = defineComponent({
   name: name$D,
   props: {
+    code: makeStringProp(""),
+    coupons: makeArrayProp(),
+    currency: makeStringProp("\xA5"),
     showCount: truthProp,
+    emptyImage: makeStringProp(EMPTY_IMAGE),
+    chosenCoupon: makeNumberProp(-1),
     enabledTitle: String,
     disabledTitle: String,
+    disabledCoupons: makeArrayProp(),
     showExchangeBar: truthProp,
     showCloseButton: truthProp,
     closeButtonText: String,
     inputPlaceholder: String,
+    exchangeMinLength: makeNumberProp(1),
     exchangeButtonText: String,
+    displayedCouponIndex: makeNumberProp(-1),
     exchangeButtonLoading: Boolean,
-    exchangeButtonDisabled: Boolean,
-    code: {
-      type: String,
-      default: ""
-    },
-    exchangeMinLength: {
-      type: Number,
-      default: 1
-    },
-    chosenCoupon: {
-      type: Number,
-      default: -1
-    },
-    coupons: {
-      type: Array,
-      default: () => []
-    },
-    disabledCoupons: {
-      type: Array,
-      default: () => []
-    },
-    displayedCouponIndex: {
-      type: Number,
-      default: -1
-    },
-    currency: {
-      type: String,
-      default: "\xA5"
-    },
-    emptyImage: {
-      type: String,
-      default: EMPTY_IMAGE
-    }
+    exchangeButtonDisabled: Boolean
   },
   emits: ["change", "exchange", "update:code"],
   setup(props2, {
@@ -8669,23 +8317,11 @@ var [name$C] = createNamespace("time-picker");
 var TimePicker = defineComponent({
   name: name$C,
   props: extend({}, sharedProps, {
-    modelValue: String,
-    minHour: {
-      type: [Number, String],
-      default: 0
-    },
-    maxHour: {
-      type: [Number, String],
-      default: 23
-    },
-    minMinute: {
-      type: [Number, String],
-      default: 0
-    },
-    maxMinute: {
-      type: [Number, String],
-      default: 59
-    }
+    minHour: makeNumericProp(0),
+    maxHour: makeNumericProp(23),
+    minMinute: makeNumericProp(0),
+    maxMinute: makeNumericProp(59),
+    modelValue: String
   }),
   emits: ["confirm", "cancel", "change", "update:modelValue"],
   setup(props2, {
@@ -8790,11 +8426,8 @@ var [name$B] = createNamespace("date-picker");
 var DatePicker = defineComponent({
   name: name$B,
   props: extend({}, sharedProps, {
+    type: makeStringProp("datetime"),
     modelValue: Date,
-    type: {
-      type: String,
-      default: "datetime"
-    },
     minDate: {
       type: Date,
       default: () => new Date(currentYear - 10, 0, 1),
@@ -9067,10 +8700,7 @@ var _Divider = defineComponent({
   props: {
     dashed: Boolean,
     hairline: truthProp,
-    contentPosition: {
-      type: String,
-      default: "center"
-    }
+    contentPosition: makeStringProp("center")
   },
   setup(props2, {
     slots
@@ -9089,18 +8719,12 @@ var Divider = withInstall(_Divider);
 var [name$y, bem$z] = createNamespace("dropdown-menu");
 var props$c = {
   overlay: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
+  duration: makeNumericProp(0.2),
+  direction: makeStringProp("down"),
   activeColor: String,
   closeOnClickOutside: truthProp,
-  closeOnClickOverlay: truthProp,
-  duration: {
-    type: [Number, String],
-    default: 0.2
-  },
-  direction: {
-    type: String,
-    default: "down"
-  }
+  closeOnClickOverlay: truthProp
 };
 var DROPDOWN_KEY = Symbol(name$y);
 var _DropdownMenu = defineComponent({
@@ -9116,7 +8740,7 @@ var _DropdownMenu = defineComponent({
       children,
       linkChildren
     } = useChildren(DROPDOWN_KEY);
-    var scrollParent2 = useScrollParent(root);
+    var scrollParent = useScrollParent(root);
     var opened = computed(() => children.some((item) => item.state.showWrapper));
     var barStyle = computed(() => {
       if (opened.value && isDef(props2.zIndex)) {
@@ -9196,7 +8820,7 @@ var _DropdownMenu = defineComponent({
     });
     useClickAway(root, onClickAway);
     useEventListener("scroll", onScroll, {
-      target: scrollParent2
+      target: scrollParent
     });
     return () => createVNode("div", {
       "ref": root,
@@ -9213,15 +8837,12 @@ var _DropdownMenu = defineComponent({
 var [name$x, bem$y] = createNamespace("dropdown-item");
 var props$b = {
   title: String,
+  options: makeArrayProp(),
   disabled: Boolean,
   teleport: [String, Object],
   lazyRender: truthProp,
   modelValue: unknownProp,
-  titleClass: unknownProp,
-  options: {
-    type: Array,
-    default: () => []
-  }
+  titleClass: unknownProp
 };
 var _DropdownItem = defineComponent({
   name: name$x,
@@ -9323,14 +8944,14 @@ var _DropdownItem = defineComponent({
         direction,
         closeOnClickOverlay
       } = parent.props;
-      var style2 = getZIndexStyle(zIndex);
+      var style = getZIndexStyle(zIndex);
       if (direction === "down") {
-        style2.top = offset2.value + "px";
+        style.top = offset2.value + "px";
       } else {
-        style2.bottom = offset2.value + "px";
+        style.bottom = offset2.value + "px";
       }
       return withDirectives(createVNode("div", {
-        "style": style2,
+        "style": style,
         "class": bem$y([direction]),
         "onClick": onClickWrapper
       }, [createVNode(Popup, {
@@ -9493,12 +9114,9 @@ var PRESET_IMAGES = ["error", "search", "default"];
 var _Empty = defineComponent({
   name: name$w,
   props: {
-    imageSize: [Number, String],
-    description: String,
-    image: {
-      type: String,
-      default: "default"
-    }
+    image: makeStringProp("default"),
+    imageSize: numericProp,
+    description: String
   },
   setup(props2, {
     slots
@@ -9549,15 +9167,12 @@ var props$a = {
   square: Boolean,
   center: truthProp,
   border: truthProp,
-  gutter: [Number, String],
+  gutter: numericProp,
   reverse: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   direction: String,
   clickable: Boolean,
-  columnNum: {
-    type: [Number, String],
-    default: 4
-  }
+  columnNum: makeNumericProp(4)
 };
 var GRID_KEY = Symbol(name$v);
 var _Grid = defineComponent({
@@ -9590,9 +9205,9 @@ var _GridItem = defineComponent({
     dot: Boolean,
     text: String,
     icon: String,
-    badge: [Number, String],
-    iconPrefix: String,
-    iconColor: String
+    badge: numericProp,
+    iconColor: String,
+    iconPrefix: String
   }),
   setup(props2, {
     slots
@@ -9612,19 +9227,19 @@ var _GridItem = defineComponent({
         columnNum
       } = parent.props;
       var percent = 100 / +columnNum + "%";
-      var style2 = {
+      var style = {
         flexBasis: percent
       };
       if (square) {
-        style2.paddingTop = percent;
+        style.paddingTop = percent;
       } else if (gutter) {
         var gutterValue = addUnit(gutter);
-        style2.paddingRight = gutterValue;
+        style.paddingRight = gutterValue;
         if (index2.value >= columnNum) {
-          style2.marginTop = gutterValue;
+          style.marginTop = gutterValue;
         }
       }
-      return style2;
+      return style;
     });
     var contentStyle = computed(() => {
       var {
@@ -9712,31 +9327,17 @@ var _GridItem = defineComponent({
   }
 });
 var GridItem = withInstall(_GridItem);
-function getDistance(touches) {
-  return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
-}
+var getDistance = (touches) => Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
 var bem$u = createNamespace("image-preview")[1];
 var ImagePreviewItem = defineComponent({
   props: {
     src: String,
     show: Boolean,
     active: Number,
-    minZoom: {
-      type: [Number, String],
-      required: true
-    },
-    maxZoom: {
-      type: [Number, String],
-      required: true
-    },
-    rootWidth: {
-      type: Number,
-      required: true
-    },
-    rootHeight: {
-      type: Number,
-      required: true
-    }
+    minZoom: makeRequiredProp(numericProp),
+    maxZoom: makeRequiredProp(numericProp),
+    rootWidth: makeRequiredProp(Number),
+    rootHeight: makeRequiredProp(Number)
   },
   emits: ["scale", "close"],
   setup(props2, {
@@ -9769,15 +9370,15 @@ var ImagePreviewItem = defineComponent({
         moving,
         zooming
       } = state;
-      var style2 = {
+      var style = {
         transitionDuration: zooming || moving ? "0s" : ".3s"
       };
       if (scale !== 1) {
         var offsetX = moveX / scale;
         var offsetY = moveY / scale;
-        style2.transform = "scale(" + scale + ", " + scale + ") translate(" + offsetX + "px, " + offsetY + "px)";
+        style.transform = "scale(" + scale + ", " + scale + ") translate(" + offsetX + "px, " + offsetY + "px)";
       }
-      return style2;
+      return style;
     });
     var maxMoveX = computed(() => {
       if (state.imageRatio) {
@@ -9960,43 +9561,22 @@ var [name$t, bem$t] = createNamespace("image-preview");
 var props$9 = {
   show: Boolean,
   loop: truthProp,
+  images: makeArrayProp(),
+  minZoom: makeNumericProp(1 / 3),
+  maxZoom: makeNumericProp(3),
   overlay: truthProp,
   closeable: Boolean,
   showIndex: truthProp,
   className: unknownProp,
+  closeIcon: makeStringProp("clear"),
   transition: String,
   beforeClose: Function,
   overlayStyle: Object,
+  swipeDuration: makeNumericProp(300),
+  startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
-  images: {
-    type: Array,
-    default: () => []
-  },
-  minZoom: {
-    type: [Number, String],
-    default: 1 / 3
-  },
-  maxZoom: {
-    type: [Number, String],
-    default: 3
-  },
-  swipeDuration: {
-    type: [Number, String],
-    default: 300
-  },
-  startPosition: {
-    type: [Number, String],
-    default: 0
-  },
-  closeIcon: {
-    type: String,
-    default: "clear"
-  },
-  closeIconPosition: {
-    type: String,
-    default: "top-right"
-  }
+  closeIconPosition: makeStringProp("top-right")
 };
 var VanImagePreview = defineComponent({
   name: name$t,
@@ -10015,7 +9595,7 @@ var VanImagePreview = defineComponent({
     });
     var resize = () => {
       if (swipeRef.value) {
-        var rect = swipeRef.value.$el.getBoundingClientRect();
+        var rect = useRect(swipeRef.value.$el);
         state.rootWidth = rect.width;
         state.rootHeight = rect.height;
         swipeRef.value.resize();
@@ -10170,7 +9750,7 @@ function initInstance$1() {
   }));
 }
 var ImagePreview = (options, startPosition = 0) => {
-  if (!inBrowser$2) {
+  if (!inBrowser$1) {
     return;
   }
   if (!instance$1) {
@@ -10189,19 +9769,16 @@ ImagePreview.install = (app) => {
 };
 function genAlphabet() {
   var charCodeOfA = "A".charCodeAt(0);
-  var indexList = Array(26).fill("").map((_2, i) => String.fromCharCode(charCodeOfA + i));
+  var indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
   return indexList;
 }
 var [name$s, bem$s] = createNamespace("index-bar");
 var props$8 = {
   sticky: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
   teleport: [String, Object],
   highlightColor: String,
-  stickyOffsetTop: {
-    type: Number,
-    default: 0
-  },
+  stickyOffsetTop: makeNumberProp(0),
   indexList: {
     type: Array,
     default: genAlphabet
@@ -10219,7 +9796,7 @@ var _IndexBar = defineComponent({
     var root = ref();
     var activeAnchor = ref("");
     var touch = useTouch();
-    var scrollParent2 = useScrollParent(root);
+    var scrollParent = useScrollParent(root);
     var {
       children,
       linkChildren
@@ -10242,8 +9819,8 @@ var _IndexBar = defineComponent({
       }
     });
     var getScrollerRect = () => {
-      if ("getBoundingClientRect" in scrollParent2.value) {
-        return useRect(scrollParent2);
+      if ("getBoundingClientRect" in scrollParent.value) {
+        return useRect(scrollParent);
       }
       return {
         top: 0,
@@ -10268,9 +9845,9 @@ var _IndexBar = defineComponent({
         sticky,
         indexList
       } = props2;
-      var scrollTop = getScrollTop(scrollParent2.value);
+      var scrollTop = getScrollTop(scrollParent.value);
       var scrollParentRect = getScrollerRect();
-      var rects = children.map((item) => item.getRect(scrollParent2.value, scrollParentRect));
+      var rects = children.map((item) => item.getRect(scrollParent.value, scrollParentRect));
       var active = getActiveAnchor(scrollTop, rects);
       activeAnchor.value = indexList[active];
       if (sticky) {
@@ -10302,7 +9879,7 @@ var _IndexBar = defineComponent({
     };
     var init = () => nextTick(onScroll);
     useEventListener("scroll", onScroll, {
-      target: scrollParent2
+      target: scrollParent
     });
     onMounted(init);
     watch(() => props2.indexList, init);
@@ -10388,7 +9965,7 @@ var [name$r, bem$r] = createNamespace("index-anchor");
 var _IndexAnchor = defineComponent({
   name: name$r,
   props: {
-    index: [Number, String]
+    index: numericProp
   },
   setup(props2, {
     slots
@@ -10425,13 +10002,13 @@ var _IndexAnchor = defineComponent({
         });
       }
     });
-    var getRect = (scrollParent2, scrollParentRect) => {
+    var getRect = (scrollParent, scrollParentRect) => {
       var rootRect = useRect(root);
       state.rect.height = rootRect.height;
-      if (scrollParent2 === window || scrollParent2 === document.body) {
+      if (scrollParent === window || scrollParent === document.body) {
         state.rect.top = rootRect.top + getRootScrollTop();
       } else {
-        state.rect.top = rootRect.top + getScrollTop(scrollParent2) - scrollParentRect.top;
+        state.rect.top = rootRect.top + getScrollTop(scrollParent) - scrollParentRect.top;
       }
       return state.rect;
     };
@@ -10459,30 +10036,11 @@ var _IndexAnchor = defineComponent({
 });
 var IndexAnchor = withInstall(_IndexAnchor);
 var IndexBar = withInstall(_IndexBar);
-var inBrowser = typeof window !== "undefined";
 var hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
 var modeType = {
   event: "event",
   observer: "observer"
 };
-var CustomEvent = function() {
-  if (!inBrowser)
-    return;
-  if (typeof window.CustomEvent === "function")
-    return window.CustomEvent;
-  function CustomEvent2(event, params) {
-    params = params || {
-      bubbles: false,
-      cancelable: false,
-      detail: void 0
-    };
-    var evt = document.createEvent("CustomEvent");
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-  CustomEvent2.prototype = window.Event.prototype;
-  return CustomEvent2;
-}();
 function remove(arr, item) {
   if (!arr.length)
     return;
@@ -10545,16 +10103,6 @@ function getBestSelectionFromSrcset(el, scale) {
   }
   return bestSelectedSrc;
 }
-function find(arr, fn2) {
-  var item;
-  for (var i = 0, len = arr.length; i < len; i++) {
-    if (fn2(arr[i])) {
-      item = arr[i];
-      break;
-    }
-  }
-  return item;
-}
 var getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
 function supportWebp() {
   if (!inBrowser)
@@ -10590,37 +10138,15 @@ function throttle(action, delay) {
     }
   };
 }
-function testSupportsPassive() {
-  if (!inBrowser)
-    return;
-  var support = false;
-  try {
-    var opts = Object.defineProperty({}, "passive", {
-      get() {
-        support = true;
-      }
-    });
-    window.addEventListener("test", null, opts);
-  } catch (e) {
-  }
-  return support;
+function on(el, type, func) {
+  el.addEventListener(type, func, {
+    capture: false,
+    passive: true
+  });
+}
+function off(el, type, func) {
+  el.removeEventListener(type, func, false);
 }
-var supportsPassive = testSupportsPassive();
-var _ = {
-  on(el, type, func, capture = false) {
-    if (supportsPassive) {
-      el.addEventListener(type, func, {
-        capture,
-        passive: true
-      });
-    } else {
-      el.addEventListener(type, func, capture);
-    }
-  },
-  off(el, type, func, capture = false) {
-    el.removeEventListener(type, func, capture);
-  }
-};
 var loadImageAsync = (item, resolve, reject) => {
   var image = new Image();
   if (!item || !item.src) {
@@ -10631,39 +10157,12 @@ var loadImageAsync = (item, resolve, reject) => {
   if (item.cors) {
     image.crossOrigin = item.cors;
   }
-  image.onload = function() {
-    resolve({
-      naturalHeight: image.naturalHeight,
-      naturalWidth: image.naturalWidth,
-      src: image.src
-    });
-  };
-  image.onerror = function(e) {
-    reject(e);
-  };
-};
-var style = (el, prop) => typeof getComputedStyle !== "undefined" ? getComputedStyle(el, null).getPropertyValue(prop) : el.style[prop];
-var overflow = (el) => style(el, "overflow") + style(el, "overflow-y") + style(el, "overflow-x");
-var scrollParent = (el) => {
-  if (!inBrowser)
-    return;
-  if (!(el instanceof HTMLElement)) {
-    return window;
-  }
-  var parent = el;
-  while (parent) {
-    if (parent === document.body || parent === document.documentElement) {
-      break;
-    }
-    if (!parent.parentNode) {
-      break;
-    }
-    if (/(scroll|auto)/.test(overflow(parent))) {
-      return parent;
-    }
-    parent = parent.parentNode;
-  }
-  return window;
+  image.onload = () => resolve({
+    naturalHeight: image.naturalHeight,
+    naturalWidth: image.naturalWidth,
+    src: image.src
+  });
+  image.onerror = (e) => reject(e);
 };
 function isObject(obj) {
   return obj !== null && typeof obj === "object";
@@ -10722,7 +10221,6 @@ class ReactiveListener {
     this.elRenderer = elRenderer;
     this._imageCache = imageCache;
     this.performanceData = {
-      init: Date.now(),
       loadStart: 0,
       loadEnd: 0
     };
@@ -10941,7 +10439,7 @@ function Lazy() {
           $parent = $parent ? $parent.$el || $parent : document.getElementById(container);
         }
         if (!$parent) {
-          $parent = scrollParent(el);
+          $parent = getScrollParent$1(el);
         }
         var newListener = new ReactiveListener({
           bindType: binding.arg,
@@ -10970,7 +10468,7 @@ function Lazy() {
         src
       } = value;
       src = getBestSelectionFromSrcset(el, this.options.scale) || src;
-      var exist = find(this.ListenerQueue, (item) => item.el === el);
+      var exist = this.ListenerQueue.find((item) => item.el === el);
       if (!exist) {
         this.add(el, binding, vnode);
       } else {
@@ -10991,7 +10489,7 @@ function Lazy() {
       if (!el)
         return;
       this._observer && this._observer.unobserve(el);
-      var existItem = find(this.ListenerQueue, (item) => item.el === el);
+      var existItem = this.ListenerQueue.find((item) => item.el === el);
       if (existItem) {
         this._removeListenerTarget(existItem.$parent);
         this._removeListenerTarget(window);
@@ -11034,7 +10532,7 @@ function Lazy() {
     _addListenerTarget(el) {
       if (!el)
         return;
-      var target = find(this.TargetQueue, (target2) => target2.el === el);
+      var target = this.TargetQueue.find((target2) => target2.el === el);
       if (!target) {
         target = {
           el,
@@ -11062,7 +10560,7 @@ function Lazy() {
       });
     }
     _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 = {
@@ -11078,11 +10576,11 @@ function Lazy() {
         this.Event.listeners[event].push(func);
       };
       this.$once = (event, func) => {
-        var on = (...args) => {
-          this.$off(event, on);
+        var on2 = (...args) => {
+          this.$off(event, on2);
           func.apply(this, args);
         };
-        this.$on(event, on);
+        this.$on(event, on2);
       };
       this.$off = (event, func) => {
         if (!func) {
@@ -11243,7 +10741,7 @@ var LazyComponent = (lazy) => ({
     }
   }
 });
-var defaultOptions$1 = {
+var defaultOptions = {
   selector: "img"
 };
 class LazyContainer {
@@ -11269,7 +10767,7 @@ class LazyContainer {
     binding
   }) {
     this.el = el;
-    this.options = Object.assign({}, defaultOptions$1, binding.value);
+    this.options = Object.assign({}, defaultOptions, binding.value);
     var imgs = this.getImgs();
     imgs.forEach((el2) => {
       this.lazy.add(el2, Object.assign({}, this.binding, {
@@ -11309,7 +10807,7 @@ class LazyContainerManager {
     this._queue.push(container);
   }
   update(el, binding, vnode) {
-    var container = find(this._queue, (item) => item.el === el);
+    var container = this._queue.find((item) => item.el === el);
     if (!container)
       return;
     container.update({
@@ -11319,7 +10817,7 @@ class LazyContainerManager {
     });
   }
   unbind(el) {
-    var container = find(this._queue, (item) => item.el === el);
+    var container = this._queue.find((item) => item.el === el);
     if (!container)
       return;
     container.clear();
@@ -11450,20 +10948,14 @@ var Lazyload = {
 var [name$q, bem$q, t$5] = createNamespace("list");
 var props$7 = {
   error: Boolean,
+  offset: makeNumericProp(300),
   loading: Boolean,
   finished: Boolean,
   errorText: String,
+  direction: makeStringProp("down"),
   loadingText: String,
   finishedText: String,
-  immediateCheck: truthProp,
-  offset: {
-    type: [Number, String],
-    default: 300
-  },
-  direction: {
-    type: String,
-    default: "down"
-  }
+  immediateCheck: truthProp
 };
 var _List = defineComponent({
   name: name$q,
@@ -11477,7 +10969,7 @@ var _List = defineComponent({
     var root = ref();
     var placeholder = ref();
     var tabStatus = useTabStatus();
-    var scrollParent2 = useScrollParent(root);
+    var scrollParent = useScrollParent(root);
     var check = () => {
       nextTick(() => {
         if (loading.value || props2.finished || props2.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
@@ -11487,7 +10979,7 @@ var _List = defineComponent({
           offset: offset2,
           direction
         } = props2;
-        var scrollParentRect = useRect(scrollParent2);
+        var scrollParentRect = useRect(scrollParent);
         if (!scrollParentRect.height || isHidden(root)) {
           return;
         }
@@ -11561,7 +11053,7 @@ var _List = defineComponent({
       check
     });
     useEventListener("scroll", check, {
-      target: scrollParent2
+      target: scrollParent
     });
     return () => {
       var Content = slots.default == null ? void 0 : slots.default();
@@ -11594,7 +11086,7 @@ var _NavBar = defineComponent({
   props: {
     title: String,
     fixed: Boolean,
-    zIndex: [Number, String],
+    zIndex: numericProp,
     border: truthProp,
     leftText: String,
     rightText: String,
@@ -11637,12 +11129,12 @@ var _NavBar = defineComponent({
         border,
         zIndex
       } = props2;
-      var style2 = getZIndexStyle(zIndex);
+      var style = getZIndexStyle(zIndex);
       var hasLeft = props2.leftArrow || props2.leftText || slots.left;
       var hasRight = props2.rightText || slots.right;
       return createVNode("div", {
         "ref": navBarRef,
-        "style": style2,
+        "style": style,
         "class": [bem$p({
           fixed,
           "safe-area-inset-top": props2.safeAreaInsetTop
@@ -11675,20 +11167,14 @@ var props$6 = {
   text: String,
   mode: String,
   color: String,
+  delay: makeNumericProp(1),
+  speed: makeNumericProp(60),
   leftIcon: String,
   wrapable: Boolean,
   background: String,
   scrollable: {
     type: Boolean,
     default: null
-  },
-  delay: {
-    type: [Number, String],
-    default: 1
-  },
-  speed: {
-    type: [Number, String],
-    default: 60
   }
 };
 var _NoticeBar = defineComponent({
@@ -11760,7 +11246,7 @@ var _NoticeBar = defineComponent({
     };
     var renderMarquee = () => {
       var ellipsis = props2.scrollable === false && !props2.wrapable;
-      var style2 = {
+      var style = {
         transform: state.offset ? "translateX(" + state.offset + "px)" : "",
         transitionDuration: state.duration + "s"
       };
@@ -11770,7 +11256,7 @@ var _NoticeBar = defineComponent({
         "class": bem$o("wrap")
       }, [createVNode("div", {
         "ref": contentRef,
-        "style": style2,
+        "style": style,
         "class": [bem$o("content"), {
           "van-ellipsis": ellipsis
         }],
@@ -11836,15 +11322,12 @@ var [name$n, bem$n] = createNamespace("notify");
 var VanNotify = defineComponent({
   name: name$n,
   props: extend({}, popupSharedProps, {
+    type: makeStringProp("danger"),
     color: String,
-    message: [Number, String],
+    message: numericProp,
     className: unknownProp,
     background: String,
-    lockScroll: Boolean,
-    type: {
-      type: String,
-      default: "danger"
-    }
+    lockScroll: Boolean
   }),
   setup(props2, {
     slots
@@ -11867,11 +11350,9 @@ var VanNotify = defineComponent({
 });
 var timer;
 var instance;
-function parseOptions(message) {
-  return isObject$1(message) ? message : {
-    message
-  };
-}
+var parseOptions = (message) => isObject$1(message) ? message : {
+  message
+};
 function initInstance() {
   ({
     instance
@@ -11888,7 +11369,7 @@ function initInstance() {
   }));
 }
 function Notify(options) {
-  if (!inBrowser$2) {
+  if (!inBrowser$1) {
     return;
   }
   if (!instance) {
@@ -11902,31 +11383,29 @@ function Notify(options) {
   }
   return instance;
 }
-function defaultOptions() {
-  return {
-    type: "danger",
-    color: void 0,
-    message: "",
-    onClose: void 0,
-    onClick: void 0,
-    onOpened: void 0,
-    duration: 3e3,
-    className: "",
-    lockScroll: false,
-    background: void 0
-  };
-}
+var getDefaultOptions = () => ({
+  type: "danger",
+  color: void 0,
+  message: "",
+  onClose: void 0,
+  onClick: void 0,
+  onOpened: void 0,
+  duration: 3e3,
+  className: "",
+  lockScroll: false,
+  background: void 0
+});
 Notify.clear = () => {
   if (instance) {
     instance.toggle(false);
   }
 };
-Notify.currentOptions = defaultOptions();
+Notify.currentOptions = getDefaultOptions();
 Notify.setDefaultOptions = (options) => {
   extend(Notify.currentOptions, options);
 };
 Notify.resetDefaultOptions = () => {
-  Notify.currentOptions = defaultOptions();
+  Notify.currentOptions = getDefaultOptions();
 };
 Notify.Component = withInstall(VanNotify);
 Notify.install = (app) => {
@@ -11952,7 +11431,7 @@ var NumberKeyboardKey = defineComponent({
   name: name$m,
   props: {
     type: String,
-    text: [Number, String],
+    text: numericProp,
     color: String,
     wider: Boolean,
     large: Boolean,
@@ -12025,8 +11504,11 @@ var _NumberKeyboard = defineComponent({
   props: {
     show: Boolean,
     title: String,
-    zIndex: [Number, String],
+    theme: makeStringProp("default"),
+    zIndex: numericProp,
     teleport: [String, Object],
+    maxlength: makeNumericProp(Infinity),
+    modelValue: makeStringProp(""),
     transition: truthProp,
     blurOnClose: truthProp,
     showDeleteKey: truthProp,
@@ -12036,21 +11518,9 @@ var _NumberKeyboard = defineComponent({
     closeButtonLoading: Boolean,
     hideOnClickOutside: truthProp,
     safeAreaInsetBottom: truthProp,
-    theme: {
-      type: String,
-      default: "default"
-    },
-    modelValue: {
-      type: String,
-      default: ""
-    },
     extraKey: {
       type: [String, Array],
       default: ""
-    },
-    maxlength: {
-      type: [Number, String],
-      default: Number.MAX_VALUE
     }
   },
   emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
@@ -12060,7 +11530,7 @@ var _NumberKeyboard = defineComponent({
   }) {
     var root = ref();
     var genBasicKeys = () => {
-      var keys2 = Array(9).fill("").map((_2, i) => ({
+      var keys2 = Array(9).fill("").map((_, i) => ({
         text: i + 1
       }));
       if (props2.randomKeyOrder) {
@@ -12241,43 +11711,23 @@ var _NumberKeyboard = defineComponent({
 });
 var NumberKeyboard = withInstall(_NumberKeyboard);
 var [name$k, bem$k, t$4] = createNamespace("pagination");
-function makePage(number, text, active) {
-  return {
-    number,
-    text,
-    active
-  };
-}
+var makePage = (number, text, active) => ({
+  number,
+  text,
+  active
+});
 var _Pagination = defineComponent({
   name: name$k,
   props: {
+    mode: makeStringProp("multi"),
     prevText: String,
     nextText: String,
-    forceEllipses: Boolean,
-    mode: {
-      type: String,
-      default: "multi"
-    },
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    pageCount: {
-      type: [Number, String],
-      default: 0
-    },
-    totalItems: {
-      type: [Number, String],
-      default: 0
-    },
-    itemsPerPage: {
-      type: [Number, String],
-      default: 10
-    },
-    showPageSize: {
-      type: [Number, String],
-      default: 5
-    }
+    pageCount: makeNumericProp(0),
+    modelValue: makeNumberProp(0),
+    totalItems: makeNumericProp(0),
+    showPageSize: makeNumericProp(5),
+    itemsPerPage: makeNumericProp(10),
+    forceEllipses: Boolean
   },
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -12386,17 +11836,11 @@ var _PasswordInput = defineComponent({
   props: {
     info: String,
     mask: truthProp,
-    gutter: [Number, String],
+    value: makeStringProp(""),
+    gutter: numericProp,
+    length: makeNumericProp(6),
     focused: Boolean,
-    errorInfo: String,
-    value: {
-      type: String,
-      default: ""
-    },
-    length: {
-      type: [Number, String],
-      default: 6
-    }
+    errorInfo: String
   },
   emits: ["focus"],
   setup(props2, {
@@ -12419,9 +11863,9 @@ var _PasswordInput = defineComponent({
         var char = value[i];
         var showBorder = i !== 0 && !gutter;
         var showCursor = focused && i === value.length;
-        var style2 = void 0;
+        var style = void 0;
         if (i !== 0 && gutter) {
-          style2 = {
+          style = {
             marginLeft: addUnit(gutter)
           };
         }
@@ -12431,7 +11875,7 @@ var _PasswordInput = defineComponent({
           }, bem$j("item", {
             focus: showCursor
           })],
-          "style": style2
+          "style": style
         }, [mask ? createVNode("i", {
           "style": {
             visibility: char ? "visible" : "hidden"
@@ -12527,12 +11971,12 @@ function getDocumentElement(element) {
 function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
 }
-function getComputedStyle$1(element) {
+function getComputedStyle(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function isScrollParent(element) {
-  var _getComputedStyle = getComputedStyle$1(element), overflow2 = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
-  return /auto|scroll|overlay|hidden/.test(overflow2 + overflowY + overflowX);
+  var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
 }
 function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   if (isFixed === void 0) {
@@ -12605,10 +12049,10 @@ function listScrollParents(element, list) {
   if (list === void 0) {
     list = [];
   }
-  var scrollParent2 = getScrollParent(element);
-  var isBody = scrollParent2 === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
-  var win = getWindow(scrollParent2);
-  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent2) ? scrollParent2 : []) : scrollParent2;
+  var scrollParent = getScrollParent(element);
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var win = getWindow(scrollParent);
+  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
   var updatedList = list.concat(target);
   return isBody ? updatedList : updatedList.concat(listScrollParents(getParentNode(target)));
 }
@@ -12616,7 +12060,7 @@ function isTableElement(element) {
   return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
 }
 function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
     return null;
   }
   return element.offsetParent;
@@ -12625,14 +12069,14 @@ function getContainingBlock(element) {
   var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
   var isIE = navigator.userAgent.indexOf("Trident") !== -1;
   if (isIE && isHTMLElement(element)) {
-    var elementCss = getComputedStyle$1(element);
+    var elementCss = getComputedStyle(element);
     if (elementCss.position === "fixed") {
       return null;
     }
   }
   var currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-    var css = getComputedStyle$1(currentNode);
+    var css = getComputedStyle(currentNode);
     if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
       return currentNode;
     } else {
@@ -12644,10 +12088,10 @@ function getContainingBlock(element) {
 function getOffsetParent(element) {
   var window2 = getWindow(element);
   var offsetParent = getTrueOffsetParent(element);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
     offsetParent = getTrueOffsetParent(offsetParent);
   }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static")) {
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
     return window2;
   }
   return offsetParent || getContainingBlock(element) || window2;
@@ -12936,8 +12380,8 @@ function effect(_ref) {
   var window2 = getWindow(state.elements.popper);
   var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
   if (scroll) {
-    scrollParents.forEach(function(scrollParent2) {
-      scrollParent2.addEventListener("scroll", instance2.update, passive);
+    scrollParents.forEach(function(scrollParent) {
+      scrollParent.addEventListener("scroll", instance2.update, passive);
     });
   }
   if (resize) {
@@ -12945,8 +12389,8 @@ function effect(_ref) {
   }
   return function() {
     if (scroll) {
-      scrollParents.forEach(function(scrollParent2) {
-        scrollParent2.removeEventListener("scroll", instance2.update, passive);
+      scrollParents.forEach(function(scrollParent) {
+        scrollParent.removeEventListener("scroll", instance2.update, passive);
       });
     }
     if (resize) {
@@ -13009,7 +12453,7 @@ function mapToStyles(_ref2) {
     var widthProp = "clientWidth";
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
-      if (getComputedStyle$1(offsetParent).position !== "static") {
+      if (getComputedStyle(offsetParent).position !== "static") {
         heightProp = "scrollHeight";
         widthProp = "scrollWidth";
       }
@@ -13074,13 +12518,13 @@ var computeStyles$1 = {
 function applyStyles(_ref) {
   var state = _ref.state;
   Object.keys(state.elements).forEach(function(name2) {
-    var style2 = state.styles[name2] || {};
+    var style = state.styles[name2] || {};
     var attributes = state.attributes[name2] || {};
     var element = state.elements[name2];
     if (!isHTMLElement(element) || !getNodeName(element)) {
       return;
     }
-    Object.assign(element.style, style2);
+    Object.assign(element.style, style);
     Object.keys(attributes).forEach(function(name3) {
       var value = attributes[name3];
       if (value === false) {
@@ -13115,14 +12559,14 @@ function effect$1(_ref2) {
       var element = state.elements[name2];
       var attributes = state.attributes[name2] || {};
       var styleProperties = Object.keys(state.styles.hasOwnProperty(name2) ? state.styles[name2] : initialStyles[name2]);
-      var style2 = styleProperties.reduce(function(style3, property) {
-        style3[property] = "";
-        return style3;
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
       }, {});
       if (!isHTMLElement(element) || !getNodeName(element)) {
         return;
       }
-      Object.assign(element.style, style2);
+      Object.assign(element.style, style);
       Object.keys(attributes).forEach(function(attribute) {
         element.removeAttribute(attribute);
       });
@@ -13184,8 +12628,13 @@ var _Popover = defineComponent({
   name: name$i,
   props: {
     show: Boolean,
+    theme: makeStringProp("light"),
     overlay: Boolean,
-    duration: [Number, String],
+    actions: makeArrayProp(),
+    trigger: makeStringProp("click"),
+    duration: numericProp,
+    showArrow: truthProp,
+    placement: makeStringProp("bottom"),
     iconPrefix: String,
     overlayClass: unknownProp,
     overlayStyle: Object,
@@ -13196,29 +12645,9 @@ var _Popover = defineComponent({
       type: Array,
       default: () => [0, 8]
     },
-    theme: {
-      type: String,
-      default: "light"
-    },
-    trigger: {
-      type: String,
-      default: "click"
-    },
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    placement: {
-      type: String,
-      default: "bottom"
-    },
     teleport: {
       type: [String, Object],
       default: "body"
-    },
-    showArrow: {
-      type: Boolean,
-      default: true
     }
   },
   emits: ["select", "touchstart", "update:show"],
@@ -13357,9 +12786,9 @@ var props$5 = {
   showPivot: truthProp,
   pivotColor: String,
   trackColor: String,
-  strokeWidth: [Number, String],
+  strokeWidth: numericProp,
   percentage: {
-    type: [Number, String],
+    type: numericProp,
     default: 0,
     validator: (value) => value >= 0 && value <= 100
   }
@@ -13378,14 +12807,14 @@ var _Progress = defineComponent({
       } = props2;
       var text = pivotText != null ? pivotText : percentage + "%";
       if (props2.showPivot && text) {
-        var style2 = {
+        var style = {
           color: textColor,
           left: +percentage + "%",
           transform: "translate(-" + +percentage + "%,-50%)",
           background: pivotColor || background.value
         };
         return createVNode("span", {
-          "style": style2,
+          "style": style,
           "class": bem$h("pivot")
         }, [text]);
       }
@@ -13422,27 +12851,15 @@ var _PullRefresh = defineComponent({
   name: name$g,
   props: {
     disabled: Boolean,
+    modelValue: Boolean,
+    headHeight: makeNumericProp(DEFAULT_HEAD_HEIGHT),
     successText: String,
     pullingText: String,
     loosingText: String,
     loadingText: String,
-    pullDistance: [Number, String],
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    successDuration: {
-      type: [Number, String],
-      default: 500
-    },
-    animationDuration: {
-      type: [Number, String],
-      default: 300
-    },
-    headHeight: {
-      type: [Number, String],
-      default: DEFAULT_HEAD_HEIGHT
-    }
+    pullDistance: numericProp,
+    successDuration: makeNumericProp(500),
+    animationDuration: makeNumericProp(300)
   },
   emits: ["refresh", "update:modelValue"],
   setup(props2, {
@@ -13451,7 +12868,7 @@ var _PullRefresh = defineComponent({
   }) {
     var reachTop;
     var root = ref();
-    var scrollParent2 = useScrollParent(root);
+    var scrollParent = useScrollParent(root);
     var state = reactive({
       status: "normal",
       distance: 0,
@@ -13531,7 +12948,7 @@ var _PullRefresh = defineComponent({
       }, +props2.successDuration);
     };
     var checkPosition = (event) => {
-      reachTop = getScrollTop(scrollParent2.value) === 0;
+      reachTop = getScrollTop(scrollParent.value) === 0;
       if (reachTop) {
         state.duration = 0;
         touch.start(event);
@@ -13631,32 +13048,20 @@ function getRateStatus(value, index2, allowHalf, readonly) {
 var _Rate = defineComponent({
   name: name$f,
   props: {
-    size: [Number, String],
+    size: numericProp,
+    icon: makeStringProp("star"),
     color: String,
-    gutter: [Number, String],
+    count: makeNumericProp(5),
+    gutter: numericProp,
     readonly: Boolean,
     disabled: Boolean,
+    voidIcon: makeStringProp("star-o"),
     allowHalf: Boolean,
     voidColor: String,
     touchable: truthProp,
     iconPrefix: String,
-    disabledColor: String,
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    icon: {
-      type: String,
-      default: "star"
-    },
-    voidIcon: {
-      type: String,
-      default: "star-o"
-    },
-    count: {
-      type: [Number, String],
-      default: 5
-    }
+    modelValue: makeNumberProp(0),
+    disabledColor: String
   },
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -13665,10 +13070,10 @@ var _Rate = defineComponent({
     var touch = useTouch();
     var [itemRefs, setItemRefs] = useRefs();
     var untouchable = () => props2.readonly || props2.disabled || !props2.touchable;
-    var list = computed(() => Array(+props2.count).fill("").map((_2, i) => getRateStatus(props2.modelValue, i + 1, props2.allowHalf, props2.readonly)));
+    var list = computed(() => Array(+props2.count).fill("").map((_, i) => getRateStatus(props2.modelValue, i + 1, props2.allowHalf, props2.readonly)));
     var ranges;
     var updateRanges = () => {
-      var rects = itemRefs.value.map((item) => item.getBoundingClientRect());
+      var rects = itemRefs.value.map(useRect);
       ranges = [];
       rects.forEach((rect, index2) => {
         if (props2.allowHalf) {
@@ -13739,9 +13144,9 @@ var _Rate = defineComponent({
       var isFull = item.status === "full";
       var isVoid = item.status === "void";
       var renderHalf = allowHalf && item.value > 0 && item.value < 1;
-      var style2;
+      var style;
       if (gutter && score !== +count) {
-        style2 = {
+        style = {
           paddingRight: addUnit(gutter)
         };
       }
@@ -13753,7 +13158,7 @@ var _Rate = defineComponent({
         "key": index2,
         "ref": setItemRefs(index2),
         "role": "radio",
-        "style": style2,
+        "style": style,
         "class": bem$f("item"),
         "tabindex": 0,
         "aria-setsize": +count,
@@ -13801,18 +13206,12 @@ var Row = withInstall(_Row);
 var [name$e, bem$e, t$2] = createNamespace("search");
 var props$4 = extend({}, fieldSharedProps, {
   label: String,
+  shape: makeStringProp("square"),
+  leftIcon: makeStringProp("search"),
   clearable: truthProp,
   actionText: String,
   background: String,
-  showAction: Boolean,
-  shape: {
-    type: String,
-    default: "square"
-  },
-  leftIcon: {
-    type: String,
-    default: "search"
-  }
+  showAction: Boolean
 });
 var _Search = defineComponent({
   name: name$e,
@@ -13908,14 +13307,11 @@ var _ShareSheet = defineComponent({
   name: name$d,
   props: extend({}, popupSharedProps, {
     title: String,
+    options: makeArrayProp(),
     cancelText: String,
     description: String,
     closeOnPopstate: truthProp,
-    safeAreaInsetBottom: truthProp,
-    options: {
-      type: Array,
-      default: () => []
-    }
+    safeAreaInsetBottom: truthProp
   }),
   emits: ["cancel", "select", "update:show"],
   setup(props2, {
@@ -14004,10 +13400,7 @@ var SIDEBAR_KEY = Symbol(name$c);
 var _Sidebar = defineComponent({
   name: name$c,
   props: {
-    modelValue: {
-      type: [Number, String],
-      default: 0
-    }
+    modelValue: makeNumericProp(0)
   },
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -14040,7 +13433,7 @@ var _SidebarItem = defineComponent({
   props: extend({}, routeProps, {
     dot: Boolean,
     title: String,
-    badge: [Number, String],
+    badge: numericProp,
     disabled: Boolean
   }),
   emits: ["click"],
@@ -14095,21 +13488,15 @@ var DEFAULT_LAST_ROW_WIDTH = "60%";
 var _Skeleton = defineComponent({
   name: name$a,
   props: {
+    row: makeNumericProp(0),
     title: Boolean,
     round: Boolean,
     avatar: Boolean,
     loading: truthProp,
     animate: truthProp,
-    avatarSize: [Number, String],
-    titleWidth: [Number, String],
-    row: {
-      type: [Number, String],
-      default: 0
-    },
-    avatarShape: {
-      type: String,
-      default: "round"
-    },
+    avatarSize: numericProp,
+    titleWidth: numericProp,
+    avatarShape: makeStringProp("round"),
     rowWidth: {
       type: [Number, String, Array],
       default: DEFAULT_ROW_WIDTH
@@ -14148,7 +13535,7 @@ var _Skeleton = defineComponent({
       }
       return rowWidth;
     };
-    var renderRows = () => Array(props2.row).fill("").map((_2, i) => createVNode("div", {
+    var renderRows = () => Array(props2.row).fill("").map((_, i) => createVNode("div", {
       "class": bem$a("row"),
       "style": {
         width: addUnit(getRowWidth(i))
@@ -14174,27 +13561,18 @@ var [name$9, bem$9] = createNamespace("slider");
 var _Slider = defineComponent({
   name: name$9,
   props: {
+    min: makeNumericProp(0),
+    max: makeNumericProp(100),
+    step: makeNumericProp(1),
     range: Boolean,
     reverse: Boolean,
     disabled: Boolean,
     readonly: Boolean,
     vertical: Boolean,
-    barHeight: [Number, String],
-    buttonSize: [Number, String],
+    barHeight: numericProp,
+    buttonSize: numericProp,
     activeColor: String,
     inactiveColor: String,
-    min: {
-      type: [Number, String],
-      default: 0
-    },
-    max: {
-      type: [Number, String],
-      default: 100
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
     modelValue: {
       type: [Number, Array],
       default: 0
@@ -14206,8 +13584,8 @@ var _Slider = defineComponent({
     slots
   }) {
     var buttonIndex;
+    var current;
     var startValue;
-    var currentValue;
     var root = ref();
     var dragStatus = ref();
     var touch = useTouch();
@@ -14242,12 +13620,12 @@ var _Slider = defineComponent({
     };
     var barStyle = computed(() => {
       var mainAxis = props2.vertical ? "height" : "width";
-      var style2 = {
+      var style = {
         [mainAxis]: calcMainAxis(),
         background: props2.activeColor
       };
       if (dragStatus.value) {
-        style2.transition = "none";
+        style.transition = "none";
       }
       var getPositionKey = () => {
         if (props2.vertical) {
@@ -14255,8 +13633,8 @@ var _Slider = defineComponent({
         }
         return props2.reverse ? "right" : "left";
       };
-      style2[getPositionKey()] = calcOffset();
-      return style2;
+      style[getPositionKey()] = calcOffset();
+      return style;
     });
     var format2 = (value) => {
       var min = +props2.min;
@@ -14329,11 +13707,11 @@ var _Slider = defineComponent({
         return;
       }
       touch.start(event);
-      currentValue = props2.modelValue;
-      if (isRange(currentValue)) {
-        startValue = currentValue.map(format2);
+      current = props2.modelValue;
+      if (isRange(current)) {
+        startValue = current.map(format2);
       } else {
-        startValue = format2(currentValue);
+        startValue = format2(current);
       }
       dragStatus.value = "start";
     };
@@ -14356,18 +13734,18 @@ var _Slider = defineComponent({
       }
       if (isRange(startValue)) {
         var index2 = props2.reverse ? 1 - buttonIndex : buttonIndex;
-        currentValue[index2] = startValue[index2] + diff;
+        current[index2] = startValue[index2] + diff;
       } else {
-        currentValue = startValue + diff;
+        current = startValue + diff;
       }
-      updateValue(currentValue);
+      updateValue(current);
     };
     var onTouchEnd = (event) => {
       if (props2.disabled || props2.readonly) {
         return;
       }
       if (dragStatus.value === "dragging") {
-        updateValue(currentValue, true);
+        updateValue(current, true);
         emit("drag-end", event);
       }
       dragStatus.value = "";
@@ -14399,13 +13777,13 @@ var _Slider = defineComponent({
       }, null);
     };
     var renderButton = (index2) => {
-      var currentValue2 = typeof index2 === "number" ? props2.modelValue[index2] : props2.modelValue;
+      var current2 = typeof index2 === "number" ? props2.modelValue[index2] : props2.modelValue;
       return createVNode("div", {
         "role": "slider",
         "class": getButtonClassName(index2),
         "tabindex": props2.disabled || props2.readonly ? -1 : 0,
         "aria-valuemin": +props2.min,
-        "aria-valuenow": currentValue2,
+        "aria-valuenow": current2,
         "aria-valuemax": +props2.max,
         "aria-orientation": props2.vertical ? "vertical" : "horizontal",
         "onTouchstart": (event) => {
@@ -14418,7 +13796,7 @@ var _Slider = defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": stopPropagation
-      }, [renderButtonContent(currentValue2, index2)]);
+      }, [renderButtonContent(current2, index2)]);
     };
     updateValue(props2.modelValue);
     useCustomFieldValue(() => props2.modelValue);
@@ -14439,23 +13817,14 @@ var _Slider = defineComponent({
 var Slider = withInstall(_Slider);
 var [name$8, bem$8] = createNamespace("steps");
 var props$3 = {
+  active: makeNumericProp(0),
+  direction: makeStringProp("horizontal"),
+  activeIcon: makeStringProp("checked"),
   iconPrefix: String,
   finishIcon: String,
   activeColor: String,
   inactiveIcon: String,
-  inactiveColor: String,
-  active: {
-    type: [Number, String],
-    default: 0
-  },
-  direction: {
-    type: String,
-    default: "horizontal"
-  },
-  activeIcon: {
-    type: String,
-    default: "checked"
-  }
+  inactiveColor: String
 };
 var STEPS_KEY = Symbol(name$8);
 var _Steps = defineComponent({
@@ -14590,12 +13959,14 @@ var Step = withInstall(_Step);
 var [name$6, bem$6] = createNamespace("stepper");
 var LONG_PRESS_INTERVAL = 200;
 var LONG_PRESS_START_TIME = 600;
-function equal(value1, value2) {
-  return String(value1) === String(value2);
-}
+var isEqual = (value1, value2) => String(value1) === String(value2);
 var _Stepper = defineComponent({
   name: name$6,
   props: {
+    min: makeNumericProp(1),
+    max: makeNumericProp(Infinity),
+    name: makeNumericProp(""),
+    step: makeNumericProp(1),
     theme: String,
     integer: Boolean,
     disabled: Boolean,
@@ -14604,35 +13975,16 @@ var _Stepper = defineComponent({
     showInput: truthProp,
     longPress: truthProp,
     allowEmpty: Boolean,
-    modelValue: [Number, String],
-    inputWidth: [Number, String],
-    buttonSize: [Number, String],
+    modelValue: numericProp,
+    inputWidth: numericProp,
+    buttonSize: numericProp,
     placeholder: String,
     disablePlus: Boolean,
     disableMinus: Boolean,
     disableInput: Boolean,
     beforeChange: Function,
-    decimalLength: [Number, String],
-    name: {
-      type: [Number, String],
-      default: ""
-    },
-    min: {
-      type: [Number, String],
-      default: 1
-    },
-    max: {
-      type: [Number, String],
-      default: Infinity
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
-    defaultValue: {
-      type: [Number, String],
-      default: 1
-    }
+    defaultValue: makeNumericProp(1),
+    decimalLength: numericProp
   },
   emits: ["plus", "blur", "minus", "focus", "change", "overlimit", "update:modelValue"],
   setup(props2, {
@@ -14661,7 +14013,7 @@ var _Stepper = defineComponent({
       var _props$modelValue;
       var defaultValue = (_props$modelValue = props2.modelValue) != null ? _props$modelValue : props2.defaultValue;
       var value = format2(defaultValue);
-      if (!equal(value, props2.modelValue)) {
+      if (!isEqual(value, props2.modelValue)) {
         emit("update:modelValue", value);
       }
       return value;
@@ -14678,7 +14030,7 @@ var _Stepper = defineComponent({
     var buttonStyle = computed(() => getSizeStyle(props2.buttonSize));
     var check = () => {
       var value = format2(current.value);
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = value;
       }
     };
@@ -14720,7 +14072,7 @@ var _Stepper = defineComponent({
       }
       if (props2.beforeChange) {
         input.value = String(current.value);
-      } else if (!equal(value, formatted)) {
+      } else if (!isEqual(value, formatted)) {
         input.value = formatted;
       }
       var isNumeric2 = formatted === String(+formatted);
@@ -14791,7 +14143,7 @@ var _Stepper = defineComponent({
     });
     watch([() => props2.max, () => props2.min, () => props2.integer, () => props2.decimalLength], check);
     watch(() => props2.modelValue, (value) => {
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = format2(value);
       }
     });
@@ -14848,24 +14200,15 @@ var _SubmitBar = defineComponent({
     price: Number,
     tipIcon: String,
     loading: Boolean,
+    currency: makeStringProp("\xA5"),
     disabled: Boolean,
     textAlign: String,
     buttonText: String,
+    buttonType: makeStringProp("danger"),
     buttonColor: String,
     suffixLabel: String,
-    safeAreaInsetBottom: truthProp,
-    decimalLength: {
-      type: [Number, String],
-      default: 2
-    },
-    currency: {
-      type: String,
-      default: "\xA5"
-    },
-    buttonType: {
-      type: String,
-      default: "danger"
-    }
+    decimalLength: makeNumericProp(2),
+    safeAreaInsetBottom: truthProp
   },
   emits: ["submit"],
   setup(props2, {
@@ -14942,15 +14285,12 @@ var _SubmitBar = defineComponent({
 var SubmitBar = withInstall(_SubmitBar);
 var [name$4, bem$4] = createNamespace("swipe-cell");
 var props$2 = {
+  name: makeNumericProp(""),
   disabled: Boolean,
-  leftWidth: [Number, String],
-  rightWidth: [Number, String],
+  leftWidth: numericProp,
+  rightWidth: numericProp,
   beforeClose: Function,
-  stopPropagation: Boolean,
-  name: {
-    type: [Number, String],
-    default: ""
-  }
+  stopPropagation: Boolean
 };
 var _SwipeCell = defineComponent({
   name: name$4,
@@ -15098,15 +14438,12 @@ var props$1 = {
   route: Boolean,
   fixed: truthProp,
   border: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
   placeholder: Boolean,
   activeColor: String,
   beforeChange: Function,
   inactiveColor: String,
-  modelValue: {
-    type: [Number, String],
-    default: 0
-  },
+  modelValue: makeNumericProp(0),
   safeAreaInsetBottom: {
     type: Boolean,
     default: null
@@ -15178,8 +14515,8 @@ var _TabbarItem = defineComponent({
   props: extend({}, routeProps, {
     dot: Boolean,
     icon: String,
-    name: [Number, String],
-    badge: [Number, String],
+    name: numericProp,
+    badge: numericProp,
     iconPrefix: String
   }),
   emits: ["click"],
@@ -15273,29 +14610,14 @@ var [name$1, bem$1] = createNamespace("tree-select");
 var _TreeSelect = defineComponent({
   name: name$1,
   props: {
-    max: {
-      type: [Number, String],
-      default: Infinity
-    },
-    items: {
-      type: Array,
-      default: () => []
-    },
-    height: {
-      type: [Number, String],
-      default: 300
-    },
+    max: makeNumericProp(Infinity),
+    items: makeArrayProp(),
+    height: makeNumericProp(300),
+    selectedIcon: makeStringProp("success"),
+    mainActiveIndex: makeNumericProp(0),
     activeId: {
       type: [Number, String, Array],
       default: 0
-    },
-    selectedIcon: {
-      type: String,
-      default: "success"
-    },
-    mainActiveIndex: {
-      type: [Number, String],
-      default: 0
     }
   },
   emits: ["click-nav", "click-item", "update:activeId", "update:mainActiveIndex"],
@@ -15377,12 +14699,7 @@ var _TreeSelect = defineComponent({
 });
 var TreeSelect = withInstall(_TreeSelect);
 var [name, bem] = createNamespace("uploader");
-function toArray(item) {
-  if (Array.isArray(item)) {
-    return item;
-  }
-  return [item];
-}
+var toArray = (item) => Array.isArray(item) ? item : [item];
 function readFileContent(file, resultType) {
   return new Promise((resolve) => {
     if (resultType === "file") {
@@ -15427,9 +14744,7 @@ function filterFiles(items, maxSize) {
   };
 }
 var IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
-function isImageUrl(url) {
-  return IMAGE_REGEXP.test(url);
-}
+var isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {
     return true;
@@ -15447,17 +14762,14 @@ function isImageFile(item) {
 }
 var UploaderPreviewItem = defineComponent({
   props: {
-    name: [Number, String],
+    name: numericProp,
+    item: makeRequiredProp(Object),
     index: Number,
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: [Number, String],
-    beforeDelete: Function,
-    item: {
-      type: Object,
-      required: true
-    }
+    previewSize: numericProp,
+    beforeDelete: Function
   },
   emits: ["delete", "preview"],
   setup(props2, {
@@ -15559,52 +14871,31 @@ var UploaderPreviewItem = defineComponent({
   }
 });
 var props = {
+  name: makeNumericProp(""),
+  accept: makeStringProp("image/*"),
   capture: String,
   multiple: Boolean,
   disabled: Boolean,
   readonly: Boolean,
   lazyLoad: Boolean,
+  maxCount: makeNumericProp(Infinity),
+  imageFit: makeStringProp("cover"),
+  resultType: makeStringProp("dataUrl"),
+  uploadIcon: makeStringProp("photograph"),
   uploadText: String,
   deletable: truthProp,
   afterRead: Function,
   showUpload: truthProp,
+  modelValue: makeArrayProp(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: [Number, String],
+  previewSize: numericProp,
   previewImage: truthProp,
   previewOptions: Object,
   previewFullImage: truthProp,
-  name: {
-    type: [Number, String],
-    default: ""
-  },
-  accept: {
-    type: String,
-    default: "image/*"
-  },
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
   maxSize: {
     type: [Number, String, Function],
-    default: Number.MAX_VALUE
-  },
-  maxCount: {
-    type: [Number, String],
-    default: Number.MAX_VALUE
-  },
-  imageFit: {
-    type: String,
-    default: "cover"
-  },
-  resultType: {
-    type: String,
-    default: "dataUrl"
-  },
-  uploadIcon: {
-    type: String,
-    default: "photograph"
+    default: Infinity
   }
 };
 var _Uploader = defineComponent({
@@ -15808,7 +15099,7 @@ var _Uploader = defineComponent({
   }
 });
 var Uploader = withInstall(_Uploader);
-var version = "3.2.4";
+var version = "3.2.5";
 function install(app) {
   var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image$1, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];
   components.forEach((item) => {