vant 3.2.4 → 3.2.5

package/lib/vant.js

@@ -5,12 +5,7 @@
   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;
@@ -28,484 +23,118 @@
       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(fn) {
+    return inBrowser ? requestAnimationFrame(fn) : -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(fn) {
+    raf(() => raf(fn));
   }
-  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 = vue.unref(elementOrRef);
+    if (isWindow(element)) {
+      var width = element.innerWidth;
+      var height = element.innerHeight;
+      return makeDOMRect(width, height);
     }
-  };
-  var lang = vue.ref("zh-CN");
-  var messages = vue.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 = vue.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 = vue.unref(elementRef);
-    if (!el) {
-      return false;
+  function useParent(key) {
+    var parent = vue.inject(key, null);
+    if (parent) {
+      var instance2 = vue.getCurrentInstance();
+      var {
+        link: _link,
+        unlink: _unlink,
+        internalChildren
+      } = parent;
+      _link(instance2);
+      vue.onUnmounted(() => _unlink(instance2));
+      var index2 = vue.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: vue.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(fn) {
-    return inBrowser$1 ? requestAnimationFrame(fn) : -1;
-  }
-  function cancelRaf(id) {
-    if (inBrowser$1) {
-      cancelAnimationFrame(id);
-    }
-  }
-  function doubleRaf(fn) {
-    raf(() => raf(fn));
-  }
-  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 = vue.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 = vue.ref(defaultValue);
-    var toggle = (value = !state.value) => {
-      state.value = value;
-    };
-    return [state, toggle];
-  }
-  function useParent(key) {
-    var parent = vue.inject(key, null);
-    if (parent) {
-      var instance2 = vue.getCurrentInstance();
-      var {
-        link: _link,
-        unlink: _unlink,
-        internalChildren
-      } = parent;
-      _link(instance2);
-      vue.onUnmounted(() => _unlink(instance2));
-      var index2 = vue.computed(() => internalChildren.indexOf(instance2));
-      return {
-        parent,
-        index: index2
-      };
-    }
-    return {
-      parent: null,
-      index: vue.ref(-1)
-    };
-  }
-  function flattenVNodes(children) {
-    var result = [];
-    var traverse = (children2) => {
-      if (Array.isArray(children2)) {
-        children2.forEach((child) => {
-          if (vue.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 (vue.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);
@@ -612,7 +241,7 @@
       });
     };
     var tick = () => {
-      if (!inBrowser$1) {
+      if (!inBrowser) {
         return;
       }
       if (options.millisecond) {
@@ -667,21 +296,8 @@
       }
     });
   }
-  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 {
@@ -693,10 +309,10 @@
     var add = (target2) => {
       var element = vue.unref(target2);
       if (element && !attached) {
-        element.addEventListener(type, listener, supportsPassive$1 ? {
+        element.addEventListener(type, listener, {
           capture,
           passive: passive2
-        } : capture);
+        });
         attached = true;
       }
     };
@@ -718,7 +334,7 @@
     }
   }
   function useClickAway(target, listener, options = {}) {
-    if (!inBrowser$1) {
+    if (!inBrowser) {
       return;
     }
     var {
@@ -735,8 +351,8 @@
     });
   }
   function useWindowSize() {
-    var width = vue.ref(inBrowser$1 ? window.innerWidth : 0);
-    var height = vue.ref(inBrowser$1 ? window.innerHeight : 0);
+    var width = vue.ref(inBrowser ? window.innerWidth : 0);
+    var height = vue.ref(inBrowser ? window.innerHeight : 0);
     var onResize = () => {
       width.value = window.innerWidth;
       height.value = window.innerHeight;
@@ -749,7 +365,7 @@
     };
   }
   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;
@@ -768,18 +384,18 @@
     return root;
   }
   function useScrollParent(el, root = defaultRoot) {
-    var scrollParent2 = vue.ref();
+    var scrollParent = vue.ref();
     vue.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 = vue.ref("visible");
     var setVisibility = () => {
-      if (inBrowser$1) {
+      if (inBrowser) {
         visibility.value = document.hidden ? "hidden" : "visible";
       }
     };
@@ -798,6 +414,361 @@
       });
     }
   }
+  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 = vue.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 = vue.ref("zh-CN");
+  var messages = vue.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 = vue.defineComponent({
@@ -853,15 +824,12 @@
     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
@@ -892,25 +860,25 @@
           return content;
         }
       };
-      var style2 = vue.computed(() => {
-        var style3 = {
+      var style = vue.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) {
@@ -919,7 +887,7 @@
               dot: props2.dot,
               fixed: !!slots.default
             }),
-            "style": style2.value
+            "style": style.value
           }, [renderContent()]);
         }
       };
@@ -951,17 +919,14 @@
   var _ConfigProvider = vue.defineComponent({
     name: name$1s,
     props: {
+      tag: makeStringProp("div"),
       themeVars: Object,
-      iconPrefix: String,
-      tag: {
-        type: String,
-        default: "div"
-      }
+      iconPrefix: String
     },
     setup(props2, {
       slots
     }) {
-      var style2 = vue.computed(() => {
+      var style = vue.computed(() => {
         if (props2.themeVars) {
           return mapThemeVarsToCSSVars(props2.themeVars);
         }
@@ -969,29 +934,24 @@
       vue.provide(CONFIG_PROVIDER_KEY, props2);
       return () => vue.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 = vue.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
@@ -1028,7 +988,7 @@
   });
   var Icon = withInstall(_Icon);
   var [name$1q, bem$1m] = createNamespace("loading");
-  var SpinIcon = Array(12).fill(null).map((_2, index2) => vue.createVNode("i", {
+  var SpinIcon = Array(12).fill(null).map((_, index2) => vue.createVNode("i", {
     "class": bem$1m("line", String(index2 + 1))
   }, null));
   var CircularIcon = vue.createVNode("svg", {
@@ -1043,15 +1003,12 @@
   var _Loading = vue.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
@@ -1092,8 +1049,11 @@
   var _Button = vue.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,
@@ -1103,29 +1063,11 @@
       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, {
@@ -1179,18 +1121,18 @@
           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) => {
@@ -1312,7 +1254,7 @@
       text: String,
       icon: String,
       color: String,
-      badge: [Number, String],
+      badge: numericProp,
       iconClass: unknownProp,
       iconPrefix: String
     }),
@@ -1360,9 +1302,9 @@
   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,
@@ -1455,9 +1397,9 @@
     };
     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);
       }
@@ -1509,8 +1451,8 @@
     name: name$1m,
     props: {
       show: Boolean,
-      zIndex: [Number, String],
-      duration: [Number, String],
+      zIndex: numericProp,
+      duration: numericProp,
       className: unknownProp,
       lockScroll: truthProp,
       customStyle: Object
@@ -1523,18 +1465,19 @@
         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 vue.withDirectives(vue.createVNode("div", {
-          "style": style2,
+          "style": style,
           "class": [bem$1i(), props2.className],
           "onTouchmove": props2.lockScroll ? preventTouchMove : noop$1
         }, [slots.default == null ? void 0 : slots.default()]), [[vue.vShow, props2.show]]);
       });
       return () => vue.createVNode(vue.Transition, {
-        "name": "van-fade"
+        "name": "van-fade",
+        "appear": true
       }, {
         default: () => [renderOverlay()]
       });
@@ -1548,23 +1491,14 @@
     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, {
@@ -1577,15 +1511,15 @@
       var zIndex = vue.ref();
       var popupRef = vue.ref();
       var lazyRender = useLazyRender(() => props2.show || !props2.lazyRender);
-      var style2 = vue.computed(() => {
-        var style3 = {
+      var style = vue.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) {
@@ -1656,7 +1590,7 @@
         } = props2;
         return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
           "ref": popupRef,
-          "style": style2.value,
+          "style": style.value,
           "class": [bem$1h({
             round: round2,
             [position]: position
@@ -1738,16 +1672,13 @@
       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, {
@@ -1871,45 +1802,26 @@
   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 = vue.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, {
@@ -2093,28 +2005,23 @@
         stopMomentum
       });
       vue.watch(() => props2.initialOptions, setOptions);
-      vue.watch(() => props2.defaultIndex, (value) => {
-        setIndex(value);
-      });
-      return () => {
-        var wrapperStyle = {
+      vue.watch(() => props2.defaultIndex, (value) => setIndex(value));
+      return () => vue.createVNode("div", {
+        "class": [bem$1f(), props2.className],
+        "onTouchstart": onTouchStart,
+        "onTouchmove": onTouchMove,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd
+      }, [vue.createVNode("ul", {
+        "ref": wrapper,
+        "style": {
           transform: "translate3d(0, " + (state.offset + baseOffset()) + "px, 0)",
           transitionDuration: state.duration + "ms",
           transitionProperty: state.duration ? "all" : "none"
-        };
-        return vue.createVNode("div", {
-          "class": [bem$1f(), props2.className],
-          "onTouchstart": onTouchStart,
-          "onTouchmove": onTouchMove,
-          "onTouchend": onTouchEnd,
-          "onTouchcancel": onTouchEnd
-        }, [vue.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");
@@ -2123,39 +2030,21 @@
     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 = vue.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, {
@@ -2426,26 +2315,18 @@
   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 = vue.defineComponent({
@@ -2664,9 +2545,9 @@
   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,
@@ -2860,16 +2741,20 @@
   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
@@ -2881,37 +2766,18 @@
     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
@@ -3204,10 +3070,13 @@
         }
         var message = props2.errorMessage || state.validateMessage;
         if (message) {
+          var slot = slots["error-message"];
           var errorMessageAlign = getProp("errorMessageAlign");
           return vue.createVNode("div", {
             "class": bem$1b("error-message", errorMessageAlign)
-          }, [message]);
+          }, [slot ? slot({
+            message
+          }) : message]);
         }
       };
       var renderLabel = () => {
@@ -3293,8 +3162,10 @@
       state.show = show;
     };
     var open = (props2) => {
-      extend(state, props2);
-      vue.nextTick(() => toggle(true));
+      extend(state, props2, {
+        transitionAppear: true
+      });
+      toggle(true);
     };
     var close = () => toggle(false);
     useExpose({
@@ -3341,33 +3212,21 @@
     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, {
@@ -3459,7 +3318,7 @@
       });
     }
   });
-  var defaultOptions$2 = {
+  var defaultOptions$1 = {
     icon: "",
     type: "text",
     message: "",
@@ -3482,7 +3341,7 @@
   };
   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)) {
@@ -3539,7 +3398,7 @@
     return queue[queue.length - 1];
   }
   function Toast(options = {}) {
-    if (!inBrowser$2) {
+    if (!inBrowser$1) {
       return {};
     }
     var toast = getInstance();
@@ -3580,7 +3439,7 @@
     if (typeof type === "string") {
       defaultOptionsMap.delete(type);
     } else {
-      currentOptions = extend({}, defaultOptions$2);
+      currentOptions = extend({}, defaultOptions$1);
       defaultOptionsMap.clear();
     }
   };
@@ -3598,11 +3457,12 @@
     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,
@@ -3611,11 +3471,7 @@
       confirmButtonText: String,
       confirmButtonColor: String,
       showConfirmButton: truthProp,
-      closeOnClickOverlay: Boolean,
-      transition: {
-        type: String,
-        default: "van-dialog-bounce"
-      }
+      closeOnClickOverlay: Boolean
     }),
     emits: ["confirm", "cancel", "update:show"],
     setup(props2, {
@@ -3798,7 +3654,7 @@
     } = mountComponent(Wrapper));
   }
   function Dialog(options) {
-    if (!inBrowser$2) {
+    if (!inBrowser$1) {
       return Promise.resolve();
     }
     return new Promise((resolve, reject) => {
@@ -3862,7 +3718,7 @@
   var _Switch = vue.defineComponent({
     name: name$1c,
     props: {
-      size: [Number, String],
+      size: numericProp,
       loading: Boolean,
       disabled: Boolean,
       modelValue: unknownProp,
@@ -3908,7 +3764,7 @@
           inactiveColor
         } = props2;
         var checked = isChecked();
-        var style2 = {
+        var style = {
           fontSize: addUnit(size),
           backgroundColor: checked ? activeColor : inactiveColor
         };
@@ -3919,7 +3775,7 @@
             loading,
             disabled
           }),
-          "style": style2,
+          "style": style,
           "aria-checked": checked,
           "onClick": onClick
         }, [vue.createVNode("div", {
@@ -3936,10 +3792,10 @@
       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"],
@@ -4019,9 +3875,7 @@
     postalCode: "",
     addressDetail: ""
   };
-  function isPostal(value) {
-    return /^\d{6}$/.test(value);
-  }
+  var isPostal = (value) => /^\d{6}$/.test(value);
   var props$o = {
     areaList: Object,
     isSaving: Boolean,
@@ -4033,20 +3887,15 @@
     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)
@@ -4058,10 +3907,6 @@
     postalValidator: {
       type: Function,
       default: isPostal
-    },
-    areaColumnsPlaceholder: {
-      type: Array,
-      default: () => []
     }
   };
   var _AddressEdit = vue.defineComponent({
@@ -4336,7 +4181,7 @@
   var [name$19, bem$15] = createNamespace("radio-group");
   var props$n = {
     disabled: Boolean,
-    iconSize: [Number, String],
+    iconSize: numericProp,
     direction: String,
     modelValue: unknownProp,
     checkedColor: String
@@ -4374,15 +4219,12 @@
       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, {
@@ -4442,27 +4284,21 @@
   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 = vue.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, {
@@ -4587,13 +4423,10 @@
   var AddressListItem = vue.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, {
@@ -4675,19 +4508,13 @@
   var _AddressList = vue.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, {
@@ -4754,9 +4581,7 @@
   });
   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();
@@ -4835,9 +4660,7 @@
     }
     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 = vue.ref();
     vue.onMounted(() => vue.nextTick(() => {
@@ -4849,24 +4672,18 @@
   var CalendarDay = vue.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 = vue.computed(() => {
+      var style = vue.computed(() => {
         var {
           item,
           index: index2,
@@ -4874,15 +4691,15 @@
           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) {
@@ -4891,14 +4708,14 @@
             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") {
@@ -4956,12 +4773,12 @@
         if (type === "placeholder") {
           return vue.createVNode("div", {
             "class": bem$10("day"),
-            "style": style2.value
+            "style": style.value
           }, null);
         }
         return vue.createVNode("div", {
           "role": "gridcell",
-          "style": style2.value,
+          "style": style.value,
           "class": [bem$10("day", type), className],
           "tabindex": type === "disabled" ? void 0 : -1,
           "onClick": onClick
@@ -4971,29 +4788,20 @@
   });
   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 = vue.defineComponent({
     name: name$12,
@@ -5022,7 +4830,7 @@
       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);
         }
       };
@@ -5227,16 +5035,19 @@
   });
   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,
@@ -5245,21 +5056,10 @@
     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,
@@ -5274,13 +5074,9 @@
       }
     },
     firstDayOfWeek: {
-      type: [Number, String],
+      type: numericProp,
       default: 0,
       validator: (val) => val >= 0 && val <= 6
-    },
-    showRangePrompt: {
-      type: Boolean,
-      default: true
     }
   };
   var _Calendar = vue.defineComponent({
@@ -5502,8 +5298,7 @@
             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);
               }
@@ -5580,18 +5375,14 @@
         "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"])), vue.createVNode("div", {
         "ref": bodyRef,
         "class": bem$10("body"),
         "onScroll": onScroll
       }, [months.value.map(renderMonth)]), renderFooter()]);
       vue.watch(() => props2.show, init);
-      vue.watch(() => [props2.type, props2.minDate, props2.maxDate], () => {
-        reset(getInitialDate(currentDate.value));
-      });
+      vue.watch(() => [props2.type, props2.minDate, props2.maxDate], () => reset(getInitialDate(currentDate.value)));
       vue.watch(() => props2.defaultDate, (value = null) => {
         currentDate.value = value;
         scrollIntoView();
@@ -5631,22 +5422,16 @@
       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, {
@@ -5659,19 +5444,19 @@
       var {
         $Lazyload
       } = vue.getCurrentInstance().proxy;
-      var style2 = vue.computed(() => {
-        var style3 = {};
+      var style = vue.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;
       });
       vue.watch(() => props2.src, () => {
         error.value = false;
@@ -5756,7 +5541,7 @@
           onError();
         }
       };
-      if ($Lazyload && inBrowser$2) {
+      if ($Lazyload && inBrowser$1) {
         $Lazyload.$on("loaded", onLazyLoaded);
         $Lazyload.$on("error", onLazyLoadError);
         vue.onBeforeUnmount(() => {
@@ -5768,7 +5553,7 @@
         "class": bem$$({
           round: props2.round
         }),
-        "style": style2.value
+        "style": style.value
       }, [renderImage(), renderPlaceholder(), slots.default == null ? void 0 : slots.default()]);
     }
   });
@@ -5778,19 +5563,16 @@
     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, {
@@ -5926,7 +5708,7 @@
     animate();
   }
   function useVisibilityChange(target, onChange) {
-    if (!inBrowser$2 || !window.IntersectionObserver) {
+    if (!inBrowser$1 || !window.IntersectionObserver) {
       return;
     }
     var observer = new IntersectionObserver((entries) => {
@@ -5952,20 +5734,11 @@
   var _Sticky = vue.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, {
@@ -5973,7 +5746,7 @@
       slots
     }) {
       var root = vue.ref();
-      var scrollParent2 = useScrollParent(root);
+      var scrollParent = useScrollParent(root);
       var state = vue.reactive({
         fixed: false,
         width: 0,
@@ -5998,15 +5771,15 @@
         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,
@@ -6050,7 +5823,7 @@
       };
       vue.watch(() => state.fixed, (value) => emit("change", value));
       useEventListener("scroll", onScroll, {
-        target: scrollParent2
+        target: scrollParent
       });
       useVisibilityChange(root, onScroll);
       return () => vue.createVNode("div", {
@@ -6073,7 +5846,7 @@
       type: String,
       color: String,
       title: String,
-      badge: [Number, String],
+      badge: numericProp,
       isActive: Boolean,
       disabled: Boolean,
       scrollable: Boolean,
@@ -6083,8 +5856,8 @@
       showZeroBadge: truthProp
     },
     setup(props2) {
-      var style2 = vue.computed(() => {
-        var style3 = {};
+      var style = vue.computed(() => {
+        var style2 = {};
         var {
           type,
           color,
@@ -6095,20 +5868,20 @@
         } = 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 = vue.createVNode("span", {
@@ -6133,7 +5906,7 @@
           active: props2.isActive,
           disabled: props2.disabled
         })],
-        "style": style2.value,
+        "style": style.value,
         "aria-selected": props2.isActive
       }, [renderText()]);
     }
@@ -6141,26 +5914,17 @@
   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 = vue.defineComponent({
@@ -6204,17 +5968,17 @@
         return touch.direction.value === expect;
       });
       var trackStyle = vue.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 {
@@ -6409,13 +6173,13 @@
           });
         });
       };
-      var renderDot = (_2, index2) => {
+      var renderDot = (_, index2) => {
         var active = index2 === activeIndicator.value;
-        var style2 = active ? {
+        var style = active ? {
           backgroundColor: props2.indicatorColor
         } : void 0;
         return vue.createVNode("i", {
-          "style": style2,
+          "style": style,
           "class": bem$X("indicator", {
             active
           })
@@ -6484,22 +6248,13 @@
   var TabsContent = vue.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, {
@@ -6547,40 +6302,25 @@
   });
   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 = vue.defineComponent({
@@ -6752,7 +6492,9 @@
       };
       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;
           }
@@ -6831,7 +6573,9 @@
         setCurrentIndexByName(props2.active);
         vue.nextTick(() => {
           state.inited = true;
-          tabHeight = getVisibleHeight(wrapRef.value);
+          if (wrapRef.value) {
+            tabHeight = useRect(wrapRef.value).height;
+          }
           scrollIntoView(true);
         });
       };
@@ -6900,18 +6644,18 @@
       if (!parent) {
         return;
       }
-      var style2 = vue.computed(() => {
-        var style3 = {};
+      var style = vue.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 = vue.computed(() => {
         var {
@@ -6944,7 +6688,7 @@
       });
       return () => vue.createVNode("div", {
         "class": bem$U(),
-        "style": style2.value
+        "style": style.value
       }, [shouldRender.value ? slots.default == null ? void 0 : slots.default() : null]);
     }
   });
@@ -6954,8 +6698,8 @@
     name: name$U,
     props: extend({}, routeProps, {
       dot: Boolean,
-      name: [Number, String],
-      badge: [Number, String],
+      name: numericProp,
+      badge: numericProp,
       title: String,
       disabled: Boolean,
       titleClass: unknownProp,
@@ -7037,20 +6781,14 @@
     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, {
@@ -7092,7 +6830,7 @@
             state.tabs = selectedOptions.map((option) => {
               var tab = {
                 options: optionsCursor,
-                selectedOption: option
+                selected: option
               };
               var next = optionsCursor.find((item) => item[valueKey] === option[valueKey]);
               if (next) {
@@ -7103,7 +6841,7 @@
             if (optionsCursor) {
               state.tabs.push({
                 options: optionsCursor,
-                selectedOption: null
+                selected: null
               });
             }
             vue.nextTick(() => {
@@ -7114,21 +6852,21 @@
         }
         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;
@@ -7139,7 +6877,7 @@
             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,
@@ -7192,16 +6930,16 @@
       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 vue.createVNode(Tab, {
           "title": title,
           "titleClass": bem$S("tab", {
-            unselected: !selectedOption
+            unselected: !selected
           })
         }, {
-          default: () => [renderOptions(options, selectedOption, tabIndex)]
+          default: () => [renderOptions(options, selected, tabIndex)]
         });
       };
       var renderTabs = () => vue.createVNode(Tabs, {
@@ -7223,8 +6961,8 @@
       vue.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;
@@ -7274,15 +7012,12 @@
   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 = vue.defineComponent({
@@ -7409,9 +7144,7 @@
   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";
@@ -7420,35 +7153,17 @@
     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, {
@@ -7507,7 +7222,7 @@
         } = 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,
@@ -7515,20 +7230,20 @@
         };
         return vue.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 vue.createVNode("path", {
           "class": bem$O("layer"),
-          "style": style2,
+          "style": style,
           "d": path.value
         }, null);
       };
@@ -7577,17 +7292,11 @@
   var _Row = vue.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
@@ -7661,15 +7370,9 @@
   var _Col = vue.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
@@ -7678,7 +7381,7 @@
         parent,
         index: index2
       } = useParent(ROW_KEY);
-      var style2 = vue.computed(() => {
+      var style = vue.computed(() => {
         if (!parent) {
           return;
         }
@@ -7703,7 +7406,7 @@
           offset: offset2
         } = props2;
         return vue.createVNode(tag, {
-          "style": style2.value,
+          "style": style.value,
           "class": bem$M({
             [span]: span,
             ["offset-" + offset2]: offset2
@@ -7774,7 +7477,7 @@
   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
@@ -7894,12 +7597,9 @@
     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, {
@@ -7936,18 +7636,15 @@
     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 = vue.defineComponent({
     name: name$J,
@@ -8297,16 +7994,10 @@
   }
   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 = vue.defineComponent({
     name: name$G,
@@ -8353,25 +8044,15 @@
     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 = vue.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 = vue.computed(() => {
@@ -8459,18 +8140,9 @@
       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 () => {
@@ -8495,48 +8167,24 @@
   var _CouponList = vue.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, {
@@ -8672,23 +8320,11 @@
   var TimePicker = vue.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, {
@@ -8793,11 +8429,8 @@
   var DatePicker = vue.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),
@@ -9070,10 +8703,7 @@
     props: {
       dashed: Boolean,
       hairline: truthProp,
-      contentPosition: {
-        type: String,
-        default: "center"
-      }
+      contentPosition: makeStringProp("center")
     },
     setup(props2, {
       slots
@@ -9092,18 +8722,12 @@
   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 = vue.defineComponent({
@@ -9119,7 +8743,7 @@
         children,
         linkChildren
       } = useChildren(DROPDOWN_KEY);
-      var scrollParent2 = useScrollParent(root);
+      var scrollParent = useScrollParent(root);
       var opened = vue.computed(() => children.some((item) => item.state.showWrapper));
       var barStyle = vue.computed(() => {
         if (opened.value && isDef(props2.zIndex)) {
@@ -9199,7 +8823,7 @@
       });
       useClickAway(root, onClickAway);
       useEventListener("scroll", onScroll, {
-        target: scrollParent2
+        target: scrollParent
       });
       return () => vue.createVNode("div", {
         "ref": root,
@@ -9216,15 +8840,12 @@
   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 = vue.defineComponent({
     name: name$x,
@@ -9326,14 +8947,14 @@
           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 vue.withDirectives(vue.createVNode("div", {
-          "style": style2,
+          "style": style,
           "class": bem$y([direction]),
           "onClick": onClickWrapper
         }, [vue.createVNode(Popup, {
@@ -9496,12 +9117,9 @@
   var _Empty = vue.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
@@ -9552,15 +9170,12 @@
     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 = vue.defineComponent({
@@ -9593,9 +9208,9 @@
       dot: Boolean,
       text: String,
       icon: String,
-      badge: [Number, String],
-      iconPrefix: String,
-      iconColor: String
+      badge: numericProp,
+      iconColor: String,
+      iconPrefix: String
     }),
     setup(props2, {
       slots
@@ -9615,19 +9230,19 @@
           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 = vue.computed(() => {
         var {
@@ -9715,31 +9330,17 @@
     }
   });
   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 = vue.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, {
@@ -9772,15 +9373,15 @@
           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 = vue.computed(() => {
         if (state.imageRatio) {
@@ -9963,43 +9564,22 @@
   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 = vue.defineComponent({
     name: name$t,
@@ -10018,7 +9598,7 @@
       });
       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();
@@ -10173,7 +9753,7 @@
     }));
   }
   var ImagePreview = (options, startPosition = 0) => {
-    if (!inBrowser$2) {
+    if (!inBrowser$1) {
       return;
     }
     if (!instance$1) {
@@ -10192,19 +9772,16 @@
   };
   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
@@ -10222,7 +9799,7 @@
       var root = vue.ref();
       var activeAnchor = vue.ref("");
       var touch = useTouch();
-      var scrollParent2 = useScrollParent(root);
+      var scrollParent = useScrollParent(root);
       var {
         children,
         linkChildren
@@ -10245,8 +9822,8 @@
         }
       });
       var getScrollerRect = () => {
-        if ("getBoundingClientRect" in scrollParent2.value) {
-          return useRect(scrollParent2);
+        if ("getBoundingClientRect" in scrollParent.value) {
+          return useRect(scrollParent);
         }
         return {
           top: 0,
@@ -10271,9 +9848,9 @@
           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) {
@@ -10305,7 +9882,7 @@
       };
       var init = () => vue.nextTick(onScroll);
       useEventListener("scroll", onScroll, {
-        target: scrollParent2
+        target: scrollParent
       });
       vue.onMounted(init);
       vue.watch(() => props2.indexList, init);
@@ -10391,7 +9968,7 @@
   var _IndexAnchor = vue.defineComponent({
     name: name$r,
     props: {
-      index: [Number, String]
+      index: numericProp
     },
     setup(props2, {
       slots
@@ -10428,13 +10005,13 @@
           });
         }
       });
-      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;
       };
@@ -10462,30 +10039,11 @@
   });
   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;
@@ -10548,16 +10106,6 @@
     }
     return bestSelectedSrc;
   }
-  function find(arr, fn) {
-    var item;
-    for (var i = 0, len = arr.length; i < len; i++) {
-      if (fn(arr[i])) {
-        item = arr[i];
-        break;
-      }
-    }
-    return item;
-  }
   var getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
   function supportWebp() {
     if (!inBrowser)
@@ -10593,37 +10141,15 @@
       }
     };
   }
-  function testSupportsPassive() {
-    if (!inBrowser)
-      return;
-    var support = false;
-    try {
-      var opts2 = Object.defineProperty({}, "passive", {
-        get() {
-          support = true;
-        }
-      });
-      window.addEventListener("test", null, opts2);
-    } 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) {
@@ -10634,39 +10160,12 @@
     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";
@@ -10725,7 +10224,6 @@
       this.elRenderer = elRenderer;
       this._imageCache = imageCache;
       this.performanceData = {
-        init: Date.now(),
         loadStart: 0,
         loadEnd: 0
       };
@@ -10944,7 +10442,7 @@
             $parent = $parent ? $parent.$el || $parent : document.getElementById(container);
           }
           if (!$parent) {
-            $parent = scrollParent(el);
+            $parent = getScrollParent$1(el);
           }
           var newListener = new ReactiveListener({
             bindType: binding.arg,
@@ -10973,7 +10471,7 @@
           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 {
@@ -10994,7 +10492,7 @@
         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);
@@ -11037,7 +10535,7 @@
       _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,
@@ -11065,7 +10563,7 @@
         });
       }
       _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 = {
@@ -11081,11 +10579,11 @@
           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) {
@@ -11246,7 +10744,7 @@
       }
     }
   });
-  var defaultOptions$1 = {
+  var defaultOptions = {
     selector: "img"
   };
   class LazyContainer {
@@ -11272,7 +10770,7 @@
       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, {
@@ -11312,7 +10810,7 @@
       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({
@@ -11322,7 +10820,7 @@
       });
     }
     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();
@@ -11453,20 +10951,14 @@
   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 = vue.defineComponent({
     name: name$q,
@@ -11480,7 +10972,7 @@
       var root = vue.ref();
       var placeholder = vue.ref();
       var tabStatus = useTabStatus();
-      var scrollParent2 = useScrollParent(root);
+      var scrollParent = useScrollParent(root);
       var check = () => {
         vue.nextTick(() => {
           if (loading.value || props2.finished || props2.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
@@ -11490,7 +10982,7 @@
             offset: offset2,
             direction
           } = props2;
-          var scrollParentRect = useRect(scrollParent2);
+          var scrollParentRect = useRect(scrollParent);
           if (!scrollParentRect.height || isHidden(root)) {
             return;
           }
@@ -11564,7 +11056,7 @@
         check
       });
       useEventListener("scroll", check, {
-        target: scrollParent2
+        target: scrollParent
       });
       return () => {
         var Content = slots.default == null ? void 0 : slots.default();
@@ -11597,7 +11089,7 @@
     props: {
       title: String,
       fixed: Boolean,
-      zIndex: [Number, String],
+      zIndex: numericProp,
       border: truthProp,
       leftText: String,
       rightText: String,
@@ -11640,12 +11132,12 @@
           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 vue.createVNode("div", {
           "ref": navBarRef,
-          "style": style2,
+          "style": style,
           "class": [bem$p({
             fixed,
             "safe-area-inset-top": props2.safeAreaInsetTop
@@ -11678,20 +11170,14 @@
     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 = vue.defineComponent({
@@ -11763,7 +11249,7 @@
       };
       var renderMarquee = () => {
         var ellipsis = props2.scrollable === false && !props2.wrapable;
-        var style2 = {
+        var style = {
           transform: state.offset ? "translateX(" + state.offset + "px)" : "",
           transitionDuration: state.duration + "s"
         };
@@ -11773,7 +11259,7 @@
           "class": bem$o("wrap")
         }, [vue.createVNode("div", {
           "ref": contentRef,
-          "style": style2,
+          "style": style,
           "class": [bem$o("content"), {
             "van-ellipsis": ellipsis
           }],
@@ -11839,15 +11325,12 @@
   var VanNotify = vue.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
@@ -11870,11 +11353,9 @@
   });
   var timer;
   var instance;
-  function parseOptions(message) {
-    return isObject$1(message) ? message : {
-      message
-    };
-  }
+  var parseOptions = (message) => isObject$1(message) ? message : {
+    message
+  };
   function initInstance() {
     ({
       instance
@@ -11891,7 +11372,7 @@
     }));
   }
   function Notify(options) {
-    if (!inBrowser$2) {
+    if (!inBrowser$1) {
       return;
     }
     if (!instance) {
@@ -11905,31 +11386,29 @@
     }
     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) => {
@@ -11955,7 +11434,7 @@
     name: name$m,
     props: {
       type: String,
-      text: [Number, String],
+      text: numericProp,
       color: String,
       wider: Boolean,
       large: Boolean,
@@ -12028,8 +11507,11 @@
     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,
@@ -12039,21 +11521,9 @@
       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"],
@@ -12063,7 +11533,7 @@
     }) {
       var root = vue.ref();
       var genBasicKeys = () => {
-        var keys2 = Array(9).fill("").map((_2, i) => ({
+        var keys2 = Array(9).fill("").map((_, i) => ({
           text: i + 1
         }));
         if (props2.randomKeyOrder) {
@@ -12244,43 +11714,23 @@
   });
   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 = vue.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, {
@@ -12389,17 +11839,11 @@
     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, {
@@ -12422,9 +11866,9 @@
           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)
             };
           }
@@ -12434,7 +11878,7 @@
             }, bem$j("item", {
               focus: showCursor
             })],
-            "style": style2
+            "style": style
           }, [mask ? vue.createVNode("i", {
             "style": {
               visibility: char ? "visible" : "hidden"
@@ -12530,12 +11974,12 @@
   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) {
@@ -12608,10 +12052,10 @@
     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)));
   }
@@ -12619,7 +12063,7 @@
     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;
@@ -12628,14 +12072,14 @@
     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 {
@@ -12647,10 +12091,10 @@
   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;
@@ -12939,8 +12383,8 @@
     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) {
@@ -12948,8 +12392,8 @@
     }
     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) {
@@ -13012,7 +12456,7 @@
       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";
         }
@@ -13077,13 +12521,13 @@
   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) {
@@ -13118,14 +12562,14 @@
         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);
         });
@@ -13187,8 +12631,13 @@
     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,
@@ -13199,29 +12648,9 @@
         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"],
@@ -13360,9 +12789,9 @@
     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
     }
@@ -13381,14 +12810,14 @@
         } = 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 vue.createVNode("span", {
-            "style": style2,
+            "style": style,
             "class": bem$h("pivot")
           }, [text]);
         }
@@ -13425,27 +12854,15 @@
     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, {
@@ -13454,7 +12871,7 @@
     }) {
       var reachTop;
       var root = vue.ref();
-      var scrollParent2 = useScrollParent(root);
+      var scrollParent = useScrollParent(root);
       var state = vue.reactive({
         status: "normal",
         distance: 0,
@@ -13534,7 +12951,7 @@
         }, +props2.successDuration);
       };
       var checkPosition = (event) => {
-        reachTop = getScrollTop(scrollParent2.value) === 0;
+        reachTop = getScrollTop(scrollParent.value) === 0;
         if (reachTop) {
           state.duration = 0;
           touch.start(event);
@@ -13634,32 +13051,20 @@
   var _Rate = vue.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, {
@@ -13668,10 +13073,10 @@
       var touch = useTouch();
       var [itemRefs, setItemRefs] = useRefs();
       var untouchable = () => props2.readonly || props2.disabled || !props2.touchable;
-      var list = vue.computed(() => Array(+props2.count).fill("").map((_2, i) => getRateStatus(props2.modelValue, i + 1, props2.allowHalf, props2.readonly)));
+      var list = vue.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) {
@@ -13742,9 +13147,9 @@
         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)
           };
         }
@@ -13756,7 +13161,7 @@
           "key": index2,
           "ref": setItemRefs(index2),
           "role": "radio",
-          "style": style2,
+          "style": style,
           "class": bem$f("item"),
           "tabindex": 0,
           "aria-setsize": +count,
@@ -13804,18 +13209,12 @@
   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 = vue.defineComponent({
     name: name$e,
@@ -13911,14 +13310,11 @@
     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, {
@@ -14007,10 +13403,7 @@
   var _Sidebar = vue.defineComponent({
     name: name$c,
     props: {
-      modelValue: {
-        type: [Number, String],
-        default: 0
-      }
+      modelValue: makeNumericProp(0)
     },
     emits: ["change", "update:modelValue"],
     setup(props2, {
@@ -14043,7 +13436,7 @@
     props: extend({}, routeProps, {
       dot: Boolean,
       title: String,
-      badge: [Number, String],
+      badge: numericProp,
       disabled: Boolean
     }),
     emits: ["click"],
@@ -14098,21 +13491,15 @@
   var _Skeleton = vue.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
@@ -14151,7 +13538,7 @@
         }
         return rowWidth;
       };
-      var renderRows = () => Array(props2.row).fill("").map((_2, i) => vue.createVNode("div", {
+      var renderRows = () => Array(props2.row).fill("").map((_, i) => vue.createVNode("div", {
         "class": bem$a("row"),
         "style": {
           width: addUnit(getRowWidth(i))
@@ -14177,27 +13564,18 @@
   var _Slider = vue.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
@@ -14209,8 +13587,8 @@
       slots
     }) {
       var buttonIndex;
+      var current;
       var startValue;
-      var currentValue;
       var root = vue.ref();
       var dragStatus = vue.ref();
       var touch = useTouch();
@@ -14245,12 +13623,12 @@
       };
       var barStyle = vue.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) {
@@ -14258,8 +13636,8 @@
           }
           return props2.reverse ? "right" : "left";
         };
-        style2[getPositionKey()] = calcOffset();
-        return style2;
+        style[getPositionKey()] = calcOffset();
+        return style;
       });
       var format2 = (value) => {
         var min = +props2.min;
@@ -14332,11 +13710,11 @@
           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";
       };
@@ -14359,18 +13737,18 @@
         }
         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 = "";
@@ -14402,13 +13780,13 @@
         }, 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 vue.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) => {
@@ -14421,7 +13799,7 @@
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd,
           "onClick": stopPropagation
-        }, [renderButtonContent(currentValue2, index2)]);
+        }, [renderButtonContent(current2, index2)]);
       };
       updateValue(props2.modelValue);
       useCustomFieldValue(() => props2.modelValue);
@@ -14442,23 +13820,14 @@
   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 = vue.defineComponent({
@@ -14593,12 +13962,14 @@
   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 = vue.defineComponent({
     name: name$6,
     props: {
+      min: makeNumericProp(1),
+      max: makeNumericProp(Infinity),
+      name: makeNumericProp(""),
+      step: makeNumericProp(1),
       theme: String,
       integer: Boolean,
       disabled: Boolean,
@@ -14607,35 +13978,16 @@
       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, {
@@ -14664,7 +14016,7 @@
         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;
@@ -14681,7 +14033,7 @@
       var buttonStyle = vue.computed(() => getSizeStyle(props2.buttonSize));
       var check = () => {
         var value = format2(current.value);
-        if (!equal(value, current.value)) {
+        if (!isEqual(value, current.value)) {
           current.value = value;
         }
       };
@@ -14723,7 +14075,7 @@
         }
         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);
@@ -14794,7 +14146,7 @@
       });
       vue.watch([() => props2.max, () => props2.min, () => props2.integer, () => props2.decimalLength], check);
       vue.watch(() => props2.modelValue, (value) => {
-        if (!equal(value, current.value)) {
+        if (!isEqual(value, current.value)) {
           current.value = format2(value);
         }
       });
@@ -14851,24 +14203,15 @@
       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, {
@@ -14945,15 +14288,12 @@
   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 = vue.defineComponent({
     name: name$4,
@@ -15101,15 +14441,12 @@
     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
@@ -15181,8 +14518,8 @@
     props: extend({}, routeProps, {
       dot: Boolean,
       icon: String,
-      name: [Number, String],
-      badge: [Number, String],
+      name: numericProp,
+      badge: numericProp,
       iconPrefix: String
     }),
     emits: ["click"],
@@ -15276,29 +14613,14 @@
   var _TreeSelect = vue.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"],
@@ -15380,12 +14702,7 @@
   });
   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") {
@@ -15430,9 +14747,7 @@
     };
   }
   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;
@@ -15450,17 +14765,14 @@
   }
   var UploaderPreviewItem = vue.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, {
@@ -15562,52 +14874,31 @@
     }
   });
   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 = vue.defineComponent({
@@ -15811,7 +15102,7 @@
     }
   });
   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) => {