vant 3.2.8 → 3.3.0

package/lib/vant.es.js

@@ -1,5 +1,5 @@
-import { unref, ref, inject, getCurrentInstance, onUnmounted, computed, reactive, provide, isVNode, onBeforeUnmount, onActivated, onDeactivated, onMounted, nextTick, isRef, watch, defineComponent, createVNode, Transition, withDirectives, vShow, Teleport, Fragment, mergeProps, createTextVNode, createApp, onBeforeUpdate, resolveDirective, h, onUpdated } from "vue";
-function noop$1() {
+import { unref, ref, inject, getCurrentInstance, onUnmounted, computed, reactive, provide, onBeforeUnmount, onActivated, onDeactivated, onMounted, nextTick, isRef, watch, isVNode, defineComponent, createVNode, Transition, withDirectives, vShow, Teleport, Fragment, mergeProps, createTextVNode, createApp, onBeforeUpdate, resolveDirective, h, onUpdated, watchEffect } from "vue";
+function noop() {
 }
 var extend = Object.assign;
 var inBrowser$1 = typeof window !== "undefined";
@@ -46,7 +46,7 @@ var makeStringProp = (defaultVal) => ({
   type: String,
   default: defaultVal
 });
-var inBrowser = typeof window !== "undefined";
+const inBrowser = typeof window !== "undefined";
 function raf(fn2) {
   return inBrowser ? requestAnimationFrame(fn2) : -1;
 }
@@ -58,56 +58,42 @@ function cancelRaf(id) {
 function doubleRaf(fn2) {
   raf(() => raf(fn2));
 }
-function isWindow(val) {
-  return val === window;
-}
-function makeDOMRect(width2, height2) {
-  return {
-    top: 0,
-    left: 0,
-    right: width2,
-    bottom: height2,
-    width: width2,
-    height: height2
-  };
-}
-var useRect = (elementOrRef) => {
-  var element = unref(elementOrRef);
+const isWindow = (val) => val === window;
+const makeDOMRect = (width2, height2) => ({
+  top: 0,
+  left: 0,
+  right: width2,
+  bottom: height2,
+  width: width2,
+  height: height2
+});
+const useRect = (elementOrRef) => {
+  const element = unref(elementOrRef);
   if (isWindow(element)) {
-    var width2 = element.innerWidth;
-    var height2 = element.innerHeight;
+    const width2 = element.innerWidth;
+    const height2 = element.innerHeight;
     return makeDOMRect(width2, height2);
   }
-  if (element && element.getBoundingClientRect) {
+  if (element == null ? void 0 : element.getBoundingClientRect) {
     return element.getBoundingClientRect();
   }
   return makeDOMRect(0, 0);
 };
-function useToggle(defaultValue) {
-  if (defaultValue === void 0) {
-    defaultValue = false;
-  }
-  var state = ref(defaultValue);
-  var toggle = function(value) {
-    if (value === void 0) {
-      value = !state.value;
-    }
+function useToggle(defaultValue = false) {
+  const state = ref(defaultValue);
+  const toggle = (value = !state.value) => {
     state.value = value;
   };
   return [state, toggle];
 }
 function useParent(key) {
-  var parent = inject(key, null);
+  const parent = inject(key, null);
   if (parent) {
-    var instance2 = getCurrentInstance();
-    var {
-      link: _link,
-      unlink: _unlink,
-      internalChildren
-    } = parent;
-    _link(instance2);
-    onUnmounted(() => _unlink(instance2));
-    var index2 = computed(() => internalChildren.indexOf(instance2));
+    const instance2 = getCurrentInstance();
+    const { link, unlink, internalChildren } = parent;
+    link(instance2);
+    onUnmounted(() => unlink(instance2));
+    const index2 = computed(() => internalChildren.indexOf(instance2));
     return {
       parent,
       index: index2
@@ -119,14 +105,14 @@ function useParent(key) {
   };
 }
 function flattenVNodes(children) {
-  var result = [];
-  var traverse = (children2) => {
+  const result = [];
+  const traverse = (children2) => {
     if (Array.isArray(children2)) {
       children2.forEach((child) => {
+        var _a;
         if (isVNode(child)) {
-          var _child$component;
           result.push(child);
-          if ((_child$component = child.component) != null && _child$component.subTree) {
+          if ((_a = child.component) == null ? void 0 : _a.subTree) {
             traverse(child.component.subTree.children);
           }
           if (child.children) {
@@ -140,29 +126,29 @@ function flattenVNodes(children) {
   return result;
 }
 function sortChildren(parent, publicChildren, internalChildren) {
-  var vnodes = flattenVNodes(parent.subTree.children);
+  const vnodes = flattenVNodes(parent.subTree.children);
   internalChildren.sort((a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode));
-  var orderedPublicChildren = internalChildren.map((item) => item.proxy);
+  const orderedPublicChildren = internalChildren.map((item) => item.proxy);
   publicChildren.sort((a, b) => {
-    var indexA = orderedPublicChildren.indexOf(a);
-    var indexB = orderedPublicChildren.indexOf(b);
+    const indexA = orderedPublicChildren.indexOf(a);
+    const indexB = orderedPublicChildren.indexOf(b);
     return indexA - indexB;
   });
 }
 function useChildren(key) {
-  var publicChildren = reactive([]);
-  var internalChildren = reactive([]);
-  var parent = getCurrentInstance();
-  var linkChildren = (value) => {
-    var link = (child) => {
+  const publicChildren = reactive([]);
+  const internalChildren = reactive([]);
+  const parent = getCurrentInstance();
+  const linkChildren = (value) => {
+    const link = (child) => {
       if (child.proxy) {
         internalChildren.push(child);
         publicChildren.push(child.proxy);
         sortChildren(parent, publicChildren, internalChildren);
       }
     };
-    var unlink = (child) => {
-      var index2 = internalChildren.indexOf(child);
+    const unlink = (child) => {
+      const index2 = internalChildren.indexOf(child);
       publicChildren.splice(index2, 1);
       internalChildren.splice(index2, 1);
     };
@@ -178,16 +164,16 @@ function useChildren(key) {
     linkChildren
   };
 }
-var SECOND = 1e3;
-var MINUTE = 60 * SECOND;
-var HOUR = 60 * MINUTE;
-var DAY = 24 * HOUR;
+const SECOND = 1e3;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
 function parseTime(time) {
-  var days = Math.floor(time / DAY);
-  var hours = Math.floor(time % DAY / HOUR);
-  var minutes = Math.floor(time % HOUR / MINUTE);
-  var seconds = Math.floor(time % MINUTE / SECOND);
-  var milliseconds = Math.floor(time % SECOND);
+  const days = Math.floor(time / DAY);
+  const hours = Math.floor(time % DAY / HOUR);
+  const minutes = Math.floor(time % HOUR / MINUTE);
+  const seconds = Math.floor(time % MINUTE / SECOND);
+  const milliseconds = Math.floor(time % SECOND);
   return {
     total: time,
     days,
@@ -201,26 +187,27 @@ function isSameSecond(time1, time2) {
   return Math.floor(time1 / 1e3) === Math.floor(time2 / 1e3);
 }
 function useCountDown(options) {
-  var rafId;
-  var endTime;
-  var counting;
-  var deactivated;
-  var remain = ref(options.time);
-  var current = computed(() => parseTime(remain.value));
-  var pause = () => {
+  let rafId;
+  let endTime;
+  let counting;
+  let deactivated;
+  const remain = ref(options.time);
+  const current2 = computed(() => parseTime(remain.value));
+  const pause = () => {
     counting = false;
     cancelRaf(rafId);
   };
-  var getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
-  var setRemain = (value) => {
+  const getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
+  const setRemain = (value) => {
+    var _a, _b;
     remain.value = value;
-    options.onChange == null ? void 0 : options.onChange(current.value);
+    (_a = options.onChange) == null ? void 0 : _a.call(options, current2.value);
     if (value === 0) {
       pause();
-      options.onFinish == null ? void 0 : options.onFinish();
+      (_b = options.onFinish) == null ? void 0 : _b.call(options);
     }
   };
-  var microTick = () => {
+  const microTick = () => {
     rafId = raf(() => {
       if (counting) {
         setRemain(getCurrentRemain());
@@ -230,10 +217,10 @@ function useCountDown(options) {
       }
     });
   };
-  var macroTick = () => {
+  const macroTick = () => {
     rafId = raf(() => {
       if (counting) {
-        var remainRemain = getCurrentRemain();
+        const remainRemain = getCurrentRemain();
         if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
           setRemain(remainRemain);
         }
@@ -243,7 +230,7 @@ function useCountDown(options) {
       }
     });
   };
-  var tick = () => {
+  const tick = () => {
     if (!inBrowser) {
       return;
     }
@@ -253,17 +240,14 @@ function useCountDown(options) {
       macroTick();
     }
   };
-  var start2 = () => {
+  const start2 = () => {
     if (!counting) {
       endTime = Date.now() + remain.value;
       counting = true;
       tick();
     }
   };
-  var reset = function(totalTime) {
-    if (totalTime === void 0) {
-      totalTime = options.time;
-    }
+  const reset = (totalTime = options.time) => {
     pause();
     remain.value = totalTime;
   };
@@ -285,11 +269,11 @@ function useCountDown(options) {
     start: start2,
     pause,
     reset,
-    current
+    current: current2
   };
 }
 function onMountedOrActivated(hook) {
-  var mounted;
+  let mounted;
   onMounted(() => {
     hook();
     nextTick(() => {
@@ -302,31 +286,21 @@ function onMountedOrActivated(hook) {
     }
   });
 }
-function useEventListener(type, listener, options) {
-  if (options === void 0) {
-    options = {};
-  }
+function useEventListener(type, listener, options = {}) {
   if (!inBrowser) {
     return;
   }
-  var {
-    target = window,
-    passive: passive2 = false,
-    capture = false
-  } = options;
-  var attached;
-  var add = (target2) => {
-    var element = unref(target2);
+  const { target = window, passive: passive2 = false, capture = false } = options;
+  let attached;
+  const add = (target2) => {
+    const element = unref(target2);
     if (element && !attached) {
-      element.addEventListener(type, listener, {
-        capture,
-        passive: passive2
-      });
+      element.addEventListener(type, listener, { capture, passive: passive2 });
       attached = true;
     }
   };
-  var remove2 = (target2) => {
-    var element = unref(target2);
+  const remove2 = (target2) => {
+    const element = unref(target2);
     if (element && attached) {
       element.removeEventListener(type, listener, capture);
       attached = false;
@@ -342,62 +316,47 @@ function useEventListener(type, listener, options) {
     });
   }
 }
-function useClickAway(target, listener, options) {
-  if (options === void 0) {
-    options = {};
-  }
+function useClickAway(target, listener, options = {}) {
   if (!inBrowser) {
     return;
   }
-  var {
-    eventName = "click"
-  } = options;
-  var onClick = (event) => {
-    var element = unref(target);
+  const { eventName = "click" } = options;
+  const onClick = (event) => {
+    const element = unref(target);
     if (element && !element.contains(event.target)) {
       listener(event);
     }
   };
-  useEventListener(eventName, onClick, {
-    target: document
-  });
+  useEventListener(eventName, onClick, { target: document });
 }
-var width;
-var height;
+let width;
+let height;
 function useWindowSize() {
   if (!width) {
     width = ref(0);
     height = ref(0);
-    var update = () => {
-      if (inBrowser) {
+    if (inBrowser) {
+      const update = () => {
         width.value = window.innerWidth;
         height.value = window.innerHeight;
-      }
-    };
-    update();
-    useEventListener("resize", update);
-    useEventListener("orientationchange", update);
+      };
+      update();
+      window.addEventListener("resize", update, { passive: true });
+      window.addEventListener("orientationchange", update, { passive: true });
+    }
   }
-  return {
-    width,
-    height
-  };
+  return { width, height };
 }
-var overflowScrollReg = /scroll|auto/i;
-var defaultRoot = inBrowser ? window : void 0;
+const overflowScrollReg = /scroll|auto/i;
+const defaultRoot = inBrowser ? window : void 0;
 function isElement$1(node) {
-  var ELEMENT_NODE_TYPE = 1;
+  const ELEMENT_NODE_TYPE = 1;
   return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
 }
-function getScrollParent$1(el, root) {
-  if (root === void 0) {
-    root = defaultRoot;
-  }
-  var node = el;
+function getScrollParent$1(el, root = defaultRoot) {
+  let node = el;
   while (node && node !== root && isElement$1(node)) {
-    var {
-      overflowY
-    } = window.getComputedStyle(node);
+    const { overflowY } = window.getComputedStyle(node);
     if (overflowScrollReg.test(overflowY)) {
       return node;
     }
@@ -405,11 +364,8 @@ function getScrollParent$1(el, root) {
   }
   return root;
 }
-function useScrollParent(el, root) {
-  if (root === void 0) {
-    root = defaultRoot;
-  }
-  var scrollParent = ref();
+function useScrollParent(el, root = defaultRoot) {
+  const scrollParent = ref();
   onMounted(() => {
     if (el.value) {
       scrollParent.value = getScrollParent$1(el.value, root);
@@ -417,20 +373,23 @@ function useScrollParent(el, root) {
   });
   return scrollParent;
 }
+let visibility;
 function usePageVisibility() {
-  var visibility = ref("visible");
-  var setVisibility = () => {
+  if (!visibility) {
+    visibility = ref("visible");
     if (inBrowser) {
-      visibility.value = document.hidden ? "hidden" : "visible";
+      const update = () => {
+        visibility.value = document.hidden ? "hidden" : "visible";
+      };
+      update();
+      window.addEventListener("visibilitychange", update);
     }
-  };
-  setVisibility();
-  useEventListener("visibilitychange", setVisibility);
+  }
   return visibility;
 }
-var CUSTOM_FIELD_INJECTION_KEY = Symbol("van-field");
+const CUSTOM_FIELD_INJECTION_KEY = Symbol("van-field");
 function useCustomFieldValue(customValue) {
-  var field = inject(CUSTOM_FIELD_INJECTION_KEY, null);
+  const field = inject(CUSTOM_FIELD_INJECTION_KEY, null);
   if (field && !field.customValue.value) {
     field.customValue.value = customValue;
     watch(customValue, () => {
@@ -441,8 +400,8 @@ function useCustomFieldValue(customValue) {
 }
 var isDef = (val) => val !== void 0 && val !== null;
 var isFunction = (val) => typeof val === "function";
-var isObject$1 = (val) => val !== null && typeof val === "object";
-var isPromise = (val) => isObject$1(val) && isFunction(val.then) && isFunction(val.catch);
+var isObject = (val) => val !== null && typeof val === "object";
+var isPromise = (val) => isObject(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, "");
@@ -500,11 +459,15 @@ function isHidden(elementRef) {
   var parentHidden = el.offsetParent === null && style.position !== "fixed";
   return hidden || parentHidden;
 }
+var {
+  width: windowWidth,
+  height: windowHeight
+} = useWindowSize();
 function addUnit(value) {
-  if (!isDef(value)) {
-    return void 0;
+  if (isDef(value)) {
+    return isNumeric(value) ? value + "px" : String(value);
   }
-  return isNumeric(value) ? value + "px" : String(value);
+  return void 0;
 }
 function getSizeStyle(originSize) {
   if (isDef(originSize)) {
@@ -537,11 +500,11 @@ function convertRem(value) {
 }
 function convertVw(value) {
   value = value.replace(/vw/g, "");
-  return +value * window.innerWidth / 100;
+  return +value * windowWidth.value / 100;
 }
 function convertVh(value) {
   value = value.replace(/vh/g, "");
-  return +value * window.innerHeight / 100;
+  return +value * windowHeight.value / 100;
 }
 function unitToPx(value) {
   if (typeof value === "number") {
@@ -616,7 +579,7 @@ function assignKey(to, from, key) {
   if (!isDef(val)) {
     return;
   }
-  if (!hasOwnProperty.call(to, key) || !isObject$1(val)) {
+  if (!hasOwnProperty.call(to, key) || !isObject(val)) {
     to[key] = val;
   } else {
     to[key] = deepAssign(Object(to[key]), val);
@@ -783,7 +746,7 @@ function callInterceptor(interceptor, _ref) {
         } else if (canceled) {
           canceled();
         }
-      }).catch(noop$1);
+      }).catch(noop);
     } else if (returnVal) {
       done();
     } else if (canceled) {
@@ -838,13 +801,13 @@ var routeProps = {
   url: String,
   replace: Boolean
 };
-function route(vm) {
-  var router = vm.$router;
+function route(_ref) {
   var {
     to,
     url,
-    replace
-  } = vm;
+    replace,
+    $router: router
+  } = _ref;
   if (to && router) {
     router[replace ? "replace" : "push"](to);
   } else if (url) {
@@ -1183,7 +1146,7 @@ var _Button = defineComponent({
     };
     var onClick = (event) => {
       if (props.loading) {
-        event.preventDefault();
+        preventDefault(event);
       } else if (!props.disabled) {
         emit("click", event);
         route2();
@@ -1524,7 +1487,7 @@ var _Overlay = defineComponent({
       return withDirectives(createVNode("div", {
         "style": style,
         "class": [bem$1i(), props.className],
-        "onTouchmove": props.lockScroll ? preventTouchMove : noop$1
+        "onTouchmove": props.lockScroll ? preventTouchMove : noop
       }, [slots.default == null ? void 0 : slots.default()]), [[vShow, props.show]]);
     });
     return () => createVNode(Transition, {
@@ -1553,7 +1516,7 @@ var _Popup = defineComponent({
   name: name$1l,
   inheritAttrs: false,
   props: popupProps$2,
-  emits: ["open", "close", "click", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
+  emits: ["open", "close", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
   setup(props, _ref) {
     var {
       emit,
@@ -1632,7 +1595,6 @@ var _Popup = defineComponent({
         }, null);
       }
     };
-    var onClick = (event) => emit("click", event);
     var onOpened = () => emit("opened");
     var onClosed = () => emit("closed");
     var renderPopup = lazyRender(() => {
@@ -1649,8 +1611,7 @@ var _Popup = defineComponent({
           [position]: position
         }), {
           "van-safe-area-bottom": safeAreaInsetBottom
-        }],
-        "onClick": onClick
+        }]
       }, attrs), [slots.default == null ? void 0 : slots.default(), renderCloseIcon()]), [[vShow, props.show]]);
     });
     var renderTransition = () => {
@@ -1836,7 +1797,7 @@ function deepClone(obj) {
   if (Array.isArray(obj)) {
     return obj.map((item) => deepClone(item));
   }
-  if (isObject$1(obj)) {
+  if (isObject(obj)) {
     var to = {};
     Object.keys(obj).forEach((key) => {
       to[key] = deepClone(obj[key]);
@@ -1857,7 +1818,7 @@ function getElementTranslateY(element) {
   return Number(translateY);
 }
 var PICKER_KEY = Symbol(name$1j);
-var isOptionDisabled = (option) => isObject$1(option) && option.disabled;
+var isOptionDisabled = (option) => isObject(option) && option.disabled;
 var Column = defineComponent({
   name: name$1j,
   props: {
@@ -1936,7 +1897,7 @@ var Column = defineComponent({
       setIndex(index2, true);
     };
     var getOptionText = (option) => {
-      if (isObject$1(option) && props.textKey in option) {
+      if (isObject(option) && props.textKey in option) {
         return option[props.textKey];
       }
       return option;
@@ -2073,7 +2034,7 @@ var Column = defineComponent({
     }, [renderOptions()])]);
   }
 });
-var [name$1i, bem$1e, t$i] = createNamespace("picker");
+var [name$1i, bem$1e, t$j] = createNamespace("picker");
 var pickerSharedProps = {
   title: String,
   loading: Boolean,
@@ -2272,7 +2233,7 @@ var _Picker = defineComponent({
       }
     };
     var renderCancel = () => {
-      var text = props.cancelButtonText || t$i("cancel");
+      var text = props.cancelButtonText || t$j("cancel");
       return createVNode("button", {
         "type": "button",
         "class": [bem$1e("cancel"), HAPTICS_FEEDBACK],
@@ -2280,7 +2241,7 @@ var _Picker = defineComponent({
       }, [slots.cancel ? slots.cancel() : text]);
     };
     var renderConfirm = () => {
-      var text = props.confirmButtonText || t$i("confirm");
+      var text = props.confirmButtonText || t$j("confirm");
       return createVNode("button", {
         "type": "button",
         "class": [bem$1e("confirm"), HAPTICS_FEEDBACK],
@@ -2713,6 +2674,146 @@ var _Cell = defineComponent({
   }
 });
 var Cell = withInstall(_Cell);
+var [name$1f, bem$1b] = createNamespace("form");
+var formProps = {
+  colon: Boolean,
+  disabled: Boolean,
+  readonly: Boolean,
+  showError: Boolean,
+  labelWidth: numericProp,
+  labelAlign: String,
+  inputAlign: String,
+  scrollToError: Boolean,
+  validateFirst: Boolean,
+  submitOnEnter: truthProp,
+  validateTrigger: makeStringProp("onBlur"),
+  showErrorMessage: truthProp,
+  errorMessageAlign: String
+};
+var _Form = defineComponent({
+  name: name$1f,
+  props: formProps,
+  emits: ["submit", "failed"],
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+    var {
+      children,
+      linkChildren
+    } = useChildren(FORM_KEY);
+    var getFieldsByNames = (names) => {
+      if (names) {
+        return children.filter((field) => names.includes(field.name));
+      }
+      return children;
+    };
+    var validateSeq = (names) => new Promise((resolve, reject) => {
+      var errors = [];
+      var fields = getFieldsByNames(names);
+      fields.reduce((promise, field) => promise.then(() => {
+        if (!errors.length) {
+          return field.validate().then((error) => {
+            if (error) {
+              errors.push(error);
+            }
+          });
+        }
+      }), Promise.resolve()).then(() => {
+        if (errors.length) {
+          reject(errors);
+        } else {
+          resolve();
+        }
+      });
+    });
+    var validateAll = (names) => new Promise((resolve, reject) => {
+      var fields = getFieldsByNames(names);
+      Promise.all(fields.map((item) => item.validate())).then((errors) => {
+        errors = errors.filter(Boolean);
+        if (errors.length) {
+          reject(errors);
+        } else {
+          resolve();
+        }
+      });
+    });
+    var validateField = (name2) => {
+      var matched = children.find((item) => item.name === name2);
+      if (matched) {
+        return new Promise((resolve, reject) => {
+          matched.validate().then((error) => {
+            if (error) {
+              reject(error);
+            } else {
+              resolve();
+            }
+          });
+        });
+      }
+      return Promise.reject();
+    };
+    var validate = (name2) => {
+      if (typeof name2 === "string") {
+        return validateField(name2);
+      }
+      return props.validateFirst ? validateSeq(name2) : validateAll(name2);
+    };
+    var resetValidation = (name2) => {
+      if (typeof name2 === "string") {
+        name2 = [name2];
+      }
+      var fields = getFieldsByNames(name2);
+      fields.forEach((item) => {
+        item.resetValidation();
+      });
+    };
+    var scrollToField = (name2, options) => {
+      children.some((item) => {
+        if (item.name === name2) {
+          item.$el.scrollIntoView(options);
+          return true;
+        }
+        return false;
+      });
+    };
+    var getValues = () => children.reduce((form, field) => {
+      form[field.name] = field.formValue.value;
+      return form;
+    }, {});
+    var submit = () => {
+      var values = getValues();
+      validate().then(() => emit("submit", values)).catch((errors) => {
+        emit("failed", {
+          values,
+          errors
+        });
+        if (props.scrollToError && errors[0].name) {
+          scrollToField(errors[0].name);
+        }
+      });
+    };
+    var onSubmit = (event) => {
+      preventDefault(event);
+      submit();
+    };
+    linkChildren({
+      props
+    });
+    useExpose({
+      submit,
+      validate,
+      scrollToField,
+      resetValidation
+    });
+    return () => createVNode("form", {
+      "class": bem$1b(),
+      "onSubmit": onSubmit
+    }, [slots.default == null ? void 0 : slots.default()]);
+  }
+});
+var Form = withInstall(_Form);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -2768,7 +2869,7 @@ function resizeTextarea(input, autosize) {
   var scrollTop = getRootScrollTop();
   input.style.height = "auto";
   var height2 = input.scrollHeight;
-  if (isObject$1(autosize)) {
+  if (isObject(autosize)) {
     var {
       maxHeight,
       minHeight
@@ -2802,7 +2903,15 @@ function mapInputType(type) {
     type
   };
 }
-var [name$1f, bem$1b] = createNamespace("field");
+var current = 0;
+function useId() {
+  var vm = getCurrentInstance();
+  var {
+    name: name2 = "unknown"
+  } = (vm == null ? void 0 : vm.type) || {};
+  return name2 + "-" + ++current;
+}
+var [name$1e, bem$1a] = createNamespace("field");
 var fieldSharedProps = {
   id: String,
   name: String,
@@ -2849,7 +2958,7 @@ var fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
   }
 });
 var _Field = defineComponent({
-  name: name$1f,
+  name: name$1e,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props, _ref) {
@@ -2857,6 +2966,7 @@ var _Field = defineComponent({
       emit,
       slots
     } = _ref;
+    var id = useId();
     var state = reactive({
       focused: false,
       validateFailed: false,
@@ -3018,12 +3128,14 @@ var _Field = defineComponent({
       state.focused = true;
       emit("focus", event);
       nextTick(adjustTextareaSize);
-      var readonly = getProp("readonly");
-      if (readonly) {
+      if (getProp("readonly")) {
         blur();
       }
     };
     var onBlur = (event) => {
+      if (getProp("readonly")) {
+        return;
+      }
       state.focused = false;
       updateValue(getModelValue(), "onBlur");
       emit("blur", event);
@@ -3068,8 +3180,9 @@ var _Field = defineComponent({
       }
       emit("keypress", event);
     };
+    var getInputId = () => props.id || id + "-input";
     var renderInput = () => {
-      var controlClass = bem$1b("control", [getProp("inputAlign"), {
+      var controlClass = bem$1a("control", [getProp("inputAlign"), {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props.type === "textarea" && !props.autosize
@@ -3081,7 +3194,7 @@ var _Field = defineComponent({
         }, [slots.input()]);
       }
       var inputAttrs = {
-        id: props.id,
+        id: getInputId(),
         ref: inputRef,
         name: props.name,
         rows: props.rows !== void 0 ? +props.rows : void 0,
@@ -3092,6 +3205,7 @@ var _Field = defineComponent({
         autofocus: props.autofocus,
         placeholder: props.placeholder,
         autocomplete: props.autocomplete,
+        "aria-labelledby": props.label ? id + "-label" : void 0,
         onBlur,
         onFocus,
         onInput,
@@ -3110,7 +3224,7 @@ var _Field = defineComponent({
       var leftIconSlot = slots["left-icon"];
       if (props.leftIcon || leftIconSlot) {
         return createVNode("div", {
-          "class": bem$1b("left-icon"),
+          "class": bem$1a("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : createVNode(Icon, {
           "name": props.leftIcon,
@@ -3122,7 +3236,7 @@ var _Field = defineComponent({
       var rightIconSlot = slots["right-icon"];
       if (props.rightIcon || rightIconSlot) {
         return createVNode("div", {
-          "class": bem$1b("right-icon"),
+          "class": bem$1a("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : createVNode(Icon, {
           "name": props.rightIcon,
@@ -3134,9 +3248,9 @@ var _Field = defineComponent({
       if (props.showWordLimit && props.maxlength) {
         var count = getModelValue().length;
         return createVNode("div", {
-          "class": bem$1b("word-limit")
+          "class": bem$1a("word-limit")
         }, [createVNode("span", {
-          "class": bem$1b("word-num")
+          "class": bem$1a("word-num")
         }, [count]), createTextVNode("/"), props.maxlength]);
       }
     };
@@ -3149,7 +3263,7 @@ var _Field = defineComponent({
         var slot = slots["error-message"];
         var errorMessageAlign = getProp("errorMessageAlign");
         return createVNode("div", {
-          "class": bem$1b("error-message", errorMessageAlign)
+          "class": bem$1a("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -3162,18 +3276,19 @@ var _Field = defineComponent({
       }
       if (props.label) {
         return createVNode("label", {
-          "for": props.id
+          "id": id + "-label",
+          "for": getInputId()
         }, [props.label + colon]);
       }
     };
     var renderFieldBody = () => [createVNode("div", {
-      "class": bem$1b("body")
+      "class": bem$1a("body")
     }, [renderInput(), showClear.value && createVNode(Icon, {
       "name": props.clearIcon,
-      "class": bem$1b("clear"),
+      "class": bem$1a("clear"),
       "onTouchstart": onClear
     }, null), renderRightIcon(), slots.button && createVNode("div", {
-      "class": bem$1b("button")
+      "class": bem$1a("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -3205,7 +3320,7 @@ var _Field = defineComponent({
       return createVNode(Cell, {
         "size": props.size,
         "icon": props.leftIcon,
-        "class": bem$1b({
+        "class": bem$1a({
           error: showError.value,
           disabled,
           ["label-" + labelAlign]: labelAlign
@@ -3215,8 +3330,8 @@ var _Field = defineComponent({
         "isLink": props.isLink,
         "clickable": props.clickable,
         "titleStyle": labelStyle.value,
-        "valueClass": bem$1b("value"),
-        "titleClass": [bem$1b("label", [labelAlign, {
+        "valueClass": bem$1a("value"),
+        "titleClass": [bem$1a("label", [labelAlign, {
           required: props.required
         }]), props.labelClass],
         "arrowDirection": props.arrowDirection
@@ -3282,7 +3397,7 @@ function lockClick(lock) {
     }
   }
 }
-var [name$1e, bem$1a] = createNamespace("toast");
+var [name$1d, bem$19] = createNamespace("toast");
 var popupInheritProps = ["show", "overlay", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 var toastProps = {
   icon: String,
@@ -3304,7 +3419,7 @@ var toastProps = {
   closeOnClickOverlay: Boolean
 };
 var VanToast = defineComponent({
-  name: name$1e,
+  name: name$1d,
   props: toastProps,
   emits: ["update:show"],
   setup(props, _ref) {
@@ -3340,13 +3455,13 @@ var VanToast = defineComponent({
         return createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$1a("icon"),
+          "class": bem$19("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return createVNode(Loading, {
-          "class": bem$1a("loading"),
+          "class": bem$19("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -3359,10 +3474,10 @@ var VanToast = defineComponent({
       } = props;
       if (isDef(message) && message !== "") {
         return type === "html" ? createVNode("div", {
-          "class": bem$1a("text"),
+          "class": bem$19("text"),
           "innerHTML": String(message)
         }, null) : createVNode("div", {
-          "class": bem$1a("text")
+          "class": bem$19("text")
         }, [message]);
       }
     };
@@ -3378,7 +3493,7 @@ var VanToast = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, mergeProps({
-      "class": [bem$1a([props.position, {
+      "class": [bem$19([props.position, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,
@@ -3416,7 +3531,7 @@ var allowMultiple = false;
 var currentOptions = extend({}, defaultOptions$1);
 var defaultOptionsMap = new Map();
 function parseOptions$1(message) {
-  if (isObject$1(message)) {
+  if (isObject(message)) {
     return message;
   }
   return {
@@ -3528,7 +3643,7 @@ Toast.install = (app) => {
   app.use(withInstall(VanToast));
   app.config.globalProperties.$toast = Toast;
 };
-var [name$1d, bem$19] = createNamespace("switch");
+var [name$1c, bem$18] = createNamespace("switch");
 var switchProps = {
   size: numericProp,
   loading: Boolean,
@@ -3546,7 +3661,7 @@ var switchProps = {
   }
 };
 var _Switch = defineComponent({
-  name: name$1d,
+  name: name$1c,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, _ref) {
@@ -3565,7 +3680,7 @@ var _Switch = defineComponent({
       if (props.loading) {
         var color = isChecked() ? props.activeColor : props.inactiveColor;
         return createVNode(Loading, {
-          "class": bem$19("loading"),
+          "class": bem$18("loading"),
           "color": color
         }, null);
       }
@@ -3586,32 +3701,33 @@ var _Switch = defineComponent({
       };
       return createVNode("div", {
         "role": "switch",
-        "class": bem$19({
+        "class": bem$18({
           on: checked,
           loading,
           disabled
         }),
         "style": style,
+        "tabindex": disabled ? void 0 : 0,
         "aria-checked": checked,
         "onClick": onClick
       }, [createVNode("div", {
-        "class": bem$19("node")
+        "class": bem$18("node")
       }, [renderLoading()])]);
     };
   }
 });
 var Switch = withInstall(_Switch);
-var [name$1c, bem$18, t$h] = createNamespace("address-edit-detail");
+var [name$1b, bem$17, t$i] = createNamespace("address-edit-detail");
 var AddressEditDetail = defineComponent({
-  name: name$1c,
+  name: name$1b,
   props: {
     show: Boolean,
+    rows: numericProp,
     value: String,
+    rules: Array,
     focused: Boolean,
-    detailRows: numericProp,
+    maxlength: numericProp,
     searchResult: Array,
-    errorMessage: String,
-    detailMaxlength: numericProp,
     showSearchResult: Boolean
   },
   emits: ["blur", "focus", "input", "select-search"],
@@ -3627,7 +3743,7 @@ var AddressEditDetail = defineComponent({
     };
     var renderSearchTitle = (express) => {
       if (express.name) {
-        var text = express.name.replace(props.value, "<span class=" + bem$18("keyword") + ">" + props.value + "</span>");
+        var text = express.name.replace(props.value, "<span class=" + bem$17("keyword") + ">" + props.value + "</span>");
         return createVNode("div", {
           "innerHTML": text
         }, null);
@@ -3645,7 +3761,7 @@ var AddressEditDetail = defineComponent({
         "key": express.name + express.address,
         "icon": "location-o",
         "label": express.address,
-        "class": bem$18("search-item"),
+        "class": bem$17("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
       }, {
@@ -3661,15 +3777,15 @@ var AddressEditDetail = defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$18(),
-          "rows": props.detailRows,
+          "class": bem$17(),
+          "rows": props.rows,
           "type": "textarea",
-          "label": t$h("label"),
+          "rules": props.rules,
+          "label": t$i("label"),
           "border": !showSearchResult(),
-          "maxlength": props.detailMaxlength,
+          "maxlength": props.maxlength,
           "modelValue": props.value,
-          "placeholder": t$h("placeholder"),
-          "errorMessage": props.errorMessage,
+          "placeholder": t$i("placeholder"),
           "onBlur": onBlur,
           "onFocus": onFocus,
           "onUpdate:modelValue": onInput
@@ -3678,7 +3794,7 @@ var AddressEditDetail = defineComponent({
     };
   }
 });
-var [name$1b, bem$17, t$g] = createNamespace("address-edit");
+var [name$1a, bem$16, t$h] = createNamespace("address-edit");
 var DEFAULT_DATA = {
   name: "",
   tel: "",
@@ -3726,7 +3842,7 @@ var addressEditProps = {
   }
 };
 var _AddressEdit = defineComponent({
-  name: name$1b,
+  name: name$1a,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
   setup(props, _ref) {
@@ -3735,19 +3851,10 @@ var _AddressEdit = defineComponent({
       slots
     } = _ref;
     var areaRef = ref();
-    var state = reactive({
-      data: {},
-      showAreaPopup: false,
-      detailFocused: false,
-      errorInfo: {
-        tel: "",
-        name: "",
-        areaCode: "",
-        postalCode: "",
-        addressDetail: ""
-      }
-    });
-    var areaListLoaded = computed(() => isObject$1(props.areaList) && Object.keys(props.areaList).length);
+    var data = reactive({});
+    var showAreaPopup = ref(false);
+    var detailFocused = ref(false);
+    var areaListLoaded = computed(() => isObject(props.areaList) && Object.keys(props.areaList).length);
     var areaText = computed(() => {
       var {
         country,
@@ -3755,7 +3862,7 @@ var _AddressEdit = defineComponent({
         city,
         county,
         areaCode
-      } = state.data;
+      } = data;
       if (areaCode) {
         var arr = [country, province, city, county];
         if (province && province === city) {
@@ -3767,231 +3874,224 @@ var _AddressEdit = defineComponent({
     });
     var hideBottomFields = computed(() => {
       var _props$searchResult;
-      return ((_props$searchResult = props.searchResult) == null ? void 0 : _props$searchResult.length) && state.detailFocused;
+      return ((_props$searchResult = props.searchResult) == null ? void 0 : _props$searchResult.length) && detailFocused.value;
     });
     var assignAreaValues = () => {
       if (areaRef.value) {
         var detail = areaRef.value.getArea();
         detail.areaCode = detail.code;
         delete detail.code;
-        extend(state.data, detail);
+        extend(data, detail);
       }
     };
     var onFocus = (key) => {
-      state.errorInfo[key] = "";
-      state.detailFocused = key === "addressDetail";
+      detailFocused.value = key === "addressDetail";
       emit("focus", key);
     };
-    var getErrorMessage = (key) => {
-      var value = String(state.data[key] || "").trim();
-      if (props.validator) {
-        var message = props.validator(key, value);
-        if (message) {
-          return message;
-        }
-      }
-      switch (key) {
-        case "name":
-          return value ? "" : t$g("nameEmpty");
-        case "tel":
-          return props.telValidator(value) ? "" : t$g("telInvalid");
-        case "areaCode":
-          return value ? "" : t$g("areaEmpty");
-        case "addressDetail":
-          return value ? "" : t$g("addressEmpty");
-        case "postalCode":
-          return value && !props.postalValidator(value) ? t$g("postalEmpty") : "";
-      }
-    };
-    var onSave = () => {
-      var items = ["name", "tel"];
-      if (props.showArea) {
-        items.push("areaCode");
-      }
-      if (props.showDetail) {
-        items.push("addressDetail");
-      }
-      if (props.showPostal) {
-        items.push("postalCode");
-      }
-      var isValid = items.every((item) => {
-        var msg = getErrorMessage(item);
-        if (msg) {
-          state.errorInfo[item] = msg;
+    var rules = computed(() => {
+      var {
+        validator,
+        telValidator,
+        postalValidator
+      } = props;
+      var makeRule = (name2, emptyMessage) => ({
+        validator: (value) => {
+          if (validator) {
+            var message = validator(name2, value);
+            if (message) {
+              return message;
+            }
+          }
+          if (!value) {
+            return emptyMessage;
+          }
+          return true;
         }
-        return !msg;
       });
-      if (isValid && !props.isSaving) {
-        emit("save", state.data);
-      }
-    };
+      return {
+        name: [makeRule("name", t$h("nameEmpty"))],
+        tel: [makeRule("tel", t$h("telInvalid")), {
+          validator: telValidator,
+          message: t$h("telInvalid")
+        }],
+        areaCode: [makeRule("areaCode", t$h("areaEmpty"))],
+        addressDetail: [makeRule("addressDetail", t$h("addressEmpty"))],
+        postalCode: [makeRule("addressDetail", t$h("postalEmpty")), {
+          validator: postalValidator,
+          message: t$h("postalEmpty")
+        }]
+      };
+    });
+    var onSave = () => emit("save", data);
     var onChangeDetail = (val) => {
-      state.data.addressDetail = val;
+      data.addressDetail = val;
       emit("change-detail", val);
     };
     var onAreaConfirm = (values) => {
       values = values.filter(Boolean);
       if (values.some((value) => !value.code)) {
-        Toast(t$g("areaEmpty"));
-        return;
+        Toast(t$h("areaEmpty"));
+      } else {
+        showAreaPopup.value = false;
+        assignAreaValues();
+        emit("change-area", values);
       }
-      state.showAreaPopup = false;
-      assignAreaValues();
-      emit("change-area", values);
     };
-    var onDelete = () => emit("delete", state.data);
-    var getArea = () => areaRef.value ? areaRef.value.getValues() : [];
+    var onDelete = () => emit("delete", data);
+    var getArea = () => {
+      var _areaRef$value;
+      return ((_areaRef$value = areaRef.value) == null ? void 0 : _areaRef$value.getValues()) || [];
+    };
     var setAreaCode = (code) => {
-      state.data.areaCode = code || "";
+      data.areaCode = code || "";
       if (code) {
         nextTick(assignAreaValues);
       }
     };
     var onDetailBlur = () => {
       setTimeout(() => {
-        state.detailFocused = false;
+        detailFocused.value = false;
       });
     };
     var setAddressDetail = (value) => {
-      state.data.addressDetail = value;
+      data.addressDetail = value;
     };
     var renderSetDefaultCell = () => {
       if (props.showSetDefault) {
         var _slots = {
           "right-icon": () => createVNode(Switch, {
-            "modelValue": state.data.isDefault,
-            "onUpdate:modelValue": ($event) => state.data.isDefault = $event,
+            "modelValue": data.isDefault,
+            "onUpdate:modelValue": ($event) => data.isDefault = $event,
             "size": "24",
             "onChange": (event) => emit("change-default", event)
           }, null)
         };
         return withDirectives(createVNode(Cell, {
           "center": true,
-          "title": t$g("defaultAddress"),
-          "class": bem$17("default")
+          "title": t$h("defaultAddress"),
+          "class": bem$16("default")
         }, _slots), [[vShow, !hideBottomFields.value]]);
       }
-      return null;
     };
     useExpose({
       getArea,
       setAreaCode,
       setAddressDetail
     });
-    watch(() => props.areaList, () => setAreaCode(state.data.areaCode));
+    watch(() => props.areaList, () => setAreaCode(data.areaCode));
     watch(() => props.addressInfo, (value) => {
-      state.data = extend({}, DEFAULT_DATA, value);
+      extend(data, DEFAULT_DATA, value);
       setAreaCode(value.areaCode);
     }, {
       deep: true,
       immediate: true
     });
     return () => {
-      var {
-        data,
-        errorInfo
-      } = state;
       var {
         disableArea
       } = props;
-      return createVNode("div", {
-        "class": bem$17()
-      }, [createVNode("div", {
-        "class": bem$17("fields")
-      }, [createVNode(Field, {
-        "modelValue": data.name,
-        "onUpdate:modelValue": ($event) => data.name = $event,
-        "clearable": true,
-        "label": t$g("name"),
-        "placeholder": t$g("name"),
-        "errorMessage": errorInfo.name,
-        "onFocus": () => onFocus("name")
-      }, null), createVNode(Field, {
-        "modelValue": data.tel,
-        "onUpdate:modelValue": ($event) => data.tel = $event,
-        "clearable": true,
-        "type": "tel",
-        "label": t$g("tel"),
-        "maxlength": props.telMaxlength,
-        "placeholder": t$g("tel"),
-        "errorMessage": errorInfo.tel,
-        "onFocus": () => onFocus("tel")
-      }, null), withDirectives(createVNode(Field, {
-        "readonly": true,
-        "label": t$g("area"),
-        "is-link": !disableArea,
-        "modelValue": areaText.value,
-        "placeholder": props.areaPlaceholder || t$g("area"),
-        "errorMessage": errorInfo.areaCode,
-        "onFocus": () => onFocus("areaCode"),
-        "onClick": () => {
-          emit("click-area");
-          state.showAreaPopup = !disableArea;
-        }
-      }, null), [[vShow, props.showArea]]), createVNode(AddressEditDetail, {
-        "show": props.showDetail,
-        "value": data.addressDetail,
-        "focused": state.detailFocused,
-        "detailRows": props.detailRows,
-        "errorMessage": errorInfo.addressDetail,
-        "searchResult": props.searchResult,
-        "detailMaxlength": props.detailMaxlength,
-        "showSearchResult": props.showSearchResult,
-        "onBlur": onDetailBlur,
-        "onFocus": () => onFocus("addressDetail"),
-        "onInput": onChangeDetail,
-        "onSelect-search": (event) => emit("select-search", event)
-      }, null), props.showPostal && withDirectives(createVNode(Field, {
-        "modelValue": data.postalCode,
-        "onUpdate:modelValue": ($event) => data.postalCode = $event,
-        "type": "tel",
-        "label": t$g("postal"),
-        "maxlength": "6",
-        "placeholder": t$g("postal"),
-        "errorMessage": errorInfo.postalCode,
-        "onFocus": () => onFocus("postalCode")
-      }, null), [[vShow, !hideBottomFields.value]]), slots.default == null ? void 0 : slots.default()]), renderSetDefaultCell(), withDirectives(createVNode("div", {
-        "class": bem$17("buttons")
-      }, [createVNode(Button, {
-        "block": true,
-        "round": true,
-        "type": "danger",
-        "text": props.saveButtonText || t$g("save"),
-        "class": bem$17("button"),
-        "loading": props.isSaving,
-        "onClick": onSave
-      }, null), props.showDelete && createVNode(Button, {
-        "block": true,
-        "round": true,
-        "class": bem$17("button"),
-        "loading": props.isDeleting,
-        "text": props.deleteButtonText || t$g("delete"),
-        "onClick": onDelete
-      }, null)]), [[vShow, !hideBottomFields.value]]), createVNode(Popup, {
-        "show": state.showAreaPopup,
-        "onUpdate:show": ($event) => state.showAreaPopup = $event,
-        "round": true,
-        "teleport": "body",
-        "position": "bottom",
-        "lazyRender": false
+      return createVNode(Form, {
+        "class": bem$16(),
+        "onSubmit": onSave
       }, {
-        default: () => [createVNode(Area, {
-          "ref": areaRef,
-          "value": data.areaCode,
-          "loading": !areaListLoaded.value,
-          "areaList": props.areaList,
-          "columnsPlaceholder": props.areaColumnsPlaceholder,
-          "onConfirm": onAreaConfirm,
-          "onCancel": () => {
-            state.showAreaPopup = false;
+        default: () => [createVNode("div", {
+          "class": bem$16("fields")
+        }, [createVNode(Field, {
+          "modelValue": data.name,
+          "onUpdate:modelValue": ($event) => data.name = $event,
+          "clearable": true,
+          "label": t$h("name"),
+          "rules": rules.value.name,
+          "placeholder": t$h("name"),
+          "onFocus": () => onFocus("name")
+        }, null), createVNode(Field, {
+          "modelValue": data.tel,
+          "onUpdate:modelValue": ($event) => data.tel = $event,
+          "clearable": true,
+          "type": "tel",
+          "label": t$h("tel"),
+          "rules": rules.value.tel,
+          "maxlength": props.telMaxlength,
+          "placeholder": t$h("tel"),
+          "onFocus": () => onFocus("tel")
+        }, null), withDirectives(createVNode(Field, {
+          "readonly": true,
+          "label": t$h("area"),
+          "is-link": !disableArea,
+          "modelValue": areaText.value,
+          "rules": rules.value.areaCode,
+          "placeholder": props.areaPlaceholder || t$h("area"),
+          "onFocus": () => onFocus("areaCode"),
+          "onClick": () => {
+            emit("click-area");
+            showAreaPopup.value = !disableArea;
           }
-        }, null)]
-      })]);
+        }, null), [[vShow, props.showArea]]), createVNode(AddressEditDetail, {
+          "show": props.showDetail,
+          "rows": props.detailRows,
+          "rules": rules.value.addressDetail,
+          "value": data.addressDetail,
+          "focused": detailFocused.value,
+          "maxlength": props.detailMaxlength,
+          "searchResult": props.searchResult,
+          "showSearchResult": props.showSearchResult,
+          "onBlur": onDetailBlur,
+          "onFocus": () => onFocus("addressDetail"),
+          "onInput": onChangeDetail,
+          "onSelect-search": (event) => emit("select-search", event)
+        }, null), props.showPostal && withDirectives(createVNode(Field, {
+          "modelValue": data.postalCode,
+          "onUpdate:modelValue": ($event) => data.postalCode = $event,
+          "type": "tel",
+          "rules": rules.value.postalCode,
+          "label": t$h("postal"),
+          "maxlength": "6",
+          "placeholder": t$h("postal"),
+          "onFocus": () => onFocus("postalCode")
+        }, null), [[vShow, !hideBottomFields.value]]), slots.default == null ? void 0 : slots.default()]), renderSetDefaultCell(), withDirectives(createVNode("div", {
+          "class": bem$16("buttons")
+        }, [createVNode(Button, {
+          "block": true,
+          "round": true,
+          "type": "danger",
+          "text": props.saveButtonText || t$h("save"),
+          "class": bem$16("button"),
+          "loading": props.isSaving,
+          "nativeType": "submit",
+          "onClick": onSave
+        }, null), props.showDelete && createVNode(Button, {
+          "block": true,
+          "round": true,
+          "class": bem$16("button"),
+          "loading": props.isDeleting,
+          "text": props.deleteButtonText || t$h("delete"),
+          "onClick": onDelete
+        }, null)]), [[vShow, !hideBottomFields.value]]), createVNode(Popup, {
+          "show": showAreaPopup.value,
+          "onUpdate:show": ($event) => showAreaPopup.value = $event,
+          "round": true,
+          "teleport": "body",
+          "position": "bottom",
+          "lazyRender": false
+        }, {
+          default: () => [createVNode(Area, {
+            "ref": areaRef,
+            "value": data.areaCode,
+            "loading": !areaListLoaded.value,
+            "areaList": props.areaList,
+            "columnsPlaceholder": props.areaColumnsPlaceholder,
+            "onConfirm": onAreaConfirm,
+            "onCancel": () => {
+              showAreaPopup.value = false;
+            }
+          }, null)]
+        })]
+      });
     };
   }
 });
 var AddressEdit = withInstall(_AddressEdit);
-var [name$1a, bem$16] = createNamespace("radio-group");
+var [name$19, bem$15] = createNamespace("radio-group");
 var radioGroupProps = {
   disabled: Boolean,
   iconSize: numericProp,
@@ -3999,9 +4099,9 @@ var radioGroupProps = {
   modelValue: unknownProp,
   checkedColor: String
 };
-var RADIO_KEY = Symbol(name$1a);
+var RADIO_KEY = Symbol(name$19);
 var _RadioGroup = defineComponent({
-  name: name$1a,
+  name: name$19,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, _ref) {
@@ -4020,13 +4120,13 @@ var _RadioGroup = defineComponent({
     });
     useCustomFieldValue(() => props.modelValue);
     return () => createVNode("div", {
-      "class": bem$16([props.direction]),
+      "class": bem$15([props.direction]),
       "role": "radiogroup"
     }, [slots.default == null ? void 0 : slots.default()]);
   }
 });
 var RadioGroup = withInstall(_RadioGroup);
-var [name$19, bem$15] = createNamespace("tag");
+var [name$18, bem$14] = createNamespace("tag");
 var tagProps = {
   size: String,
   mark: Boolean,
@@ -4039,7 +4139,7 @@ var tagProps = {
   closeable: Boolean
 };
 var _Tag = defineComponent({
-  name: name$19,
+  name: name$18,
   props: tagProps,
   emits: ["close"],
   setup(props, _ref) {
@@ -4082,12 +4182,12 @@ var _Tag = defineComponent({
       }
       var CloseIcon = closeable && createVNode(Icon, {
         "name": "cross",
-        "class": bem$15("close"),
+        "class": bem$14("close"),
         "onClick": onClose
       }, null);
       return createVNode("span", {
         "style": getStyle(),
-        "class": bem$15([classes, type])
+        "class": bem$14([classes, type])
       }, [slots.default == null ? void 0 : slots.default(), CloseIcon]);
     };
     return () => createVNode(Transition, {
@@ -4191,16 +4291,16 @@ var Checker = defineComponent({
           disabled: disabled.value,
           "label-disabled": props.labelDisabled
         }, direction.value]),
-        "tabindex": disabled.value ? -1 : 0,
+        "tabindex": disabled.value ? void 0 : 0,
         "aria-checked": props.checked,
         "onClick": onClick
       }, [nodes]);
     };
   }
 });
-var [name$18, bem$14] = createNamespace("radio");
+var [name$17, bem$13] = createNamespace("radio");
 var _Radio = defineComponent({
-  name: name$18,
+  name: name$17,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props, _ref) {
@@ -4223,7 +4323,7 @@ var _Radio = defineComponent({
       }
     };
     return () => createVNode(Checker, mergeProps({
-      "bem": bem$14,
+      "bem": bem$13,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -4232,9 +4332,9 @@ var _Radio = defineComponent({
   }
 });
 var Radio = withInstall(_Radio);
-var [name$17, bem$13] = createNamespace("address-item");
+var [name$16, bem$12] = createNamespace("address-item");
 var AddressListItem = defineComponent({
-  name: name$17,
+  name: name$16,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -4255,7 +4355,7 @@ var AddressListItem = defineComponent({
     };
     var renderRightIcon = () => createVNode(Icon, {
       "name": "edit",
-      "class": bem$13("edit"),
+      "class": bem$12("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -4270,7 +4370,7 @@ var AddressListItem = defineComponent({
         return createVNode(Tag, {
           "type": "danger",
           "round": true,
-          "class": bem$13("tag")
+          "class": bem$12("tag")
         }, {
           default: () => [props.defaultTagText]
         });
@@ -4283,9 +4383,9 @@ var AddressListItem = defineComponent({
         switchable
       } = props;
       var Info = [createVNode("div", {
-        "class": bem$13("name")
+        "class": bem$12("name")
       }, [address.name + " " + address.tel, renderTag()]), createVNode("div", {
-        "class": bem$13("address")
+        "class": bem$12("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return createVNode(Radio, {
@@ -4302,13 +4402,13 @@ var AddressListItem = defineComponent({
         disabled
       } = props;
       return createVNode("div", {
-        "class": bem$13({
+        "class": bem$12({
           disabled
         }),
         "onClick": onClick
       }, [createVNode(Cell, {
         "border": false,
-        "valueClass": bem$13("value")
+        "valueClass": bem$12("value")
       }, {
         value: renderContent,
         "right-icon": renderRightIcon
@@ -4318,7 +4418,7 @@ var AddressListItem = defineComponent({
     };
   }
 });
-var [name$16, bem$12, t$f] = createNamespace("address-list");
+var [name$15, bem$11, t$g] = createNamespace("address-list");
 var addressListProps = {
   list: makeArrayProp(),
   modelValue: numericProp,
@@ -4329,7 +4429,7 @@ var addressListProps = {
   defaultTagText: String
 };
 var _AddressList = defineComponent({
-  name: name$16,
+  name: name$15,
   props: addressListProps,
   emits: ["add", "edit", "select", "click-item", "edit-disabled", "select-disabled", "update:modelValue"],
   setup(props, _ref) {
@@ -4366,23 +4466,23 @@ var _AddressList = defineComponent({
       }
     };
     var renderBottom = () => createVNode("div", {
-      "class": [bem$12("bottom"), "van-safe-area-bottom"]
+      "class": [bem$11("bottom"), "van-safe-area-bottom"]
     }, [createVNode(Button, {
       "round": true,
       "block": true,
       "type": "danger",
-      "text": props.addButtonText || t$f("add"),
-      "class": bem$12("add"),
+      "text": props.addButtonText || t$g("add"),
+      "class": bem$11("add"),
       "onClick": () => emit("add")
     }, null)]);
     return () => {
       var List2 = renderList(props.list);
       var DisabledList = renderList(props.disabledList, true);
       var DisabledText = props.disabledText && createVNode("div", {
-        "class": bem$12("disabled-text")
+        "class": bem$11("disabled-text")
       }, [props.disabledText]);
       return createVNode("div", {
-        "class": bem$12()
+        "class": bem$11()
       }, [slots.top == null ? void 0 : slots.top(), createVNode(RadioGroup, {
         "modelValue": props.modelValue
       }, {
@@ -4392,8 +4492,8 @@ var _AddressList = defineComponent({
   }
 });
 var AddressList = withInstall(_AddressList);
-var [name$15, bem$11, t$e] = createNamespace("calendar");
-var formatMonthTitle = (date) => t$e("monthTitle", date.getFullYear(), date.getMonth() + 1);
+var [name$14, bem$10, t$f] = createNamespace("calendar");
+var formatMonthTitle = (date) => t$f("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   var year1 = date1.getFullYear();
   var year2 = date2.getFullYear();
@@ -4480,9 +4580,9 @@ var useHeight = (element) => {
   }));
   return height2;
 };
-var [name$14] = createNamespace("calendar-day");
+var [name$13] = createNamespace("calendar-day");
 var CalendarDay = defineComponent({
-  name: name$14,
+  name: name$13,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -4541,7 +4641,7 @@ var CalendarDay = defineComponent({
       } = props.item;
       if (topInfo || slots["top-info"]) {
         return createVNode("div", {
-          "class": bem$11("top-info")
+          "class": bem$10("top-info")
         }, [slots["top-info"] ? slots["top-info"](props.item) : topInfo]);
       }
     };
@@ -4551,7 +4651,7 @@ var CalendarDay = defineComponent({
       } = props.item;
       if (bottomInfo || slots["bottom-info"]) {
         return createVNode("div", {
-          "class": bem$11("bottom-info")
+          "class": bem$10("bottom-info")
         }, [slots["bottom-info"] ? slots["bottom-info"](props.item) : bottomInfo]);
       }
     };
@@ -4568,7 +4668,7 @@ var CalendarDay = defineComponent({
       var Nodes = [renderTopInfo(), text, renderBottomInfo()];
       if (type === "selected") {
         return createVNode("div", {
-          "class": bem$11("selected-day"),
+          "class": bem$10("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -4585,21 +4685,21 @@ var CalendarDay = defineComponent({
       } = props.item;
       if (type === "placeholder") {
         return createVNode("div", {
-          "class": bem$11("day"),
+          "class": bem$10("day"),
           "style": style.value
         }, null);
       }
       return createVNode("div", {
         "role": "gridcell",
         "style": style.value,
-        "class": [bem$11("day", type), className],
+        "class": [bem$10("day", type), className],
         "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
       }, [renderContent()]);
     };
   }
 });
-var [name$13] = createNamespace("calendar-month");
+var [name$12] = createNamespace("calendar-month");
 var calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
@@ -4617,7 +4717,7 @@ var calendarMonthProps = {
   firstDayOfWeek: Number
 };
 var CalendarMonth = defineComponent({
-  name: name$13,
+  name: name$12,
   props: calendarMonthProps,
   emits: ["click", "update-height"],
   setup(props, _ref) {
@@ -4720,24 +4820,24 @@ var CalendarMonth = defineComponent({
     var getBottomInfo = (dayType) => {
       if (props.type === "range") {
         if (dayType === "start" || dayType === "end") {
-          return t$e(dayType);
+          return t$f(dayType);
         }
         if (dayType === "start-end") {
-          return t$e("startEnd");
+          return t$f("startEnd");
         }
       }
     };
     var renderTitle = () => {
       if (props.showMonthTitle) {
         return createVNode("div", {
-          "class": bem$11("month-title")
+          "class": bem$10("month-title")
         }, [title.value]);
       }
     };
     var renderMark = () => {
       if (props.showMark && shouldRender.value) {
         return createVNode("div", {
-          "class": bem$11("month-mark")
+          "class": bem$10("month-mark")
         }, [props.date.getMonth() + 1]);
       }
     };
@@ -4779,7 +4879,7 @@ var CalendarMonth = defineComponent({
     var renderDays = () => createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$11("days")
+      "class": bem$10("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -4789,14 +4889,14 @@ var CalendarMonth = defineComponent({
       disabledDays
     });
     return () => createVNode("div", {
-      "class": bem$11("month"),
+      "class": bem$10("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-var [name$12] = createNamespace("calendar-header");
+var [name$11] = createNamespace("calendar-header");
 var CalendarHeader = defineComponent({
-  name: name$12,
+  name: name$11,
   props: {
     title: String,
     subtitle: String,
@@ -4812,21 +4912,19 @@ var CalendarHeader = defineComponent({
     } = _ref;
     var renderTitle = () => {
       if (props.showTitle) {
-        var text = props.title || t$e("title");
+        var text = props.title || t$f("title");
         var title = slots.title ? slots.title() : text;
         return createVNode("div", {
-          "class": bem$11("header-title")
+          "class": bem$10("header-title")
         }, [title]);
       }
     };
-    var onClickSubtitle = (event) => {
-      emit("click-subtitle", event);
-    };
+    var onClickSubtitle = (event) => emit("click-subtitle", event);
     var renderSubtitle = () => {
       if (props.showSubtitle) {
         var title = slots.subtitle ? slots.subtitle() : props.subtitle;
         return createVNode("div", {
-          "class": bem$11("header-subtitle"),
+          "class": bem$10("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
@@ -4835,16 +4933,16 @@ var CalendarHeader = defineComponent({
       var {
         firstDayOfWeek
       } = props;
-      var weekdays = t$e("weekdays");
+      var weekdays = t$f("weekdays");
       var renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return createVNode("div", {
-        "class": bem$11("weekdays")
+        "class": bem$10("weekdays")
       }, [renderWeekDays2.map((text) => createVNode("span", {
-        "class": bem$11("weekday")
+        "class": bem$10("weekday")
       }, [text]))]);
     };
     return () => createVNode("div", {
-      "class": bem$11("header")
+      "class": bem$10("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
@@ -4895,7 +4993,7 @@ var calendarProps = {
   }
 };
 var _Calendar = defineComponent({
-  name: name$15,
+  name: name$14,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "month-show", "over-range", "update:show", "click-subtitle"],
   setup(props, _ref) {
@@ -5064,7 +5162,7 @@ var _Calendar = defineComponent({
       } = props;
       if (maxRange && calcDateNum(date) > maxRange) {
         if (showRangePrompt) {
-          Toast(rangePrompt || t$e("rangePrompt", maxRange));
+          Toast(rangePrompt || t$f("rangePrompt", maxRange));
         }
         emit("over-range");
         return false;
@@ -5149,7 +5247,7 @@ var _Calendar = defineComponent({
           var [unselectedDate] = dates.splice(selectedIndex, 1);
           emit("unselect", cloneDate(unselectedDate));
         } else if (props.maxRange && dates.length >= props.maxRange) {
-          Toast(props.rangePrompt || t$e("rangePrompt", props.maxRange));
+          Toast(props.rangePrompt || t$f("rangePrompt", props.maxRange));
         } else {
           select([...dates, date]);
         }
@@ -5183,24 +5281,24 @@ var _Calendar = defineComponent({
           "block": true,
           "type": "danger",
           "color": props.color,
-          "class": bem$11("confirm"),
+          "class": bem$10("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
         }, {
           default: () => [slot ? slot({
             disabled
-          }) : text || t$e("confirm")]
+          }) : text || t$f("confirm")]
         });
       }
     };
     var renderFooter = () => createVNode("div", {
-      "class": [bem$11("footer"), {
+      "class": [bem$10("footer"), {
         "van-safe-area-bottom": props.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
     var renderCalendar = () => createVNode("div", {
-      "class": bem$11()
+      "class": bem$10()
     }, [createVNode(CalendarHeader, {
       "title": props.title,
       "subtitle": subtitle.value,
@@ -5210,7 +5308,7 @@ var _Calendar = defineComponent({
       "onClick-subtitle": (event) => emit("click-subtitle", event)
     }, pick(slots, ["title", "subtitle"])), createVNode("div", {
       "ref": bodyRef,
-      "class": bem$11("body"),
+      "class": bem$10("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
     watch(() => props.show, init);
@@ -5231,7 +5329,7 @@ var _Calendar = defineComponent({
       if (props.poppable) {
         return createVNode(Popup, {
           "show": props.show,
-          "class": bem$11("popup"),
+          "class": bem$10("popup"),
           "round": props.round,
           "position": props.position,
           "closeable": props.showTitle || props.showSubtitle,
@@ -5248,7 +5346,7 @@ var _Calendar = defineComponent({
   }
 });
 var Calendar = withInstall(_Calendar);
-var [name$11, bem$10] = createNamespace("image");
+var [name$10, bem$$] = createNamespace("image");
 var imageProps = {
   src: String,
   alt: String,
@@ -5266,7 +5364,7 @@ var imageProps = {
   loadingIcon: makeStringProp("photo")
 };
 var _Image = defineComponent({
-  name: name$11,
+  name: name$10,
   props: imageProps,
   emits: ["load", "error"],
   setup(props, _ref) {
@@ -5281,13 +5379,10 @@ var _Image = defineComponent({
       $Lazyload
     } = getCurrentInstance().proxy;
     var style = computed(() => {
-      var style2 = {};
-      if (isDef(props.width)) {
-        style2.width = addUnit(props.width);
-      }
-      if (isDef(props.height)) {
-        style2.height = addUnit(props.height);
-      }
+      var style2 = {
+        width: addUnit(props.width),
+        height: addUnit(props.height)
+      };
       if (isDef(props.radius)) {
         style2.overflow = "hidden";
         style2.borderRadius = addUnit(props.radius);
@@ -5321,13 +5416,13 @@ var _Image = defineComponent({
     var renderPlaceholder = () => {
       if (loading.value && props.showLoading) {
         return createVNode("div", {
-          "class": bem$10("loading")
-        }, [renderIcon(props.loadingIcon, bem$10("loading-icon"), slots.loading)]);
+          "class": bem$$("loading")
+        }, [renderIcon(props.loadingIcon, bem$$("loading-icon"), slots.loading)]);
       }
       if (error.value && props.showError) {
         return createVNode("div", {
-          "class": bem$10("error")
-        }, [renderIcon(props.errorIcon, bem$10("error-icon"), slots.error)]);
+          "class": bem$$("error")
+        }, [renderIcon(props.errorIcon, bem$$("error-icon"), slots.error)]);
       }
     };
     var renderImage = () => {
@@ -5336,7 +5431,7 @@ var _Image = defineComponent({
       }
       var attrs = {
         alt: props.alt,
-        class: bem$10("img"),
+        class: bem$$("img"),
         style: {
           objectFit: props.fit
         }
@@ -5377,7 +5472,7 @@ var _Image = defineComponent({
       });
     }
     return () => createVNode("div", {
-      "class": bem$10({
+      "class": bem$$({
         round: props.round
       }),
       "style": style.value
@@ -5385,7 +5480,7 @@ var _Image = defineComponent({
   }
 });
 var Image$1 = withInstall(_Image);
-var [name$10, bem$$] = createNamespace("card");
+var [name$$, bem$_] = createNamespace("card");
 var cardProps = {
   tag: String,
   num: numericProp,
@@ -5400,7 +5495,7 @@ var cardProps = {
   originPrice: numericProp
 };
 var _Card = defineComponent({
-  name: name$10,
+  name: name$$,
   props: cardProps,
   emits: ["click-thumb"],
   setup(props, _ref) {
@@ -5414,14 +5509,14 @@ var _Card = defineComponent({
       }
       if (props.title) {
         return createVNode("div", {
-          "class": [bem$$("title"), "van-multi-ellipsis--l2"]
+          "class": [bem$_("title"), "van-multi-ellipsis--l2"]
         }, [props.title]);
       }
     };
     var renderThumbTag = () => {
       if (slots.tag || props.tag) {
         return createVNode("div", {
-          "class": bem$$("tag")
+          "class": bem$_("tag")
         }, [slots.tag ? slots.tag() : createVNode(Tag, {
           "mark": true,
           "type": "danger"
@@ -5446,7 +5541,7 @@ var _Card = defineComponent({
       if (slots.thumb || props.thumb) {
         return createVNode("a", {
           "href": props.thumbLink,
-          "class": bem$$("thumb"),
+          "class": bem$_("thumb"),
           "onClick": (event) => emit("click-thumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
@@ -5457,18 +5552,18 @@ var _Card = defineComponent({
       }
       if (props.desc) {
         return createVNode("div", {
-          "class": [bem$$("desc"), "van-ellipsis"]
+          "class": [bem$_("desc"), "van-ellipsis"]
         }, [props.desc]);
       }
     };
     var renderPriceText = () => {
       var priceArr = props.price.toString().split(".");
       return createVNode("div", null, [createVNode("span", {
-        "class": bem$$("price-currency")
+        "class": bem$_("price-currency")
       }, [props.currency]), createVNode("span", {
-        "class": bem$$("price-integer")
+        "class": bem$_("price-integer")
       }, [priceArr[0]]), createTextVNode("."), createVNode("span", {
-        "class": bem$$("price-decimal")
+        "class": bem$_("price-decimal")
       }, [priceArr[1]])]);
     };
     return () => {
@@ -5478,26 +5573,26 @@ var _Card = defineComponent({
       var showOriginPrice = slots["origin-price"] || isDef(props.originPrice);
       var showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
       var Price = showPrice && createVNode("div", {
-        "class": bem$$("price")
+        "class": bem$_("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
       var OriginPrice = showOriginPrice && createVNode("div", {
-        "class": bem$$("origin-price")
+        "class": bem$_("origin-price")
       }, [slots["origin-price"] ? slots["origin-price"]() : props.currency + " " + props.originPrice]);
       var Num = showNum && createVNode("div", {
-        "class": bem$$("num")
+        "class": bem$_("num")
       }, [slots.num ? slots.num() : "x" + props.num]);
       var Footer = slots.footer && createVNode("div", {
-        "class": bem$$("footer")
+        "class": bem$_("footer")
       }, [slots.footer()]);
       var Bottom = showBottom && createVNode("div", {
-        "class": bem$$("bottom")
+        "class": bem$_("bottom")
       }, [(_slots$priceTop = slots["price-top"]) == null ? void 0 : _slots$priceTop.call(slots), Price, OriginPrice, Num, slots.bottom == null ? void 0 : slots.bottom()]);
       return createVNode("div", {
-        "class": bem$$()
+        "class": bem$_()
       }, [createVNode("div", {
-        "class": bem$$("header")
+        "class": bem$_("header")
       }, [renderThumb(), createVNode("div", {
-        "class": bem$$("content", {
+        "class": bem$_("content", {
           centered: props.centered
         })
       }, [createVNode("div", null, [renderTitle(), renderDesc(), slots.tags == null ? void 0 : slots.tags()]), Bottom])]), Footer]);
@@ -5518,17 +5613,17 @@ function scrollLeftTo(scroller, to, duration) {
   animate();
 }
 function scrollTopTo(scroller, to, duration, callback) {
-  var current = getScrollTop(scroller);
-  var isDown = current < to;
+  var current2 = getScrollTop(scroller);
+  var isDown = current2 < to;
   var frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
-  var step = (to - current) / frames;
+  var step = (to - current2) / frames;
   function animate() {
-    current += step;
-    if (isDown && current > to || !isDown && current < to) {
-      current = to;
+    current2 += step;
+    if (isDown && current2 > to || !isDown && current2 < to) {
+      current2 = to;
     }
-    setScrollTop(scroller, current);
-    if (isDown && current < to || !isDown && current > to) {
+    setScrollTop(scroller, current2);
+    if (isDown && current2 < to || !isDown && current2 > to) {
       raf(animate);
     } else if (callback) {
       raf(callback);
@@ -5559,7 +5654,7 @@ function useVisibilityChange(target, onChange) {
   onBeforeUnmount(unobserve);
   onMountedOrActivated(observe);
 }
-var [name$$, bem$_] = createNamespace("sticky");
+var [name$_, bem$Z] = createNamespace("sticky");
 var stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -5568,7 +5663,7 @@ var stickyProps = {
   offsetBottom: makeNumericProp(0)
 };
 var _Sticky = defineComponent({
-  name: name$$,
+  name: name$_,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props, _ref) {
@@ -5661,7 +5756,7 @@ var _Sticky = defineComponent({
       "ref": root,
       "style": rootStyle.value
     }, [createVNode("div", {
-      "class": bem$_({
+      "class": bem$Z({
         fixed: state.fixed
       }),
       "style": stickyStyle.value
@@ -5669,10 +5764,11 @@ var _Sticky = defineComponent({
   }
 });
 var Sticky = withInstall(_Sticky);
-var [name$_, bem$Z] = createNamespace("tab");
+var [name$Z, bem$Y] = createNamespace("tab");
 var TabsTitle = defineComponent({
-  name: name$_,
+  name: name$Z,
   props: {
+    id: String,
     dot: Boolean,
     type: String,
     color: String,
@@ -5680,6 +5776,7 @@ var TabsTitle = defineComponent({
     badge: numericProp,
     isActive: Boolean,
     disabled: Boolean,
+    controls: String,
     scrollable: Boolean,
     activeColor: String,
     renderTitle: Function,
@@ -5716,7 +5813,7 @@ var TabsTitle = defineComponent({
     });
     var renderText = () => {
       var Text = createVNode("span", {
-        "class": bem$Z("text", {
+        "class": bem$Y("text", {
           ellipsis: !props.scrollable
         })
       }, [props.renderTitle ? props.renderTitle() : props.title]);
@@ -5732,17 +5829,21 @@ var TabsTitle = defineComponent({
       return Text;
     };
     return () => createVNode("div", {
+      "id": props.id,
       "role": "tab",
-      "class": [bem$Z({
+      "class": [bem$Y({
         active: props.isActive,
         disabled: props.disabled
       })],
       "style": style.value,
-      "aria-selected": props.isActive
+      "tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
+      "aria-selected": props.isActive,
+      "aria-disabled": props.disabled || void 0,
+      "aria-controls": props.controls
     }, [renderText()]);
   }
 });
-var [name$Z, bem$Y] = createNamespace("swipe");
+var [name$Y, bem$X] = createNamespace("swipe");
 var swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -5757,9 +5858,9 @@ var swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-var SWIPE_KEY = Symbol(name$Z);
+var SWIPE_KEY = Symbol(name$Y);
 var _Swipe = defineComponent({
-  name: name$Z,
+  name: name$Y,
   props: swipeProps,
   emits: ["change"],
   setup(props, _ref) {
@@ -5777,7 +5878,6 @@ var _Swipe = defineComponent({
       swiping: false
     });
     var touch = useTouch();
-    var windowSize = useWindowSize();
     var {
       children,
       linkChildren
@@ -6022,7 +6122,7 @@ var _Swipe = defineComponent({
       } : void 0;
       return createVNode("i", {
         "style": style,
-        "class": bem$Y("indicator", {
+        "class": bem$X("indicator", {
           active
         })
       }, null);
@@ -6035,7 +6135,7 @@ var _Swipe = defineComponent({
       }
       if (props.showIndicators && count.value > 1) {
         return createVNode("div", {
-          "class": bem$Y("indicators", {
+          "class": bem$X("indicators", {
             vertical: props.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -6057,7 +6157,7 @@ var _Swipe = defineComponent({
     watch(() => props.initialSwipe, (value) => initialize(+value));
     watch(count, () => initialize(state.active));
     watch(() => props.autoplay, autoplay);
-    watch([windowSize.width, windowSize.height], resize);
+    watch([windowWidth, windowHeight], resize);
     watch(usePageVisibility(), (visible) => {
       if (visible === "visible") {
         autoplay();
@@ -6072,10 +6172,10 @@ var _Swipe = defineComponent({
     onBeforeUnmount(stopAutoplay);
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$Y()
+      "class": bem$X()
     }, [createVNode("div", {
       "style": trackStyle.value,
-      "class": bem$Y("track", {
+      "class": bem$X("track", {
         vertical: props.vertical
       }),
       "onTouchstart": onTouchStart,
@@ -6086,9 +6186,9 @@ var _Swipe = defineComponent({
   }
 });
 var Swipe = withInstall(_Swipe);
-var [name$Y, bem$X] = createNamespace("tabs");
+var [name$X, bem$W] = createNamespace("tabs");
 var TabsContent = defineComponent({
-  name: name$Y,
+  name: name$X,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -6112,7 +6212,7 @@ var TabsContent = defineComponent({
         return createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$X("track"),
+          "class": bem$W("track"),
           "duration": +props.duration * 1e3,
           "touchable": props.swipeable,
           "lazyRender": props.lazyRender,
@@ -6137,13 +6237,13 @@ var TabsContent = defineComponent({
       swipeToCurrentTab(props.currentIndex);
     });
     return () => createVNode("div", {
-      "class": bem$X("content", {
+      "class": bem$W("content", {
         animated: props.animated || props.swipeable
       })
     }, [renderChildren()]);
   }
 });
-var [name$X, bem$W] = createNamespace("tabs");
+var [name$W, bem$V] = createNamespace("tabs");
 var tabsProps = {
   type: makeStringProp("line"),
   color: String,
@@ -6165,9 +6265,9 @@ var tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-var TABS_KEY = Symbol(name$X);
+var TABS_KEY = Symbol(name$W);
 var _Tabs = defineComponent({
-  name: name$X,
+  name: name$W,
   props: tabsProps,
   emits: ["click", "change", "scroll", "disabled", "rendered", "click-tab", "update:active"],
   setup(props, _ref) {
@@ -6181,7 +6281,7 @@ var _Tabs = defineComponent({
     var root = ref();
     var navRef = ref();
     var wrapRef = ref();
-    var windowSize = useWindowSize();
+    var id = useId();
     var scroller = useScrollParent(root);
     var [titleRefs, setTitleRefs] = useRefs();
     var {
@@ -6354,12 +6454,14 @@ var _Tabs = defineComponent({
       }
     };
     var renderNav = () => children.map((item, index2) => createVNode(TabsTitle, mergeProps({
+      "id": id + "-" + index2,
       "ref": setTitleRefs(index2),
       "type": props.type,
       "color": props.color,
       "style": item.titleStyle,
       "class": item.titleClass,
       "isActive": index2 === state.currentIndex,
+      "controls": item.id,
       "scrollable": scrollable.value,
       "renderTitle": item.$slots.title,
       "activeColor": props.titleActiveColor,
@@ -6374,7 +6476,7 @@ var _Tabs = defineComponent({
       } = props;
       return createVNode("div", {
         "ref": wrapRef,
-        "class": [bem$W("wrap", {
+        "class": [bem$V("wrap", {
           scrollable: scrollable.value
         }), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
@@ -6382,16 +6484,17 @@ var _Tabs = defineComponent({
       }, [createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$W("nav", [type, {
+        "class": bem$V("nav", [type, {
           complete: scrollable.value
         }]),
-        "style": navStyle.value
+        "style": navStyle.value,
+        "aria-orientation": "horizontal"
       }, [(_slots$navLeft = slots["nav-left"]) == null ? void 0 : _slots$navLeft.call(slots), renderNav(), type === "line" && createVNode("div", {
-        "class": bem$W("line"),
+        "class": bem$V("line"),
         "style": state.lineStyle
       }, null), (_slots$navRight = slots["nav-right"]) == null ? void 0 : _slots$navRight.call(slots)])]);
     };
-    watch([() => props.color, windowSize.width], setLine);
+    watch([() => props.color, windowWidth], setLine);
     watch(() => props.active, (value) => {
       if (value !== currentName.value) {
         setCurrentIndexByName(value);
@@ -6435,6 +6538,7 @@ var _Tabs = defineComponent({
       target: scroller
     });
     linkChildren({
+      id,
       props,
       setLine,
       onRendered,
@@ -6445,7 +6549,7 @@ var _Tabs = defineComponent({
       var _slots$navBottom, _slots$navBottom2;
       return createVNode("div", {
         "ref": root,
-        "class": bem$W([props.type])
+        "class": bem$V([props.type])
       }, [props.sticky ? createVNode(Sticky, {
         "container": root.value,
         "offsetTop": offsetTopPx.value,
@@ -6469,9 +6573,9 @@ var _Tabs = defineComponent({
 });
 var TAB_STATUS_KEY = Symbol();
 var useTabStatus = () => inject(TAB_STATUS_KEY, null);
-var [name$W, bem$V] = createNamespace("swipe-item");
+var [name$V, bem$U] = createNamespace("swipe-item");
 var _SwipeItem = defineComponent({
-  name: name$W,
+  name: name$V,
   setup(props, _ref) {
     var {
       slots
@@ -6532,13 +6636,13 @@ var _SwipeItem = defineComponent({
       setOffset
     });
     return () => createVNode("div", {
-      "class": bem$V(),
+      "class": bem$U(),
       "style": style.value
     }, [shouldRender.value ? slots.default == null ? void 0 : slots.default() : null]);
   }
 });
 var SwipeItem = withInstall(_SwipeItem);
-var [name$V, bem$U] = createNamespace("tab");
+var [name$U, bem$T] = createNamespace("tab");
 var tabProps = extend({}, routeProps, {
   dot: Boolean,
   name: numericProp,
@@ -6550,12 +6654,13 @@ var tabProps = extend({}, routeProps, {
   showZeroBadge: truthProp
 });
 var _Tab = defineComponent({
-  name: name$V,
+  name: name$U,
   props: tabProps,
   setup(props, _ref) {
     var {
       slots
     } = _ref;
+    var id = useId();
     var inited = ref(false);
     var {
       parent,
@@ -6589,6 +6694,7 @@ var _Tab = defineComponent({
     });
     provide(TAB_STATUS_KEY, active);
     return () => {
+      var label = parent.id + "-" + index2.value;
       var {
         animated,
         swipeable,
@@ -6601,29 +6707,38 @@ var _Tab = defineComponent({
       var show = scrollspy || active.value;
       if (animated || swipeable) {
         return createVNode(SwipeItem, {
+          "id": id,
           "role": "tabpanel",
-          "aria-hidden": !active.value,
-          "class": bem$U("pane-wrapper", {
+          "class": bem$T("pane-wrapper", {
             inactive: !active.value
-          })
+          }),
+          "tabindex": active.value ? 0 : -1,
+          "aria-hidden": !active.value,
+          "aria-labelledby": label
         }, {
           default: () => [createVNode("div", {
-            "class": bem$U("pane")
+            "class": bem$T("panel")
           }, [slots.default == null ? void 0 : slots.default()])]
         });
       }
       var shouldRender = inited.value || scrollspy || !lazyRender;
       var Content = shouldRender ? slots.default == null ? void 0 : slots.default() : null;
+      useExpose({
+        id
+      });
       return withDirectives(createVNode("div", {
+        "id": id,
         "role": "tabpanel",
-        "class": bem$U("pane")
+        "class": bem$T("panel"),
+        "tabindex": show ? 0 : -1,
+        "aria-labelledby": label
       }, [Content]), [[vShow, show]]);
     };
   }
 });
 var Tab = withInstall(_Tab);
 var Tabs = withInstall(_Tabs);
-var [name$U, bem$T, t$d] = createNamespace("cascader");
+var [name$T, bem$S, t$e] = createNamespace("cascader");
 var cascaderProps = {
   title: String,
   options: makeArrayProp(),
@@ -6636,7 +6751,7 @@ var cascaderProps = {
   activeColor: String
 };
 var _Cascader = defineComponent({
-  name: name$U,
+  name: name$T,
   props: cascaderProps,
   emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
   setup(props, _ref) {
@@ -6748,37 +6863,45 @@ var _Cascader = defineComponent({
       return emit("click-tab", name2, title);
     };
     var renderHeader = () => createVNode("div", {
-      "class": bem$T("header")
+      "class": bem$S("header")
     }, [createVNode("h2", {
-      "class": bem$T("title")
+      "class": bem$S("title")
     }, [slots.title ? slots.title() : props.title]), props.closeable ? createVNode(Icon, {
       "name": props.closeIcon,
-      "class": [bem$T("close-icon"), HAPTICS_FEEDBACK],
+      "class": [bem$S("close-icon"), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]);
     var renderOption = (option, selectedOption, tabIndex) => {
-      var selected = selectedOption && option[valueKey] === selectedOption[valueKey];
+      var {
+        disabled
+      } = option;
+      var selected = !!(selectedOption && option[valueKey] === selectedOption[valueKey]);
       var color = option.color || (selected ? props.activeColor : void 0);
       var Text = slots.option ? slots.option({
         option,
         selected
       }) : createVNode("span", null, [option[textKey]]);
       return createVNode("li", {
-        "class": [bem$T("option", {
+        "role": "menuitemradio",
+        "class": [bem$S("option", {
           selected,
-          disabled: option.disabled
+          disabled
         }), option.className],
         "style": {
           color
         },
+        "tabindex": disabled ? void 0 : selected ? 0 : -1,
+        "aria-checked": selected,
+        "aria-disabled": disabled || void 0,
         "onClick": () => onSelect(option, tabIndex)
       }, [Text, selected ? createVNode(Icon, {
         "name": "success",
-        "class": bem$T("selected-icon")
+        "class": bem$S("selected-icon")
       }, null) : null]);
     };
     var renderOptions = (options, selectedOption, tabIndex) => createVNode("ul", {
-      "class": bem$T("options")
+      "role": "menu",
+      "class": bem$S("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     var renderTab = (tab, tabIndex) => {
       var _slots$optionsTop, _slots$optionsBottom;
@@ -6786,11 +6909,11 @@ var _Cascader = defineComponent({
         options,
         selected
       } = tab;
-      var placeholder = props.placeholder || t$d("select");
+      var placeholder = props.placeholder || t$e("select");
       var title = selected ? selected[textKey] : placeholder;
       return createVNode(Tab, {
         "title": title,
-        "titleClass": bem$T("tab", {
+        "titleClass": bem$S("tab", {
           unselected: !selected
         })
       }, {
@@ -6805,7 +6928,7 @@ var _Cascader = defineComponent({
       "active": activeTab.value,
       "onUpdate:active": ($event) => activeTab.value = $event,
       "animated": true,
-      "class": bem$T("tabs"),
+      "class": bem$S("tabs"),
       "color": props.activeColor,
       "swipeThreshold": 0,
       "swipeable": props.swipeable,
@@ -6830,19 +6953,19 @@ var _Cascader = defineComponent({
       updateTabs();
     });
     return () => createVNode("div", {
-      "class": bem$T()
+      "class": bem$S()
     }, [renderHeader(), renderTabs()]);
   }
 });
 var Cascader = withInstall(_Cascader);
-var [name$T, bem$S] = createNamespace("cell-group");
+var [name$S, bem$R] = createNamespace("cell-group");
 var cellGroupProps = {
   title: String,
   inset: Boolean,
   border: truthProp
 };
 var _CellGroup = defineComponent({
-  name: name$T,
+  name: name$S,
   inheritAttrs: false,
   props: cellGroupProps,
   setup(props, _ref) {
@@ -6851,14 +6974,14 @@ var _CellGroup = defineComponent({
       attrs
     } = _ref;
     var renderGroup = () => createVNode("div", mergeProps({
-      "class": [bem$S({
+      "class": [bem$R({
         inset: props.inset
       }), {
         [BORDER_TOP_BOTTOM]: props.border && !props.inset
       }]
     }, attrs), [slots.default == null ? void 0 : slots.default()]);
     var renderTitle = () => createVNode("div", {
-      "class": bem$S("title", {
+      "class": bem$R("title", {
         inset: props.inset
       })
     }, [slots.title ? slots.title() : props.title]);
@@ -6871,7 +6994,7 @@ var _CellGroup = defineComponent({
   }
 });
 var CellGroup = withInstall(_CellGroup);
-var [name$S, bem$R] = createNamespace("checkbox-group");
+var [name$R, bem$Q] = createNamespace("checkbox-group");
 var checkboxGroupProps = {
   max: numericProp,
   disabled: Boolean,
@@ -6880,9 +7003,9 @@ var checkboxGroupProps = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-var CHECKBOX_GROUP_KEY = Symbol(name$S);
+var CHECKBOX_GROUP_KEY = Symbol(name$R);
 var _CheckboxGroup = defineComponent({
-  name: name$S,
+  name: name$R,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, _ref) {
@@ -6930,16 +7053,16 @@ var _CheckboxGroup = defineComponent({
       updateValue
     });
     return () => createVNode("div", {
-      "class": bem$R([props.direction])
+      "class": bem$Q([props.direction])
     }, [slots.default == null ? void 0 : slots.default()]);
   }
 });
-var [name$R, bem$Q] = createNamespace("checkbox");
+var [name$Q, bem$P] = createNamespace("checkbox");
 var checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp
 });
 var _Checkbox = defineComponent({
-  name: name$R,
+  name: name$Q,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
   setup(props, _ref) {
@@ -7001,7 +7124,7 @@ var _Checkbox = defineComponent({
     });
     useCustomFieldValue(() => props.modelValue);
     return () => createVNode(Checker, mergeProps({
-      "bem": bem$Q,
+      "bem": bem$P,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -7011,7 +7134,7 @@ var _Checkbox = defineComponent({
 });
 var Checkbox = withInstall(_Checkbox);
 var CheckboxGroup = withInstall(_CheckboxGroup);
-var [name$Q, bem$P] = createNamespace("circle");
+var [name$P, bem$O] = createNamespace("circle");
 var uid = 0;
 var format = (rate) => Math.min(Math.max(+rate, 0), 100);
 function getPath(clockwise, viewBoxSize) {
@@ -7033,7 +7156,7 @@ var circleProps = {
   startPosition: makeStringProp("top")
 };
 var _Circle = defineComponent({
-  name: name$Q,
+  name: name$P,
   props: circleProps,
   emits: ["update:currentRate"],
   setup(props, _ref) {
@@ -7092,7 +7215,7 @@ var _Circle = defineComponent({
         strokeLinecap
       } = props;
       var offset2 = PERIMETER * currentRate / 100;
-      var color = isObject$1(props.color) ? "url(#" + id + ")" : props.color;
+      var color = isObject(props.color) ? "url(#" + id + ")" : props.color;
       var style = {
         stroke: color,
         strokeWidth: +strokeWidth + 1 + "px",
@@ -7102,7 +7225,7 @@ var _Circle = defineComponent({
       return createVNode("path", {
         "d": path.value,
         "style": style,
-        "class": bem$P("hover"),
+        "class": bem$O("hover"),
         "stroke": color
       }, null);
     };
@@ -7113,7 +7236,7 @@ var _Circle = defineComponent({
         strokeWidth: props.strokeWidth + "px"
       };
       return createVNode("path", {
-        "class": bem$P("layer"),
+        "class": bem$O("layer"),
         "style": style,
         "d": path.value
       }, null);
@@ -7122,7 +7245,7 @@ var _Circle = defineComponent({
       var {
         color
       } = props;
-      if (!isObject$1(color)) {
+      if (!isObject(color)) {
         return;
       }
       var Stops = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b)).map((key, index2) => createVNode("stop", {
@@ -7144,12 +7267,12 @@ var _Circle = defineComponent({
       }
       if (props.text) {
         return createVNode("div", {
-          "class": bem$P("text")
+          "class": bem$O("text")
         }, [props.text]);
       }
     };
     return () => createVNode("div", {
-      "class": bem$P(),
+      "class": bem$O(),
       "style": getSizeStyle(props.size)
     }, [createVNode("svg", {
       "viewBox": "0 0 " + viewBoxSize.value + " " + viewBoxSize.value,
@@ -7158,8 +7281,8 @@ var _Circle = defineComponent({
   }
 });
 var Circle = withInstall(_Circle);
-var [name$P, bem$O] = createNamespace("row");
-var ROW_KEY = Symbol(name$P);
+var [name$O, bem$N] = createNamespace("row");
+var ROW_KEY = Symbol(name$O);
 var rowProps = {
   tag: makeStringProp("div"),
   wrap: truthProp,
@@ -7168,7 +7291,7 @@ var rowProps = {
   justify: String
 };
 var _Row = defineComponent({
-  name: name$P,
+  name: name$O,
   props: rowProps,
   setup(props, _ref) {
     var {
@@ -7228,7 +7351,7 @@ var _Row = defineComponent({
         justify
       } = props;
       return createVNode(tag, {
-        "class": bem$O({
+        "class": bem$N({
           ["align-" + align]: align,
           ["justify-" + justify]: justify,
           nowrap: !wrap
@@ -7239,14 +7362,14 @@ var _Row = defineComponent({
     };
   }
 });
-var [name$O, bem$N] = createNamespace("col");
+var [name$N, bem$M] = createNamespace("col");
 var colProps = {
   tag: makeStringProp("div"),
   span: makeNumericProp(0),
   offset: numericProp
 };
 var _Col = defineComponent({
-  name: name$O,
+  name: name$N,
   props: colProps,
   setup(props, _ref) {
     var {
@@ -7282,7 +7405,7 @@ var _Col = defineComponent({
       } = props;
       return createVNode(tag, {
         "style": style.value,
-        "class": bem$N({
+        "class": bem$M({
           [span]: span,
           ["offset-" + offset2]: offset2
         })
@@ -7293,8 +7416,8 @@ var _Col = defineComponent({
   }
 });
 var Col = withInstall(_Col);
-var [name$N, bem$M] = createNamespace("collapse");
-var COLLAPSE_KEY = Symbol(name$N);
+var [name$M, bem$L] = createNamespace("collapse");
+var COLLAPSE_KEY = Symbol(name$M);
 var collapseProps = {
   border: truthProp,
   accordion: Boolean,
@@ -7304,7 +7427,7 @@ var collapseProps = {
   }
 };
 var _Collapse = defineComponent({
-  name: name$N,
+  name: name$M,
   props: collapseProps,
   emits: ["change", "update:modelValue"],
   setup(props, _ref) {
@@ -7344,14 +7467,14 @@ var _Collapse = defineComponent({
       isExpanded
     });
     return () => createVNode("div", {
-      "class": [bem$M(), {
+      "class": [bem$L(), {
         [BORDER_TOP_BOTTOM]: props.border
       }]
     }, [slots.default == null ? void 0 : slots.default()]);
   }
 });
 var Collapse = withInstall(_Collapse);
-var [name$M, bem$L] = createNamespace("collapse-item");
+var [name$L, bem$K] = createNamespace("collapse-item");
 var CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
 var collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
@@ -7360,7 +7483,7 @@ var collapseItemProps = extend({}, cellSharedProps, {
   readonly: Boolean
 });
 var _CollapseItem = defineComponent({
-  name: name$M,
+  name: name$L,
   props: collapseItemProps,
   setup(props, _ref) {
     var {
@@ -7443,7 +7566,7 @@ var _CollapseItem = defineComponent({
       }
       return createVNode(Cell, mergeProps({
         "role": "button",
-        "class": bem$L("title", {
+        "class": bem$K("title", {
           disabled,
           expanded: expanded.value,
           borderless: !border
@@ -7454,17 +7577,17 @@ var _CollapseItem = defineComponent({
     };
     var renderContent = lazyRender(() => withDirectives(createVNode("div", {
       "ref": wrapperRef,
-      "class": bem$L("wrapper"),
+      "class": bem$K("wrapper"),
       "onTransitionend": onTransitionEnd
     }, [createVNode("div", {
       "ref": contentRef,
-      "class": bem$L("content")
+      "class": bem$K("content")
     }, [slots.default == null ? void 0 : slots.default()])]), [[vShow, show.value]]));
     useExpose({
       toggle
     });
     return () => createVNode("div", {
-      "class": [bem$L({
+      "class": [bem$K({
         border: index2.value && props.border
       })]
     }, [renderTitle(), renderContent()]);
@@ -7472,7 +7595,7 @@ var _CollapseItem = defineComponent({
 });
 var CollapseItem = withInstall(_CollapseItem);
 var ConfigProvider = withInstall(_ConfigProvider);
-var [name$L, bem$K, t$c] = createNamespace("contact-card");
+var [name$K, bem$J, t$d] = createNamespace("contact-card");
 var contactCardProps = {
   tel: String,
   name: String,
@@ -7481,7 +7604,7 @@ var contactCardProps = {
   editable: truthProp
 };
 var _ContactCard = defineComponent({
-  name: name$L,
+  name: name$K,
   props: contactCardProps,
   emits: ["click"],
   setup(props, _ref) {
@@ -7495,17 +7618,17 @@ var _ContactCard = defineComponent({
     };
     var renderContent = () => {
       if (props.type === "add") {
-        return props.addText || t$c("addText");
+        return props.addText || t$d("addText");
       }
-      return [createVNode("div", null, [t$c("name") + "\uFF1A" + props.name]), createVNode("div", null, [t$c("tel") + "\uFF1A" + props.tel])];
+      return [createVNode("div", null, [t$d("name") + "\uFF1A" + props.name]), createVNode("div", null, [t$d("tel") + "\uFF1A" + props.tel])];
     };
     return () => createVNode(Cell, {
       "center": true,
       "icon": props.type === "edit" ? "contact" : "add-square",
-      "class": bem$K([props.type]),
+      "class": bem$J([props.type]),
       "border": false,
       "isLink": props.editable,
-      "valueClass": bem$K("value"),
+      "valueClass": bem$J("value"),
       "onClick": onClick
     }, {
       value: renderContent
@@ -7513,147 +7636,7 @@ var _ContactCard = defineComponent({
   }
 });
 var ContactCard = withInstall(_ContactCard);
-var [name$K, bem$J] = createNamespace("form");
-var formProps = {
-  colon: Boolean,
-  disabled: Boolean,
-  readonly: Boolean,
-  showError: Boolean,
-  labelWidth: numericProp,
-  labelAlign: String,
-  inputAlign: String,
-  scrollToError: Boolean,
-  validateFirst: Boolean,
-  submitOnEnter: truthProp,
-  validateTrigger: makeStringProp("onBlur"),
-  showErrorMessage: truthProp,
-  errorMessageAlign: String
-};
-var _Form = defineComponent({
-  name: name$K,
-  props: formProps,
-  emits: ["submit", "failed"],
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var {
-      children,
-      linkChildren
-    } = useChildren(FORM_KEY);
-    var getFieldsByNames = (names) => {
-      if (names) {
-        return children.filter((field) => names.includes(field.name));
-      }
-      return children;
-    };
-    var validateSeq = (names) => new Promise((resolve, reject) => {
-      var errors = [];
-      var fields = getFieldsByNames(names);
-      fields.reduce((promise, field) => promise.then(() => {
-        if (!errors.length) {
-          return field.validate().then((error) => {
-            if (error) {
-              errors.push(error);
-            }
-          });
-        }
-      }), Promise.resolve()).then(() => {
-        if (errors.length) {
-          reject(errors);
-        } else {
-          resolve();
-        }
-      });
-    });
-    var validateAll = (names) => new Promise((resolve, reject) => {
-      var fields = getFieldsByNames(names);
-      Promise.all(fields.map((item) => item.validate())).then((errors) => {
-        errors = errors.filter(Boolean);
-        if (errors.length) {
-          reject(errors);
-        } else {
-          resolve();
-        }
-      });
-    });
-    var validateField = (name2) => {
-      var matched = children.find((item) => item.name === name2);
-      if (matched) {
-        return new Promise((resolve, reject) => {
-          matched.validate().then((error) => {
-            if (error) {
-              reject(error);
-            } else {
-              resolve();
-            }
-          });
-        });
-      }
-      return Promise.reject();
-    };
-    var validate = (name2) => {
-      if (typeof name2 === "string") {
-        return validateField(name2);
-      }
-      return props.validateFirst ? validateSeq(name2) : validateAll(name2);
-    };
-    var resetValidation = (name2) => {
-      if (typeof name2 === "string") {
-        name2 = [name2];
-      }
-      var fields = getFieldsByNames(name2);
-      fields.forEach((item) => {
-        item.resetValidation();
-      });
-    };
-    var scrollToField = (name2, options) => {
-      children.some((item) => {
-        if (item.name === name2) {
-          item.$el.scrollIntoView(options);
-          return true;
-        }
-        return false;
-      });
-    };
-    var getValues = () => children.reduce((form, field) => {
-      form[field.name] = field.formValue.value;
-      return form;
-    }, {});
-    var submit = () => {
-      var values = getValues();
-      validate().then(() => emit("submit", values)).catch((errors) => {
-        emit("failed", {
-          values,
-          errors
-        });
-        if (props.scrollToError && errors[0].name) {
-          scrollToField(errors[0].name);
-        }
-      });
-    };
-    var onSubmit = (event) => {
-      event.preventDefault();
-      submit();
-    };
-    linkChildren({
-      props
-    });
-    useExpose({
-      submit,
-      validate,
-      scrollToField,
-      resetValidation
-    });
-    return () => createVNode("form", {
-      "class": bem$J(),
-      "onSubmit": onSubmit
-    }, [slots.default == null ? void 0 : slots.default()]);
-  }
-});
-var Form = withInstall(_Form);
-var [name$J, bem$I, t$b] = createNamespace("contact-edit");
+var [name$J, bem$I, t$c] = createNamespace("contact-edit");
 var DEFAULT_CONTACT = {
   tel: "",
   name: ""
@@ -7694,14 +7677,14 @@ var _ContactEdit = defineComponent({
       "block": true,
       "round": true,
       "type": "danger",
-      "text": t$b("save"),
+      "text": t$c("save"),
       "class": bem$I("button"),
       "loading": props.isSaving,
       "nativeType": "submit"
     }, null), props.isEdit && createVNode(Button, {
       "block": true,
       "round": true,
-      "text": t$b("delete"),
+      "text": t$c("delete"),
       "class": bem$I("button"),
       "loading": props.isDeleting,
       "onClick": onDelete
@@ -7734,30 +7717,30 @@ var _ContactEdit = defineComponent({
         "modelValue": contact.name,
         "onUpdate:modelValue": ($event) => contact.name = $event,
         "clearable": true,
-        "label": t$b("name"),
+        "label": t$c("name"),
         "rules": [{
           required: true,
-          message: t$b("nameEmpty")
+          message: t$c("nameEmpty")
         }],
         "maxlength": "30",
-        "placeholder": t$b("name")
+        "placeholder": t$c("name")
       }, null), createVNode(Field, {
         "modelValue": contact.tel,
         "onUpdate:modelValue": ($event) => contact.tel = $event,
         "clearable": true,
         "type": "tel",
-        "label": t$b("tel"),
+        "label": t$c("tel"),
         "rules": [{
           validator: props.telValidator,
-          message: t$b("telInvalid")
+          message: t$c("telInvalid")
         }],
-        "placeholder": t$b("tel")
+        "placeholder": t$c("tel")
       }, null)]), renderSetDefault(), renderButtons()]
     });
   }
 });
 var ContactEdit = withInstall(_ContactEdit);
-var [name$I, bem$H, t$a] = createNamespace("contact-list");
+var [name$I, bem$H, t$b] = createNamespace("contact-list");
 var contactListProps = {
   list: Array,
   addText: String,
@@ -7830,7 +7813,7 @@ var _ContactList = defineComponent({
       "block": true,
       "type": "danger",
       "class": bem$H("add"),
-      "text": props.addText || t$a("addText"),
+      "text": props.addText || t$b("addText"),
       "onClick": () => emit("add")
     }, null)])]);
   }
@@ -7898,14 +7881,14 @@ var _CountDown = defineComponent({
       start: start2,
       pause,
       reset,
-      current
+      current: current2
     } = useCountDown({
       time: +props.time,
       millisecond: props.millisecond,
-      onChange: (current2) => emit("change", current2),
+      onChange: (current3) => emit("change", current3),
       onFinish: () => emit("finish")
     });
-    var timeText = computed(() => parseFormat(props.format, current.value));
+    var timeText = computed(() => parseFormat(props.format, current2.value));
     var resetTime = () => {
       reset(+props.time);
       if (props.autoStart) {
@@ -7921,8 +7904,9 @@ var _CountDown = defineComponent({
       reset: resetTime
     });
     return () => createVNode("div", {
+      "role": "timer",
       "class": bem$G()
-    }, [slots.default ? slots.default(current.value) : timeText.value]);
+    }, [slots.default ? slots.default(current2.value) : timeText.value]);
   }
 });
 var CountDown = withInstall(_CountDown);
@@ -7932,7 +7916,7 @@ function getDate(timeStamp) {
 }
 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 [name$G, bem$F, t$9] = createNamespace("coupon");
+var [name$G, bem$F, t$a] = createNamespace("coupon");
 var _Coupon = defineComponent({
   name: name$G,
   props: {
@@ -7962,13 +7946,13 @@ var _Coupon = defineComponent({
         return [createVNode("span", null, [currency]), " " + denominations];
       }
       if (coupon.discount) {
-        return t$9("discount", formatDiscount(coupon.discount));
+        return t$a("discount", formatDiscount(coupon.discount));
       }
       return "";
     });
     var conditionMessage = computed(() => {
       var condition = formatAmount(props.coupon.originCondition || 0);
-      return condition === "0" ? t$9("unlimited") : t$9("condition", condition);
+      return condition === "0" ? t$a("unlimited") : t$a("condition", condition);
     });
     return () => {
       var {
@@ -8005,7 +7989,7 @@ var _Coupon = defineComponent({
   }
 });
 var Coupon = withInstall(_Coupon);
-var [name$F, bem$E, t$8] = createNamespace("coupon-cell");
+var [name$F, bem$E, t$9] = createNamespace("coupon-cell");
 var couponCellProps = {
   title: String,
   border: truthProp,
@@ -8032,7 +8016,7 @@ function formatValue(_ref) {
     }
     return "-" + currency + " " + (value / 100).toFixed(2);
   }
-  return coupons.length === 0 ? t$8("noCoupon") : t$8("count", coupons.length);
+  return coupons.length === 0 ? t$9("noCoupon") : t$9("count", coupons.length);
 }
 var _CouponCell = defineComponent({
   name: name$F,
@@ -8043,7 +8027,7 @@ var _CouponCell = defineComponent({
       return createVNode(Cell, {
         "class": bem$E(),
         "value": formatValue(props),
-        "title": props.title || t$8("title"),
+        "title": props.title || t$9("title"),
         "border": props.border,
         "isLink": props.editable,
         "valueClass": bem$E("value", {
@@ -8054,7 +8038,7 @@ var _CouponCell = defineComponent({
   }
 });
 var CouponCell = withInstall(_CouponCell);
-var [name$E, bem$D, t$7] = createNamespace("coupon-list");
+var [name$E, bem$D, t$8] = createNamespace("coupon-list");
 var EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
 var couponListProps = {
   code: makeStringProp(""),
@@ -8086,46 +8070,53 @@ var _CouponList = defineComponent({
       slots
     } = _ref;
     var [couponRefs, setCouponRefs] = useRefs();
-    var state = reactive({
-      tab: 0,
-      code: props.code
-    });
-    var buttonDisabled = computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !state.code || state.code.length < props.exchangeMinLength));
+    var root = ref();
+    var barRef = ref();
+    var activeTab = ref(0);
+    var listHeight = ref(0);
+    var currentCode = ref(props.code);
+    var buttonDisabled = computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !currentCode.value || currentCode.value.length < props.exchangeMinLength));
+    var updateListHeight = () => {
+      var TABS_HEIGHT = 44;
+      var rootHeight = useRect(root).height;
+      var headerHeight = useRect(barRef).height + TABS_HEIGHT;
+      listHeight.value = (rootHeight > headerHeight ? rootHeight : windowHeight.value) - headerHeight;
+    };
     var onExchange = () => {
-      emit("exchange", state.code);
+      emit("exchange", currentCode.value);
       if (!props.code) {
-        state.code = "";
+        currentCode.value = "";
       }
     };
     var scrollToCoupon = (index2) => {
       nextTick(() => {
-        if (couponRefs.value[index2]) {
-          couponRefs.value[index2].scrollIntoView();
-        }
+        var _couponRefs$value$ind;
+        return (_couponRefs$value$ind = couponRefs.value[index2]) == null ? void 0 : _couponRefs$value$ind.scrollIntoView();
       });
     };
     var renderEmpty = () => createVNode("div", {
       "class": bem$D("empty")
     }, [createVNode("img", {
       "src": props.emptyImage
-    }, null), createVNode("p", null, [t$7("noCoupon")])]);
+    }, null), createVNode("p", null, [t$8("noCoupon")])]);
     var renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return createVNode("div", {
+          "ref": barRef,
           "class": bem$D("exchange-bar")
         }, [createVNode(Field, {
-          "modelValue": state.code,
-          "onUpdate:modelValue": ($event) => state.code = $event,
+          "modelValue": currentCode.value,
+          "onUpdate:modelValue": ($event) => currentCode.value = $event,
           "clearable": true,
           "border": false,
           "class": bem$D("field"),
-          "placeholder": props.inputPlaceholder || t$7("placeholder"),
+          "placeholder": props.inputPlaceholder || t$8("placeholder"),
           "maxlength": "20"
         }, null), createVNode(Button, {
           "plain": true,
           "type": "danger",
           "class": bem$D("exchange"),
-          "text": props.exchangeButtonText || t$7("exchange"),
+          "text": props.exchangeButtonText || t$8("exchange"),
           "loading": props.exchangeButtonLoading,
           "disabled": buttonDisabled.value,
           "onClick": onExchange
@@ -8138,15 +8129,17 @@ var _CouponList = defineComponent({
         coupons
       } = props;
       var count = props.showCount ? " (" + coupons.length + ")" : "";
-      var title = (props.enabledTitle || t$7("enable")) + count;
+      var title = (props.enabledTitle || t$8("enable")) + count;
       return createVNode(Tab, {
         "title": title
       }, {
         default: () => [createVNode("div", {
           "class": bem$D("list", {
-            "with-bar": props.showExchangeBar,
             "with-bottom": props.showCloseButton
-          })
+          }),
+          "style": {
+            height: listHeight.value + "px"
+          }
         }, [coupons.map((coupon, index2) => createVNode(Coupon, {
           "key": coupon.id,
           "ref": setCouponRefs(index2),
@@ -8163,15 +8156,17 @@ var _CouponList = defineComponent({
         disabledCoupons
       } = props;
       var count = props.showCount ? " (" + disabledCoupons.length + ")" : "";
-      var title = (props.disabledTitle || t$7("disabled")) + count;
+      var title = (props.disabledTitle || t$8("disabled")) + count;
       return createVNode(Tab, {
         "title": title
       }, {
         default: () => [createVNode("div", {
           "class": bem$D("list", {
-            "with-bar": props.showExchangeBar,
             "with-bottom": props.showCloseButton
-          })
+          }),
+          "style": {
+            height: listHeight.value + "px"
+          }
         }, [disabledCoupons.map((coupon) => createVNode(Coupon, {
           "disabled": true,
           "key": coupon.id,
@@ -8181,20 +8176,22 @@ var _CouponList = defineComponent({
       });
     };
     watch(() => props.code, (value) => {
-      state.code = value;
+      currentCode.value = value;
     });
-    watch(() => state.code, (value) => emit("update:code", value));
+    watch(windowHeight, updateListHeight);
+    watch(currentCode, (value) => emit("update:code", value));
     watch(() => props.displayedCouponIndex, scrollToCoupon);
     onMounted(() => {
+      updateListHeight();
       scrollToCoupon(props.displayedCouponIndex);
     });
     return () => createVNode("div", {
+      "ref": root,
       "class": bem$D()
     }, [renderExchangeBar(), createVNode(Tabs, {
-      "active": state.tab,
-      "onUpdate:active": ($event) => state.tab = $event,
-      "class": bem$D("tab"),
-      "border": false
+      "active": activeTab.value,
+      "onUpdate:active": ($event) => activeTab.value = $event,
+      "class": bem$D("tab")
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), createVNode("div", {
@@ -8204,7 +8201,7 @@ var _CouponList = defineComponent({
       "block": true,
       "type": "danger",
       "class": bem$D("close"),
-      "text": props.closeButtonText || t$7("close"),
+      "text": props.closeButtonText || t$8("close"),
       "onClick": () => emit("change", -1)
     }, null), [[vShow, props.showCloseButton]])])]);
   }
@@ -8596,7 +8593,7 @@ var _DatetimePicker = defineComponent({
   }
 });
 var DatetimePicker = withInstall(_DatetimePicker);
-var [name$A, bem$B, t$6] = createNamespace("dialog");
+var [name$A, bem$B, t$7] = createNamespace("dialog");
 var dialogProps = extend({}, popupSharedProps, {
   title: String,
   theme: String,
@@ -8714,7 +8711,7 @@ var VanDialog = defineComponent({
       "class": [BORDER_TOP, bem$B("footer")]
     }, [props.showCancelButton && createVNode(Button, {
       "size": "large",
-      "text": props.cancelButtonText || t$6("cancel"),
+      "text": props.cancelButtonText || t$7("cancel"),
       "class": bem$B("cancel"),
       "style": {
         color: props.cancelButtonColor
@@ -8723,7 +8720,7 @@ var VanDialog = defineComponent({
       "onClick": onCancel
     }, null), props.showConfirmButton && createVNode(Button, {
       "size": "large",
-      "text": props.confirmButtonText || t$6("confirm"),
+      "text": props.confirmButtonText || t$7("confirm"),
       "class": [bem$B("confirm"), {
         [BORDER_LEFT]: props.showCancelButton
       }],
@@ -8738,14 +8735,14 @@ var VanDialog = defineComponent({
     }, {
       default: () => [props.showCancelButton && createVNode(ActionBarButton, {
         "type": "warning",
-        "text": props.cancelButtonText || t$6("cancel"),
+        "text": props.cancelButtonText || t$7("cancel"),
         "class": bem$B("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
         "onClick": onCancel
       }, null), props.showConfirmButton && createVNode(ActionBarButton, {
         "type": "danger",
-        "text": props.confirmButtonText || t$6("confirm"),
+        "text": props.confirmButtonText || t$7("confirm"),
         "class": bem$B("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
@@ -8900,6 +8897,7 @@ var _DropdownMenu = defineComponent({
     var {
       slots
     } = _ref;
+    var id = useId();
     var root = ref();
     var barRef = ref();
     var offset2 = ref(0);
@@ -8929,7 +8927,7 @@ var _DropdownMenu = defineComponent({
         if (props.direction === "down") {
           offset2.value = rect.bottom;
         } else {
-          offset2.value = window.innerHeight - rect.top;
+          offset2.value = windowHeight.value - rect.top;
         }
       }
     };
@@ -8959,8 +8957,9 @@ var _DropdownMenu = defineComponent({
         titleClass
       } = item;
       return createVNode("div", {
+        "id": id + "-" + index2,
         "role": "button",
-        "tabindex": disabled ? -1 : 0,
+        "tabindex": disabled ? void 0 : 0,
         "class": [bem$z("item", {
           disabled
         }), {
@@ -8984,6 +8983,7 @@ var _DropdownMenu = defineComponent({
       }, [item.renderTitle()])])]);
     };
     linkChildren({
+      id,
       props,
       offset: offset2
     });
@@ -9028,7 +9028,8 @@ var _DropdownItem = defineComponent({
       showWrapper: false
     });
     var {
-      parent
+      parent,
+      index: index2
     } = useParent(DROPDOWN_KEY);
     if (!parent) {
       return;
@@ -9094,7 +9095,7 @@ var _DropdownItem = defineComponent({
         }
       };
       return createVNode(Cell, {
-        "clickable": true,
+        "role": "menuitem",
         "key": option.value,
         "icon": option.icon,
         "title": option.text,
@@ -9104,6 +9105,8 @@ var _DropdownItem = defineComponent({
         "style": {
           color: active ? activeColor : ""
         },
+        "tabindex": active ? 0 : -1,
+        "clickable": true,
         "onClick": onClick
       }, {
         value: renderIcon
@@ -9133,6 +9136,7 @@ var _DropdownItem = defineComponent({
       }, [createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
+        "role": "menu",
         "class": bem$y("content"),
         "overlay": overlay,
         "position": direction === "down" ? "top" : "bottom",
@@ -9141,6 +9145,7 @@ var _DropdownItem = defineComponent({
         "overlayStyle": {
           position: "absolute"
         },
+        "aria-labelledby": parent.id + "-" + index2.value,
         "closeOnClickOverlay": closeOnClickOverlay,
         "onOpen": onOpen,
         "onClose": onClose,
@@ -9179,71 +9184,59 @@ var Network = createVNode("svg", {
   "viewBox": "0 0 160 160"
 }, [createVNode("defs", null, [createVNode("linearGradient", {
   "id": prefix + "1",
-  "x1": "64.022%",
+  "x1": "64%",
   "y1": "100%",
-  "x2": "64.022%"
+  "x2": "64%"
 }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), createVNode("linearGradient", {
   "id": prefix + "2",
   "x1": "50%",
   "x2": "50%",
-  "y2": "84.459%"
+  "y2": "84%"
 }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), createVNode("linearGradient", {
   "id": prefix + "3",
   "x1": "100%",
   "x2": "100%",
   "y2": "100%"
-}, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), createVNode("linearGradient", {
-  "id": prefix + "4",
-  "x1": "100%",
-  "y1": "100%",
-  "x2": "100%"
 }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), createVNode("radialGradient", {
-  "id": prefix + "5",
+  "id": prefix + "4",
   "cx": "50%",
   "cy": "0%",
   "fx": "50%",
   "fy": "0%",
   "r": "100%",
-  "gradientTransform": "matrix(0 1 -.54835 0 .5 -.5)"
+  "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
 }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), createVNode("g", {
   "fill": "none"
 }, [createVNode("g", {
   "opacity": ".8"
 }, [createVNode("path", {
-  "d": "M0 124V46h20v20h14v58H0z",
-  "fill": "url(#" + prefix + "1)",
-  "transform": "matrix(-1 0 0 1 36 7)"
+  "d": "M36 131V53H16v20H2v58h34z",
+  "fill": "url(#" + prefix + "1)"
 }, null), createVNode("path", {
-  "d": "M121 8h22.231v14H152v77.37h-31V8z",
-  "fill": "url(#" + prefix + "1)",
-  "transform": "translate(2 7)"
+  "d": "M123 15h22v14h9v77h-31V15z",
+  "fill": "url(#" + prefix + "1)"
 }, null)]), createVNode("path", {
-  "fill": "url(#" + prefix + "5)",
+  "fill": "url(#" + prefix + "4)",
   "d": "M0 139h160v21H0z"
 }, null), createVNode("path", {
-  "d": "M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z",
-  "fill": "url(#" + prefix + "2)",
-  "transform": "translate(43 36)"
+  "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
+  "fill": "url(#" + prefix + "2)"
 }, null), createVNode("g", {
   "opacity": ".6",
   "stroke-linecap": "round",
   "stroke-width": "7"
 }, [createVNode("path", {
-  "d": "M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12",
-  "stroke": "url(#" + prefix + "3)",
-  "transform": "translate(43 36)"
+  "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
+  "stroke": "url(#" + prefix + "3)"
 }, null), createVNode("path", {
-  "d": "M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145",
-  "stroke": "url(#" + prefix + "3)",
-  "transform": "translate(43 36)"
+  "d": "M53 36a34 34 0 0 0 0 48",
+  "stroke": "url(#" + prefix + "3)"
 }, null), createVNode("path", {
-  "d": "M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12",
-  "stroke": "url(#" + prefix + "4)",
-  "transform": "rotate(-180 76.483 42.257)"
+  "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
+  "stroke": "url(#" + prefix + "3)"
 }, null), createVNode("path", {
-  "d": "M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145",
-  "stroke": "url(#" + prefix + "4)",
-  "transform": "rotate(-180 89.791 42.146)"
+  "d": "M106 84a34 34 0 0 0 0-48",
+  "stroke": "url(#" + prefix + "3)"
 }, null)]), createVNode("g", {
   "transform": "translate(31 105)"
 }, [createVNode("rect", {
@@ -9257,14 +9250,14 @@ var Network = createVNode("svg", {
   "y": "8",
   "width": "80",
   "height": "18",
-  "rx": "1.114"
+  "rx": "1.1"
 }, null), createVNode("rect", {
   "fill": "#EBEDF0",
   "x": "15",
   "y": "12",
   "width": "18",
   "height": "6",
-  "rx": "1.114"
+  "rx": "1.1"
 }, null)])])]);
 var [name$w, bem$x] = createNamespace("empty");
 var PRESET_IMAGES = ["error", "search", "default"];
@@ -9752,7 +9745,6 @@ var VanImagePreview = defineComponent({
       slots
     } = _ref;
     var swipeRef = ref();
-    var windowSize = useWindowSize();
     var state = reactive({
       active: 0,
       rootWidth: 0,
@@ -9838,7 +9830,7 @@ var VanImagePreview = defineComponent({
       swipeTo
     });
     onMounted(resize);
-    watch([windowSize.width, windowSize.height], resize);
+    watch([windowWidth, windowHeight], resize);
     watch(() => props.startPosition, (value) => setActive(+value));
     watch(() => props.show, (value) => {
       var {
@@ -10318,8 +10310,7 @@ function off(el, type, func) {
 var loadImageAsync = (item, resolve, reject) => {
   var image = new Image();
   if (!item || !item.src) {
-    var err = new Error("image src is required");
-    return reject(err);
+    return reject(new Error("image src is required"));
   }
   image.src = item.src;
   if (item.cors) {
@@ -10332,11 +10323,6 @@ var loadImageAsync = (item, resolve, reject) => {
   });
   image.onerror = (e) => reject(e);
 };
-function isObject(obj) {
-  return obj !== null && typeof obj === "object";
-}
-function noop() {
-}
 class ImageCache {
   constructor(_ref) {
     var {
@@ -10345,21 +10331,21 @@ class ImageCache {
     this.options = {
       max: max || 100
     };
-    this._caches = [];
+    this.caches = [];
   }
   has(key) {
-    return this._caches.indexOf(key) > -1;
+    return this.caches.indexOf(key) > -1;
   }
   add(key) {
     if (this.has(key))
       return;
-    this._caches.push(key);
-    if (this._caches.length > this.options.max) {
+    this.caches.push(key);
+    if (this.caches.length > this.options.max) {
       this.free();
     }
   }
   free() {
-    this._caches.shift();
+    this.caches.shift();
   }
 }
 class ReactiveListener {
@@ -10386,10 +10372,9 @@ class ReactiveListener {
     this.naturalHeight = 0;
     this.naturalWidth = 0;
     this.options = options;
-    this.rect = null;
     this.$parent = $parent;
     this.elRenderer = elRenderer;
-    this._imageCache = imageCache;
+    this.imageCache = imageCache;
     this.performanceData = {
       loadStart: 0,
       loadEnd: 0
@@ -10430,12 +10415,9 @@ class ReactiveListener {
       this.initState();
     }
   }
-  getRect() {
-    this.rect = this.el.getBoundingClientRect();
-  }
   checkInView() {
-    this.getRect();
-    return this.rect.top < window.innerHeight * this.options.preLoad && this.rect.bottom > this.options.preLoadTop && this.rect.left < window.innerWidth * this.options.preLoad && this.rect.right > 0;
+    var rect = useRect(this.el);
+    return rect.top < window.innerHeight * this.options.preLoad && rect.bottom > this.options.preLoadTop && rect.left < window.innerWidth * this.options.preLoad && rect.right > 0;
   }
   filter() {
     Object.keys(this.options.filter).forEach((key) => {
@@ -10466,7 +10448,7 @@ class ReactiveListener {
     }
     if (this.state.rendered && this.state.loaded)
       return;
-    if (this._imageCache.has(this.src)) {
+    if (this.imageCache.has(this.src)) {
       this.state.loaded = true;
       this.render("loaded", true);
       this.state.rendered = true;
@@ -10488,7 +10470,7 @@ class ReactiveListener {
         this.record("loadEnd");
         this.render("loaded", false);
         this.state.rendered = true;
-        this._imageCache.add(this.src);
+        this.imageCache.add(this.src);
         onFinish();
       }, (err) => {
         !this.options.silent && console.error(err);
@@ -10551,9 +10533,9 @@ function Lazy() {
         observerOptions
       } = _ref;
       this.mode = modeType.event;
-      this.ListenerQueue = [];
-      this.TargetIndex = 0;
-      this.TargetQueue = [];
+      this.listeners = [];
+      this.targetIndex = 0;
+      this.targets = [];
       this.options = {
         silent,
         dispatchEvent: !!dispatchEvent,
@@ -10565,18 +10547,17 @@ function Lazy() {
         attempt: attempt || 3,
         scale: scale || getDPR(scale),
         ListenEvents: listenEvents || DEFAULT_EVENTS,
-        hasbind: false,
         supportWebp: supportWebp(),
         filter: filter || {},
         adapter: adapter || {},
         observer: !!observer,
         observerOptions: observerOptions || DEFAULT_OBSERVER_OPTIONS
       };
-      this._initEvent();
-      this._imageCache = new ImageCache({
+      this.initEvent();
+      this.imageCache = new ImageCache({
         max: 200
       });
-      this.lazyLoadHandler = throttle(this._lazyLoadHandler.bind(this), this.options.throttleWait);
+      this.lazyLoadHandler = throttle(this.lazyLoadHandler.bind(this), this.options.throttleWait);
       this.setMode(this.options.observer ? modeType.observer : modeType.event);
     }
     config(options) {
@@ -10586,30 +10567,30 @@ function Lazy() {
       Object.assign(this.options, options);
     }
     performance() {
-      return this.ListenerQueue.map((item) => item.performance());
+      return this.listeners.map((item) => item.performance());
     }
     addLazyBox(vm) {
-      this.ListenerQueue.push(vm);
+      this.listeners.push(vm);
       if (inBrowser) {
-        this._addListenerTarget(window);
-        this._observer && this._observer.observe(vm.el);
+        this.addListenerTarget(window);
+        this.observer && this.observer.observe(vm.el);
         if (vm.$el && vm.$el.parentNode) {
-          this._addListenerTarget(vm.$el.parentNode);
+          this.addListenerTarget(vm.$el.parentNode);
         }
       }
     }
     add(el, binding, vnode) {
-      if (this.ListenerQueue.some((item) => item.el === el)) {
+      if (this.listeners.some((item) => item.el === el)) {
         this.update(el, binding);
         return nextTick(this.lazyLoadHandler);
       }
-      var value = this._valueFormatter(binding.value);
+      var value = this.valueFormatter(binding.value);
       var {
         src
       } = value;
       nextTick(() => {
         src = getBestSelectionFromSrcset(el, this.options.scale) || src;
-        this._observer && this._observer.observe(el);
+        this.observer && this.observer.observe(el);
         var container = Object.keys(binding.modifiers)[0];
         var $parent;
         if (container) {
@@ -10627,26 +10608,26 @@ function Lazy() {
           loading: value.loading,
           error: value.error,
           cors: value.cors,
-          elRenderer: this._elRenderer.bind(this),
+          elRenderer: this.elRenderer.bind(this),
           options: this.options,
-          imageCache: this._imageCache
+          imageCache: this.imageCache
         });
-        this.ListenerQueue.push(newListener);
+        this.listeners.push(newListener);
         if (inBrowser) {
-          this._addListenerTarget(window);
-          this._addListenerTarget($parent);
+          this.addListenerTarget(window);
+          this.addListenerTarget($parent);
         }
         this.lazyLoadHandler();
         nextTick(() => this.lazyLoadHandler());
       });
     }
     update(el, binding, vnode) {
-      var value = this._valueFormatter(binding.value);
+      var value = this.valueFormatter(binding.value);
       var {
         src
       } = value;
       src = getBestSelectionFromSrcset(el, this.options.scale) || src;
-      var exist = this.ListenerQueue.find((item) => item.el === el);
+      var exist = this.listeners.find((item) => item.el === el);
       if (!exist) {
         this.add(el, binding, vnode);
       } else {
@@ -10656,9 +10637,9 @@ function Lazy() {
           loading: value.loading
         });
       }
-      if (this._observer) {
-        this._observer.unobserve(el);
-        this._observer.observe(el);
+      if (this.observer) {
+        this.observer.unobserve(el);
+        this.observer.observe(el);
       }
       this.lazyLoadHandler();
       nextTick(() => this.lazyLoadHandler());
@@ -10666,24 +10647,24 @@ function Lazy() {
     remove(el) {
       if (!el)
         return;
-      this._observer && this._observer.unobserve(el);
-      var existItem = this.ListenerQueue.find((item) => item.el === el);
+      this.observer && this.observer.unobserve(el);
+      var existItem = this.listeners.find((item) => item.el === el);
       if (existItem) {
-        this._removeListenerTarget(existItem.$parent);
-        this._removeListenerTarget(window);
-        remove(this.ListenerQueue, existItem);
+        this.removeListenerTarget(existItem.$parent);
+        this.removeListenerTarget(window);
+        remove(this.listeners, existItem);
         existItem.$destroy();
       }
     }
     removeComponent(vm) {
       if (!vm)
         return;
-      remove(this.ListenerQueue, vm);
-      this._observer && this._observer.unobserve(vm.el);
+      remove(this.listeners, vm);
+      this.observer && this.observer.unobserve(vm.el);
       if (vm.$parent && vm.$el.parentNode) {
-        this._removeListenerTarget(vm.$el.parentNode);
+        this.removeListenerTarget(vm.$el.parentNode);
       }
-      this._removeListenerTarget(window);
+      this.removeListenerTarget(window);
     }
     setMode(mode) {
       if (!hasIntersectionObserver && mode === modeType.observer) {
@@ -10691,56 +10672,56 @@ function Lazy() {
       }
       this.mode = mode;
       if (mode === modeType.event) {
-        if (this._observer) {
-          this.ListenerQueue.forEach((listener) => {
-            this._observer.unobserve(listener.el);
+        if (this.observer) {
+          this.listeners.forEach((listener) => {
+            this.observer.unobserve(listener.el);
           });
-          this._observer = null;
+          this.observer = null;
         }
-        this.TargetQueue.forEach((target) => {
-          this._initListen(target.el, true);
+        this.targets.forEach((target) => {
+          this.initListen(target.el, true);
         });
       } else {
-        this.TargetQueue.forEach((target) => {
-          this._initListen(target.el, false);
+        this.targets.forEach((target) => {
+          this.initListen(target.el, false);
         });
-        this._initIntersectionObserver();
+        this.initIntersectionObserver();
       }
     }
-    _addListenerTarget(el) {
+    addListenerTarget(el) {
       if (!el)
         return;
-      var target = this.TargetQueue.find((target2) => target2.el === el);
+      var target = this.targets.find((target2) => target2.el === el);
       if (!target) {
         target = {
           el,
-          id: ++this.TargetIndex,
+          id: ++this.targetIndex,
           childrenCount: 1,
           listened: true
         };
-        this.mode === modeType.event && this._initListen(target.el, true);
-        this.TargetQueue.push(target);
+        this.mode === modeType.event && this.initListen(target.el, true);
+        this.targets.push(target);
       } else {
         target.childrenCount++;
       }
-      return this.TargetIndex;
+      return this.targetIndex;
     }
-    _removeListenerTarget(el) {
-      this.TargetQueue.forEach((target, index2) => {
+    removeListenerTarget(el) {
+      this.targets.forEach((target, index2) => {
         if (target.el === el) {
           target.childrenCount--;
           if (!target.childrenCount) {
-            this._initListen(target.el, false);
-            this.TargetQueue.splice(index2, 1);
+            this.initListen(target.el, false);
+            this.targets.splice(index2, 1);
             target = null;
           }
         }
       });
     }
-    _initListen(el, start2) {
+    initListen(el, start2) {
       this.options.ListenEvents.forEach((evt) => (start2 ? on : off)(el, evt, this.lazyLoadHandler));
     }
-    _initEvent() {
+    initEvent() {
       var _this = this;
       this.Event = {
         listeners: {
@@ -10779,9 +10760,9 @@ function Lazy() {
         this.Event.listeners[event].forEach((func) => func(context, inCache));
       };
     }
-    _lazyLoadHandler() {
+    lazyLoadHandler() {
       var freeList = [];
-      this.ListenerQueue.forEach((listener) => {
+      this.listeners.forEach((listener) => {
         if (!listener.el || !listener.el.parentNode) {
           freeList.push(listener);
         }
@@ -10791,35 +10772,35 @@ function Lazy() {
         listener.load();
       });
       freeList.forEach((item) => {
-        remove(this.ListenerQueue, item);
+        remove(this.listeners, item);
         item.$destroy();
       });
     }
-    _initIntersectionObserver() {
+    initIntersectionObserver() {
       if (!hasIntersectionObserver) {
         return;
       }
-      this._observer = new IntersectionObserver(this._observerHandler.bind(this), this.options.observerOptions);
-      if (this.ListenerQueue.length) {
-        this.ListenerQueue.forEach((listener) => {
-          this._observer.observe(listener.el);
+      this.observer = new IntersectionObserver(this.observerHandler.bind(this), this.options.observerOptions);
+      if (this.listeners.length) {
+        this.listeners.forEach((listener) => {
+          this.observer.observe(listener.el);
         });
       }
     }
-    _observerHandler(entries) {
+    observerHandler(entries) {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
-          this.ListenerQueue.forEach((listener) => {
+          this.listeners.forEach((listener) => {
             if (listener.el === entry.target) {
               if (listener.state.loaded)
-                return this._observer.unobserve(listener.el);
+                return this.observer.unobserve(listener.el);
               listener.load();
             }
           });
         }
       });
     }
-    _elRenderer(listener, state, cache) {
+    elRenderer(listener, state, cache) {
       if (!listener.el)
         return;
       var {
@@ -10855,7 +10836,7 @@ function Lazy() {
         el.dispatchEvent(event);
       }
     }
-    _valueFormatter(value) {
+    valueFormatter(value) {
       var src = value;
       var {
         loading,
@@ -10893,7 +10874,6 @@ var LazyComponent = (lazy) => ({
       state: {
         loaded: false
       },
-      rect: {},
       show: false
     };
   },
@@ -10906,12 +10886,9 @@ var LazyComponent = (lazy) => ({
     lazy.removeComponent(this);
   },
   methods: {
-    getRect() {
-      this.rect = this.$el.getBoundingClientRect();
-    },
     checkInView() {
-      this.getRect();
-      return inBrowser && this.rect.top < window.innerHeight * lazy.options.preLoad && this.rect.bottom > 0 && this.rect.left < window.innerWidth * lazy.options.preLoad && this.rect.right > 0;
+      var rect = useRect(this.$el);
+      return inBrowser && rect.top < window.innerHeight * lazy.options.preLoad && rect.bottom > 0 && rect.left < window.innerWidth * lazy.options.preLoad && rect.right > 0;
     },
     load() {
       this.show = true;
@@ -10939,7 +10916,7 @@ class LazyContainer {
     this.binding = binding;
     this.options = {};
     this.lazy = lazy;
-    this._queue = [];
+    this.queue = [];
     this.update({
       el,
       binding
@@ -10980,7 +10957,7 @@ class LazyContainerManager {
       lazy
     } = _ref3;
     this.lazy = lazy;
-    this._queue = [];
+    this.queue = [];
   }
   bind(el, binding, vnode) {
     var container = new LazyContainer({
@@ -10989,10 +10966,10 @@ class LazyContainerManager {
       vnode,
       lazy: this.lazy
     });
-    this._queue.push(container);
+    this.queue.push(container);
   }
   update(el, binding, vnode) {
-    var container = this._queue.find((item) => item.el === el);
+    var container = this.queue.find((item) => item.el === el);
     if (!container)
       return;
     container.update({
@@ -11002,11 +10979,11 @@ class LazyContainerManager {
     });
   }
   unbind(el) {
-    var container = this._queue.find((item) => item.el === el);
+    var container = this.queue.find((item) => item.el === el);
     if (!container)
       return;
     container.clear();
-    remove(this._queue, container);
+    remove(this.queue, container);
   }
 }
 var LazyImage = (lazyManager) => ({
@@ -11038,7 +11015,6 @@ var LazyImage = (lazyManager) => ({
         error: false,
         attempt: 0
       },
-      rect: {},
       renderSrc: ""
     };
   },
@@ -11067,19 +11043,16 @@ var LazyImage = (lazyManager) => ({
         src,
         loading,
         error
-      } = lazyManager._valueFormatter(this.src);
+      } = lazyManager.valueFormatter(this.src);
       this.state.loaded = false;
       this.options.src = src;
       this.options.error = error;
       this.options.loading = loading;
       this.renderSrc = this.options.loading;
     },
-    getRect() {
-      this.rect = this.$el.getBoundingClientRect();
-    },
     checkInView() {
-      this.getRect();
-      return inBrowser && this.rect.top < window.innerHeight * lazyManager.options.preLoad && this.rect.bottom > 0 && this.rect.left < window.innerWidth * lazyManager.options.preLoad && this.rect.right > 0;
+      var rect = useRect(this.$el);
+      return rect.top < window.innerHeight * lazyManager.options.preLoad && rect.bottom > 0 && rect.left < window.innerWidth * lazyManager.options.preLoad && rect.right > 0;
     },
     load(onFinish) {
       if (onFinish === void 0) {
@@ -11137,7 +11110,7 @@ var Lazyload = {
     });
   }
 };
-var [name$q, bem$q, t$5] = createNamespace("list");
+var [name$q, bem$q, t$6] = createNamespace("list");
 var listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
@@ -11209,7 +11182,9 @@ var _List = defineComponent({
         var text = slots.error ? slots.error() : props.errorText;
         if (text) {
           return createVNode("div", {
+            "role": "button",
             "class": bem$q("error-text"),
+            "tabindex": 0,
             "onClick": clickErrorText
           }, [text]);
         }
@@ -11222,11 +11197,11 @@ var _List = defineComponent({
         }, [slots.loading ? slots.loading() : createVNode(Loading, {
           "class": bem$q("loading-icon")
         }, {
-          default: () => [props.loadingText || t$5("loading")]
+          default: () => [props.loadingText || t$6("loading")]
         })]);
       }
     };
-    watch([() => props.loading, () => props.finished, () => props.error], check);
+    watch(() => [props.loading, props.finished, props.error], check);
     if (tabStatus) {
       watch(tabStatus, (tabActive) => {
         if (tabActive) {
@@ -11552,7 +11527,7 @@ var VanNotify = defineComponent({
 });
 var timer;
 var instance;
-var parseOptions = (message) => isObject$1(message) ? message : {
+var parseOptions = (message) => isObject(message) ? message : {
   message
 };
 function initInstance() {
@@ -11619,14 +11594,14 @@ var CollapseIcon = createVNode("svg", {
   "class": bem$m("collapse-icon"),
   "viewBox": "0 0 30 24"
 }, [createVNode("path", {
-  "d": "M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z",
+  "d": "M26 13h-2v2h2v-2zm-8-3h2V8h-2v2zm2-4h2V4h-2v2zm2 4h4V4h-2v4h-2v2zm-7 14 3-3h-6l3 3zM6 13H4v2h2v-2zm16 0H8v2h14v-2zm-12-3h2V8h-2v2zM28 0l1 1 1 1v15l-1 2H1l-1-2V2l1-1 1-1zm0 2H2v15h26V2zM6 4v2H4V4zm10 2h2V4h-2v2zM8 9v1H4V8zm8 0v1h-2V8zm-6-5v2H8V4zm4 0v2h-2V4z",
   "fill": "currentColor"
 }, null)]);
 var DeleteIcon = createVNode("svg", {
   "class": bem$m("delete-icon"),
   "viewBox": "0 0 32 22"
 }, [createVNode("path", {
-  "d": "M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z",
+  "d": "M28 0a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H10.4a2 2 0 0 1-1.4-.6L1 13.1c-.6-.5-.9-1.3-.9-2 0-1 .3-1.7.9-2.2L9 .6a2 2 0 0 1 1.4-.6zm0 2H10.4l-8.2 8.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7l8.2 8.4H28a2 2 0 0 0 2-2V4c0-1.1-.9-2-2-2zm-5 4a1 1 0 0 1 .7.3 1 1 0 0 1 0 1.4L20.4 11l3.3 3.3c.2.2.3.5.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3L19 12.4l-3.4 3.3a1 1 0 0 1-.6.3 1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.2.1-.5.3-.7l3.3-3.3-3.3-3.3A1 1 0 0 1 14 7c0-.3.1-.5.3-.7A1 1 0 0 1 15 6a1 1 0 0 1 .6.3L19 9.6l3.3-3.3A1 1 0 0 1 23 6z",
   "fill": "currentColor"
 }, null)]);
 var NumberKeyboardKey = defineComponent({
@@ -11660,7 +11635,7 @@ var NumberKeyboardKey = defineComponent({
     var onTouchEnd = (event) => {
       if (active.value) {
         if (!slots.default) {
-          event.preventDefault();
+          preventDefault(event);
         }
         active.value = false;
         emit("press", props.text, props.type);
@@ -11915,7 +11890,7 @@ var _NumberKeyboard = defineComponent({
   }
 });
 var NumberKeyboard = withInstall(_NumberKeyboard);
-var [name$k, bem$k, t$4] = createNamespace("pagination");
+var [name$k, bem$k, t$5] = createNamespace("pagination");
 var makePage = (number, text, active) => ({
   number,
   text,
@@ -11958,9 +11933,6 @@ var _Pagination = defineComponent({
         modelValue,
         forceEllipses
       } = props;
-      if (props.mode !== "multi") {
-        return items;
-      }
       var startPage = 1;
       var endPage = pageCount;
       var isMaxSized = showPageSize < pageCount;
@@ -11988,52 +11960,73 @@ var _Pagination = defineComponent({
       }
       return items;
     });
-    var select = (page, emitChange) => {
-      page = Math.min(count.value, Math.max(1, page));
-      if (props.modelValue !== page) {
-        emit("update:modelValue", page);
+    var updateModelValue = (value, emitChange) => {
+      value = clamp(value, 1, count.value);
+      if (props.modelValue !== value) {
+        emit("update:modelValue", value);
         if (emitChange) {
-          emit("change", page);
+          emit("change", value);
         }
       }
     };
-    watch(() => props.modelValue, (value) => {
-      select(value);
-    }, {
-      immediate: true
-    });
-    var renderDesc = () => {
-      if (props.mode !== "multi") {
-        return createVNode("li", {
-          "class": bem$k("page-desc")
-        }, [slots.pageDesc ? slots.pageDesc() : props.modelValue + "/" + count.value]);
-      }
-    };
-    return () => {
-      var value = props.modelValue;
-      var simple = props.mode !== "multi";
-      var onSelect = (value2) => () => select(value2, true);
-      return createVNode("ul", {
-        "class": bem$k({
-          simple
-        })
-      }, [createVNode("li", {
-        "class": [bem$k("item", {
-          disabled: value === 1
-        }), bem$k("prev"), BORDER],
-        "onClick": onSelect(value - 1)
-      }, [slots["prev-text"] ? slots["prev-text"]() : props.prevText || t$4("prev")]), pages.value.map((page) => createVNode("li", {
-        "class": [bem$k("item", {
-          active: page.active
-        }), bem$k("page"), BORDER],
-        "onClick": onSelect(page.number)
-      }, [slots.page ? slots.page(page) : page.text])), renderDesc(), createVNode("li", {
+    watchEffect(() => updateModelValue(props.modelValue));
+    var renderDesc = () => createVNode("li", {
+      "class": bem$k("page-desc")
+    }, [slots.pageDesc ? slots.pageDesc() : props.modelValue + "/" + count.value]);
+    var renderPrevButton = () => {
+      var {
+        mode,
+        modelValue
+      } = props;
+      var slot = slots["prev-text"];
+      var disabled = modelValue === 1;
+      return createVNode("li", {
         "class": [bem$k("item", {
-          disabled: value === count.value
-        }), bem$k("next"), BORDER],
-        "onClick": onSelect(value + 1)
-      }, [slots["next-text"] ? slots["next-text"]() : props.nextText || t$4("next")])]);
+          disabled,
+          border: mode === "simple",
+          prev: true
+        }), BORDER_SURROUND]
+      }, [createVNode("button", {
+        "type": "button",
+        "disabled": disabled,
+        "onClick": () => updateModelValue(modelValue - 1)
+      }, [slot ? slot() : props.prevText || t$5("prev")])]);
     };
+    var renderNextButton = () => {
+      var {
+        mode,
+        modelValue
+      } = props;
+      var slot = slots["next-text"];
+      var disabled = modelValue === count.value;
+      return createVNode("li", {
+        "class": [bem$k("item", {
+          disabled,
+          border: mode === "simple",
+          next: true
+        }), BORDER_SURROUND]
+      }, [createVNode("button", {
+        "type": "button",
+        "disabled": disabled,
+        "onClick": () => updateModelValue(modelValue + 1)
+      }, [slot ? slot() : props.nextText || t$5("next")])]);
+    };
+    var renderPages = () => pages.value.map((page) => createVNode("li", {
+      "class": [bem$k("item", {
+        active: page.active,
+        page: true
+      }), BORDER_SURROUND]
+    }, [createVNode("button", {
+      "type": "button",
+      "aria-current": page.active || void 0,
+      "onClick": () => updateModelValue(page.number)
+    }, [slots.page ? slots.page(page) : page.text])]));
+    return () => createVNode("nav", {
+      "role": "navigation",
+      "class": bem$k()
+    }, [createVNode("ul", {
+      "class": bem$k("items")
+    }, [renderPrevButton(), props.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
   }
 });
 var Pagination = withInstall(_Pagination);
@@ -12388,12 +12381,12 @@ function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
 function mergeByName(modifiers) {
-  var merged = modifiers.reduce(function(merged2, current) {
-    var existing = merged2[current.name];
-    merged2[current.name] = existing ? Object.assign({}, existing, current, {
-      options: Object.assign({}, existing.options, current.options),
-      data: Object.assign({}, existing.data, current.data)
-    }) : current;
+  var merged = modifiers.reduce(function(merged2, current2) {
+    var existing = merged2[current2.name];
+    merged2[current2.name] = existing ? Object.assign({}, existing, current2, {
+      options: Object.assign({}, existing.options, current2.options),
+      data: Object.assign({}, existing.data, current2.data)
+    }) : current2;
     return merged2;
   }, {});
   return Object.keys(merged).map(function(key) {
@@ -12955,6 +12948,8 @@ var _Popover = defineComponent({
         "style": {
           color
         },
+        "tabindex": disabled ? void 0 : 0,
+        "aria-disabled": disabled || void 0,
         "onClick": () => onClickAction(action, index2)
       }, [icon && createVNode(Icon, {
         "name": icon,
@@ -13069,7 +13064,7 @@ var _Progress = defineComponent({
   }
 });
 var Progress = withInstall(_Progress);
-var [name$g, bem$g, t$3] = createNamespace("pull-refresh");
+var [name$g, bem$g, t$4] = createNamespace("pull-refresh");
 var DEFAULT_HEAD_HEIGHT = 50;
 var TEXT_STATUS = ["pulling", "loosing", "success"];
 var pullRefreshProps = {
@@ -13141,7 +13136,7 @@ var _PullRefresh = defineComponent({
       if (status === "normal") {
         return "";
       }
-      return props[status + "Text"] || t$3(status);
+      return props[status + "Text"] || t$4(status);
     };
     var renderStatus = () => {
       var {
@@ -13389,8 +13384,8 @@ var _Rate = defineComponent({
         "role": "radio",
         "style": style,
         "class": bem$f("item"),
-        "tabindex": 0,
-        "aria-setsize": +count,
+        "tabindex": disabled ? void 0 : 0,
+        "aria-setsize": count,
         "aria-posinset": score,
         "aria-checked": !isVoid,
         "onClick": onClickItem
@@ -13424,7 +13419,9 @@ var _Rate = defineComponent({
         readonly: props.readonly,
         disabled: props.disabled
       }),
-      "tabindex": 0,
+      "tabindex": props.disabled ? void 0 : 0,
+      "aria-disabled": props.disabled,
+      "aria-readonly": props.readonly,
       "onTouchstart": onTouchStart,
       "onTouchmove": onTouchMove
     }, [list.value.map(renderStar)]);
@@ -13432,7 +13429,7 @@ var _Rate = defineComponent({
 });
 var Rate = withInstall(_Rate);
 var Row = withInstall(_Row);
-var [name$e, bem$e, t$2] = createNamespace("search");
+var [name$e, bem$e, t$3] = createNamespace("search");
 var searchProps = extend({}, fieldSharedProps, {
   label: String,
   shape: makeStringProp("square"),
@@ -13452,6 +13449,7 @@ var _Search = defineComponent({
       slots,
       attrs
     } = _ref;
+    var id = useId();
     var filedRef = ref();
     var onCancel = () => {
       if (!slots.action) {
@@ -13466,17 +13464,18 @@ var _Search = defineComponent({
         emit("search", props.modelValue);
       }
     };
+    var getInputId = () => props.id || id + "-input";
     var renderLabel = () => {
       if (slots.label || props.label) {
         return createVNode("label", {
           "class": bem$e("label"),
-          "for": props.id
+          "for": getInputId()
         }, [slots.label ? slots.label() : props.label]);
       }
     };
     var renderAction = () => {
       if (props.showAction) {
-        var text = props.actionText || t$2("cancel");
+        var text = props.actionText || t$3("cancel");
         return createVNode("div", {
           "class": bem$e("action"),
           "role": "button",
@@ -13495,7 +13494,9 @@ var _Search = defineComponent({
     };
     var fieldPropNames = Object.keys(fieldSharedProps);
     var renderField = () => {
-      var fieldAttrs = extend({}, attrs, pick(props, fieldPropNames));
+      var fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
+        id: getInputId()
+      });
       var onInput = (value) => emit("update:modelValue", value);
       return createVNode(Field, mergeProps({
         "ref": filedRef,
@@ -13531,7 +13532,7 @@ function getIconURL(icon) {
   }
   return icon;
 }
-var [name$d, bem$d, t$1] = createNamespace("share-sheet");
+var [name$d, bem$d, t$2] = createNamespace("share-sheet");
 var shareSheetProps = extend({}, popupSharedProps, {
   title: String,
   round: truthProp,
@@ -13606,7 +13607,7 @@ var _ShareSheet = defineComponent({
     };
     var renderCancelButton = () => {
       var _props$cancelText;
-      var cancelText = (_props$cancelText = props.cancelText) != null ? _props$cancelText : t$1("cancel");
+      var cancelText = (_props$cancelText = props.cancelText) != null ? _props$cancelText : t$2("cancel");
       if (slots.cancel || cancelText) {
         return createVNode("button", {
           "type": "button",
@@ -13654,6 +13655,7 @@ var _Sidebar = defineComponent({
       setActive
     });
     return () => createVNode("div", {
+      "role": "tablist",
       "class": bem$c()
     }, [slots.default == null ? void 0 : slots.default()]);
   }
@@ -13699,11 +13701,14 @@ var _SidebarItem = defineComponent({
         disabled
       } = props;
       var selected = index2.value === parent.getActive();
-      return createVNode("a", {
+      return createVNode("div", {
+        "role": "tab",
         "class": bem$b({
           select: selected,
           disabled
         }),
+        "tabindex": disabled ? void 0 : 0,
+        "aria-selected": selected,
         "onClick": onClick
       }, [createVNode(Badge, {
         "dot": dot,
@@ -13822,7 +13827,7 @@ var _Slider = defineComponent({
       slots
     } = _ref;
     var buttonIndex;
-    var current;
+    var current2;
     var startValue;
     var root = ref();
     var dragStatus = ref();
@@ -13945,11 +13950,11 @@ var _Slider = defineComponent({
         return;
       }
       touch.start(event);
-      current = props.modelValue;
-      if (isRange(current)) {
-        startValue = current.map(format2);
+      current2 = props.modelValue;
+      if (isRange(current2)) {
+        startValue = current2.map(format2);
       } else {
-        startValue = format2(current);
+        startValue = format2(current2);
       }
       dragStatus.value = "start";
     };
@@ -13972,18 +13977,18 @@ var _Slider = defineComponent({
       }
       if (isRange(startValue)) {
         var index2 = props.reverse ? 1 - buttonIndex : buttonIndex;
-        current[index2] = startValue[index2] + diff;
+        current2[index2] = startValue[index2] + diff;
       } else {
-        current = startValue + diff;
+        current2 = startValue + diff;
       }
-      updateValue(current);
+      updateValue(current2);
     };
     var onTouchEnd = (event) => {
       if (props.disabled || props.readonly) {
         return;
       }
       if (dragStatus.value === "dragging") {
-        updateValue(current, true);
+        updateValue(current2, true);
         emit("drag-end", event);
       }
       dragStatus.value = "";
@@ -14015,14 +14020,16 @@ var _Slider = defineComponent({
       }, null);
     };
     var renderButton = (index2) => {
-      var current2 = typeof index2 === "number" ? props.modelValue[index2] : props.modelValue;
+      var current3 = typeof index2 === "number" ? props.modelValue[index2] : props.modelValue;
       return createVNode("div", {
         "role": "slider",
         "class": getButtonClassName(index2),
-        "tabindex": props.disabled || props.readonly ? -1 : 0,
-        "aria-valuemin": +props.min,
-        "aria-valuenow": current2,
-        "aria-valuemax": +props.max,
+        "tabindex": props.disabled ? void 0 : 0,
+        "aria-valuemin": props.min,
+        "aria-valuenow": current3,
+        "aria-valuemax": props.max,
+        "aria-disabled": props.disabled || void 0,
+        "aria-readonly": props.readonly || void 0,
         "aria-orientation": props.vertical ? "vertical" : "horizontal",
         "onTouchstart": (event) => {
           if (typeof index2 === "number") {
@@ -14034,7 +14041,7 @@ var _Slider = defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": stopPropagation
-      }, [renderButtonContent(current2, index2)]);
+      }, [renderButtonContent(current3, index2)]);
     };
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
@@ -14262,18 +14269,18 @@ var _Stepper = defineComponent({
     };
     var actionType;
     var inputRef = ref();
-    var current = ref(getInitialValue());
-    var minusDisabled = computed(() => props.disabled || props.disableMinus || current.value <= +props.min);
-    var plusDisabled = computed(() => props.disabled || props.disablePlus || current.value >= +props.max);
+    var current2 = ref(getInitialValue());
+    var minusDisabled = computed(() => props.disabled || props.disableMinus || current2.value <= +props.min);
+    var plusDisabled = computed(() => props.disabled || props.disablePlus || current2.value >= +props.max);
     var inputStyle = computed(() => ({
       width: addUnit(props.inputWidth),
       height: addUnit(props.buttonSize)
     }));
     var buttonStyle = computed(() => getSizeStyle(props.buttonSize));
     var check = () => {
-      var value = format2(current.value);
-      if (!isEqual(value, current.value)) {
-        current.value = value;
+      var value = format2(current2.value);
+      if (!isEqual(value, current2.value)) {
+        current2.value = value;
       }
     };
     var setValue = (value) => {
@@ -14281,11 +14288,11 @@ var _Stepper = defineComponent({
         callInterceptor(props.beforeChange, {
           args: [value],
           done() {
-            current.value = value;
+            current2.value = value;
           }
         });
       } else {
-        current.value = value;
+        current2.value = value;
       }
     };
     var onChange = () => {
@@ -14294,7 +14301,7 @@ var _Stepper = defineComponent({
         return;
       }
       var diff = actionType === "minus" ? -props.step : +props.step;
-      var value = format2(addNumber(+current.value, diff));
+      var value = format2(addNumber(+current2.value, diff));
       setValue(value);
       emit(actionType);
     };
@@ -14312,7 +14319,7 @@ var _Stepper = defineComponent({
         formatted = pair[0] + "." + pair[1].slice(0, +decimalLength);
       }
       if (props.beforeChange) {
-        input.value = String(current.value);
+        input.value = String(current2.value);
       } else if (!isEqual(value, formatted)) {
         input.value = formatted;
       }
@@ -14331,7 +14338,7 @@ var _Stepper = defineComponent({
       var input = event.target;
       var value = format2(input.value);
       input.value = String(value);
-      current.value = value;
+      current2.value = value;
       nextTick(() => {
         emit("blur", event);
         resetScroll();
@@ -14366,12 +14373,12 @@ var _Stepper = defineComponent({
     };
     var onMousedown = (event) => {
       if (props.disableInput) {
-        event.preventDefault();
+        preventDefault(event);
       }
     };
     var createListeners = (type) => ({
       onClick: (event) => {
-        event.preventDefault();
+        preventDefault(event);
         actionType = type;
         onChange();
       },
@@ -14382,13 +14389,13 @@ var _Stepper = defineComponent({
       onTouchend: onTouchEnd,
       onTouchcancel: onTouchEnd
     });
-    watch([() => props.max, () => props.min, () => props.integer, () => props.decimalLength], check);
+    watch(() => [props.max, props.min, props.integer, props.decimalLength], check);
     watch(() => props.modelValue, (value) => {
-      if (!isEqual(value, current.value)) {
-        current.value = format2(value);
+      if (!isEqual(value, current2.value)) {
+        current2.value = format2(value);
       }
     });
-    watch(current, (value) => {
+    watch(current2, (value) => {
       emit("update:modelValue", value);
       emit("change", value, {
         name: props.name
@@ -14396,6 +14403,7 @@ var _Stepper = defineComponent({
     });
     useCustomFieldValue(() => props.modelValue);
     return () => createVNode("div", {
+      "role": "group",
       "class": bem$6([props.theme])
     }, [withDirectives(createVNode("button", mergeProps({
       "type": "button",
@@ -14404,21 +14412,22 @@ var _Stepper = defineComponent({
         disabled: minusDisabled.value
       }), {
         [HAPTICS_FEEDBACK]: !minusDisabled.value
-      }]
+      }],
+      "aria-disabled": minusDisabled.value || void 0
     }, createListeners("minus")), null), [[vShow, props.showMinus]]), withDirectives(createVNode("input", {
       "ref": inputRef,
       "type": props.integer ? "tel" : "text",
       "role": "spinbutton",
       "class": bem$6("input"),
-      "value": current.value,
+      "value": current2.value,
       "style": inputStyle.value,
       "disabled": props.disabled,
       "readonly": props.disableInput,
       "inputmode": props.integer ? "numeric" : "decimal",
       "placeholder": props.placeholder,
-      "aria-valuemax": +props.max,
-      "aria-valuemin": +props.min,
-      "aria-valuenow": +current.value,
+      "aria-valuemax": props.max,
+      "aria-valuemin": props.min,
+      "aria-valuenow": current2.value,
       "onBlur": onBlur,
       "onInput": onInput,
       "onFocus": onFocus,
@@ -14430,13 +14439,14 @@ var _Stepper = defineComponent({
         disabled: plusDisabled.value
       }), {
         [HAPTICS_FEEDBACK]: !plusDisabled.value
-      }]
+      }],
+      "aria-disabled": plusDisabled.value || void 0
     }, createListeners("plus")), null), [[vShow, props.showPlus]])]);
   }
 });
 var Stepper = withInstall(_Stepper);
 var Steps = withInstall(_Steps);
-var [name$5, bem$5, t] = createNamespace("submit-bar");
+var [name$5, bem$5, t$1] = createNamespace("submit-bar");
 var submitBarProps = {
   tip: String,
   label: String,
@@ -14479,7 +14489,7 @@ var _SubmitBar = defineComponent({
           "style": {
             textAlign
           }
-        }, [createVNode("span", null, [label || t("label")]), createVNode("span", {
+        }, [createVNode("span", null, [label || t$1("label")]), createVNode("span", {
           "class": bem$5("price")
         }, [currency, createVNode("span", {
           "class": bem$5("price-integer")
@@ -14726,6 +14736,7 @@ var _Tabbar = defineComponent({
       } = props;
       return createVNode("div", {
         "ref": root,
+        "role": "tablist",
         "style": getZIndexStyle(zIndex),
         "class": [bem$3({
           fixed
@@ -14735,16 +14746,15 @@ var _Tabbar = defineComponent({
         }]
       }, [slots.default == null ? void 0 : slots.default()]);
     };
-    var setActive = (active) => {
-      if (active !== props.modelValue) {
-        callInterceptor(props.beforeChange, {
-          args: [active],
-          done() {
-            emit("update:modelValue", active);
-            emit("change", active);
-          }
-        });
-      }
+    var setActive = (active, afterChange) => {
+      callInterceptor(props.beforeChange, {
+        args: [active],
+        done() {
+          emit("update:modelValue", active);
+          emit("change", active);
+          afterChange();
+        }
+      });
     };
     linkChildren({
       props,
@@ -14786,6 +14796,7 @@ var _TabbarItem = defineComponent({
       return;
     }
     var active = computed(() => {
+      var _props$name;
       var {
         route: route3,
         modelValue
@@ -14797,20 +14808,21 @@ var _TabbarItem = defineComponent({
         var {
           to
         } = props;
-        var config = isObject$1(to) ? to : {
+        var config = isObject(to) ? to : {
           path: to
         };
         var pathMatched = "path" in config && config.path === $route.path;
         var nameMatched = "name" in config && config.name === $route.name;
         return pathMatched || nameMatched;
       }
-      return (props.name || index2.value) === modelValue;
+      return ((_props$name = props.name) != null ? _props$name : index2.value) === modelValue;
     });
     var onClick = (event) => {
-      var _props$name;
-      parent.setActive((_props$name = props.name) != null ? _props$name : index2.value);
+      if (!active.value) {
+        var _props$name2;
+        parent.setActive((_props$name2 = props.name) != null ? _props$name2 : index2.value, route2);
+      }
       emit("click", event);
-      route2();
     };
     var renderIcon = () => {
       if (slots.icon) {
@@ -14836,12 +14848,15 @@ var _TabbarItem = defineComponent({
       } = parent.props;
       var color = active.value ? activeColor : inactiveColor;
       return createVNode("div", {
+        "role": "tab",
         "class": bem$2({
           active: active.value
         }),
         "style": {
           color
         },
+        "tabindex": 0,
+        "aria-selected": active.value,
         "onClick": onClick
       }, [createVNode(Badge, {
         "dot": dot,
@@ -14952,7 +14967,7 @@ var _TreeSelect = defineComponent({
   }
 });
 var TreeSelect = withInstall(_TreeSelect);
-var [name, bem] = createNamespace("uploader");
+var [name, bem, t] = createNamespace("uploader");
 var toArray = (item) => Array.isArray(item) ? item : [item];
 function readFileContent(file, resultType) {
   return new Promise((resolve) => {
@@ -15071,7 +15086,10 @@ var UploaderPreviewItem = defineComponent({
     var renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
         return createVNode("div", {
+          "role": "button",
           "class": bem("preview-delete"),
+          "tabindex": 0,
+          "aria-label": t("delete"),
           "onClick": onDelete
         }, [createVNode(Icon, {
           "name": "cross",
@@ -15359,7 +15377,7 @@ var _Uploader = defineComponent({
   }
 });
 var Uploader = withInstall(_Uploader);
-var version = "3.2.8";
+var version = "3.3.0";
 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) => {