vant 3.2.8 → 3.3.3-beta.nuxt3

package/lib/vant.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.vant = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
-  function noop$1() {
+  function noop() {
   }
   var extend = Object.assign;
   var inBrowser$1 = typeof window !== "undefined";
@@ -49,7 +49,7 @@
     type: String,
     default: defaultVal
   });
-  var inBrowser = typeof window !== "undefined";
+  const inBrowser = typeof window !== "undefined";
   function raf(fn) {
     return inBrowser ? requestAnimationFrame(fn) : -1;
   }
@@ -61,56 +61,42 @@
   function doubleRaf(fn) {
     raf(() => raf(fn));
   }
-  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 = vue.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 = vue.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 = vue.ref(defaultValue);
-    var toggle = function(value) {
-      if (value === void 0) {
-        value = !state.value;
-      }
+  function useToggle(defaultValue = false) {
+    const state = vue.ref(defaultValue);
+    const toggle = (value = !state.value) => {
       state.value = value;
     };
     return [state, toggle];
   }
   function useParent(key) {
-    var parent = vue.inject(key, null);
+    const parent = vue.inject(key, null);
     if (parent) {
-      var instance2 = vue.getCurrentInstance();
-      var {
-        link: _link,
-        unlink: _unlink,
-        internalChildren
-      } = parent;
-      _link(instance2);
-      vue.onUnmounted(() => _unlink(instance2));
-      var index2 = vue.computed(() => internalChildren.indexOf(instance2));
+      const instance2 = vue.getCurrentInstance();
+      const { link, unlink, internalChildren } = parent;
+      link(instance2);
+      vue.onUnmounted(() => unlink(instance2));
+      const index2 = vue.computed(() => internalChildren.indexOf(instance2));
       return {
         parent,
         index: index2
@@ -122,14 +108,14 @@
     };
   }
   function flattenVNodes(children) {
-    var result = [];
-    var traverse = (children2) => {
+    const result = [];
+    const traverse = (children2) => {
       if (Array.isArray(children2)) {
         children2.forEach((child) => {
+          var _a;
           if (vue.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) {
@@ -143,29 +129,29 @@
     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 = vue.reactive([]);
-    var internalChildren = vue.reactive([]);
-    var parent = vue.getCurrentInstance();
-    var linkChildren = (value) => {
-      var link = (child) => {
+    const publicChildren = vue.reactive([]);
+    const internalChildren = vue.reactive([]);
+    const parent = vue.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);
       };
@@ -181,16 +167,16 @@
       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,
@@ -204,26 +190,27 @@
     return Math.floor(time1 / 1e3) === Math.floor(time2 / 1e3);
   }
   function useCountDown(options) {
-    var rafId;
-    var endTime;
-    var counting;
-    var deactivated;
-    var remain = vue.ref(options.time);
-    var current = vue.computed(() => parseTime(remain.value));
-    var pause = () => {
+    let rafId;
+    let endTime;
+    let counting;
+    let deactivated;
+    const remain = vue.ref(options.time);
+    const current2 = vue.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());
@@ -233,10 +220,10 @@
         }
       });
     };
-    var macroTick = () => {
+    const macroTick = () => {
       rafId = raf(() => {
         if (counting) {
-          var remainRemain = getCurrentRemain();
+          const remainRemain = getCurrentRemain();
           if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
             setRemain(remainRemain);
           }
@@ -246,7 +233,7 @@
         }
       });
     };
-    var tick = () => {
+    const tick = () => {
       if (!inBrowser) {
         return;
       }
@@ -256,17 +243,14 @@
         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;
     };
@@ -288,11 +272,11 @@
       start: start2,
       pause,
       reset,
-      current
+      current: current2
     };
   }
   function onMountedOrActivated(hook) {
-    var mounted;
+    let mounted;
     vue.onMounted(() => {
       hook();
       vue.nextTick(() => {
@@ -305,31 +289,21 @@
       }
     });
   }
-  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 = vue.unref(target2);
+    const { target = window, passive: passive2 = false, capture = false } = options;
+    let attached;
+    const add = (target2) => {
+      const element = vue.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 = vue.unref(target2);
+    const remove2 = (target2) => {
+      const element = vue.unref(target2);
       if (element && attached) {
         element.removeEventListener(type, listener, capture);
         attached = false;
@@ -345,62 +319,47 @@
       });
     }
   }
-  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 = vue.unref(target);
+    const { eventName = "click" } = options;
+    const onClick = (event) => {
+      const element = vue.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 = vue.ref(0);
       height = vue.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;
       }
@@ -408,11 +367,8 @@
     }
     return root;
   }
-  function useScrollParent(el, root) {
-    if (root === void 0) {
-      root = defaultRoot;
-    }
-    var scrollParent = vue.ref();
+  function useScrollParent(el, root = defaultRoot) {
+    const scrollParent = vue.ref();
     vue.onMounted(() => {
       if (el.value) {
         scrollParent.value = getScrollParent$1(el.value, root);
@@ -420,20 +376,23 @@
     });
     return scrollParent;
   }
+  let visibility;
   function usePageVisibility() {
-    var visibility = vue.ref("visible");
-    var setVisibility = () => {
+    if (!visibility) {
+      visibility = vue.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 = vue.inject(CUSTOM_FIELD_INJECTION_KEY, null);
+    const field = vue.inject(CUSTOM_FIELD_INJECTION_KEY, null);
     if (field && !field.customValue.value) {
       field.customValue.value = customValue;
       vue.watch(customValue, () => {
@@ -444,8 +403,8 @@
   }
   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, "");
@@ -503,11 +462,15 @@
     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)) {
@@ -540,11 +503,11 @@
   }
   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") {
@@ -619,7 +582,7 @@
     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);
@@ -786,7 +749,7 @@
           } else if (canceled) {
             canceled();
           }
-        }).catch(noop$1);
+        }).catch(noop);
       } else if (returnVal) {
         done();
       } else if (canceled) {
@@ -841,13 +804,13 @@
     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) {
@@ -1186,7 +1149,7 @@
       };
       var onClick = (event) => {
         if (props.loading) {
-          event.preventDefault();
+          preventDefault(event);
         } else if (!props.disabled) {
           emit("click", event);
           route2();
@@ -1527,7 +1490,7 @@
         return vue.withDirectives(vue.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()]), [[vue.vShow, props.show]]);
       });
       return () => vue.createVNode(vue.Transition, {
@@ -1556,7 +1519,7 @@
     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,
@@ -1635,7 +1598,6 @@
           }, null);
         }
       };
-      var onClick = (event) => emit("click", event);
       var onOpened = () => emit("opened");
       var onClosed = () => emit("closed");
       var renderPopup = lazyRender(() => {
@@ -1652,8 +1614,7 @@
             [position]: position
           }), {
             "van-safe-area-bottom": safeAreaInsetBottom
-          }],
-          "onClick": onClick
+          }]
         }, attrs), [slots.default == null ? void 0 : slots.default(), renderCloseIcon()]), [[vue.vShow, props.show]]);
       });
       var renderTransition = () => {
@@ -1839,7 +1800,7 @@
     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]);
@@ -1860,7 +1821,7 @@
     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 = vue.defineComponent({
     name: name$1j,
     props: {
@@ -1939,7 +1900,7 @@
         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;
@@ -2076,7 +2037,7 @@
       }, [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,
@@ -2275,7 +2236,7 @@
         }
       };
       var renderCancel = () => {
-        var text = props.cancelButtonText || t$i("cancel");
+        var text = props.cancelButtonText || t$j("cancel");
         return vue.createVNode("button", {
           "type": "button",
           "class": [bem$1e("cancel"), HAPTICS_FEEDBACK],
@@ -2283,7 +2244,7 @@
         }, [slots.cancel ? slots.cancel() : text]);
       };
       var renderConfirm = () => {
-        var text = props.confirmButtonText || t$i("confirm");
+        var text = props.confirmButtonText || t$j("confirm");
         return vue.createVNode("button", {
           "type": "button",
           "class": [bem$1e("confirm"), HAPTICS_FEEDBACK],
@@ -2716,6 +2677,146 @@
     }
   });
   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 = vue.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 () => vue.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;
@@ -2771,7 +2872,7 @@
     var scrollTop = getRootScrollTop();
     input.style.height = "auto";
     var height2 = input.scrollHeight;
-    if (isObject$1(autosize)) {
+    if (isObject(autosize)) {
       var {
         maxHeight,
         minHeight
@@ -2805,7 +2906,15 @@
       type
     };
   }
-  var [name$1f, bem$1b] = createNamespace("field");
+  var current = 0;
+  function useId() {
+    var vm = vue.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,
@@ -2852,7 +2961,7 @@
     }
   });
   var _Field = vue.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) {
@@ -2860,6 +2969,7 @@
         emit,
         slots
       } = _ref;
+      var id = useId();
       var state = vue.reactive({
         focused: false,
         validateFailed: false,
@@ -3021,12 +3131,14 @@
         state.focused = true;
         emit("focus", event);
         vue.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);
@@ -3071,8 +3183,9 @@
         }
         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
@@ -3084,7 +3197,7 @@
           }, [slots.input()]);
         }
         var inputAttrs = {
-          id: props.id,
+          id: getInputId(),
           ref: inputRef,
           name: props.name,
           rows: props.rows !== void 0 ? +props.rows : void 0,
@@ -3095,6 +3208,7 @@
           autofocus: props.autofocus,
           placeholder: props.placeholder,
           autocomplete: props.autocomplete,
+          "aria-labelledby": props.label ? id + "-label" : void 0,
           onBlur,
           onFocus,
           onInput,
@@ -3113,7 +3227,7 @@
         var leftIconSlot = slots["left-icon"];
         if (props.leftIcon || leftIconSlot) {
           return vue.createVNode("div", {
-            "class": bem$1b("left-icon"),
+            "class": bem$1a("left-icon"),
             "onClick": onClickLeftIcon
           }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
             "name": props.leftIcon,
@@ -3125,7 +3239,7 @@
         var rightIconSlot = slots["right-icon"];
         if (props.rightIcon || rightIconSlot) {
           return vue.createVNode("div", {
-            "class": bem$1b("right-icon"),
+            "class": bem$1a("right-icon"),
             "onClick": onClickRightIcon
           }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
             "name": props.rightIcon,
@@ -3137,9 +3251,9 @@
         if (props.showWordLimit && props.maxlength) {
           var count = getModelValue().length;
           return vue.createVNode("div", {
-            "class": bem$1b("word-limit")
+            "class": bem$1a("word-limit")
           }, [vue.createVNode("span", {
-            "class": bem$1b("word-num")
+            "class": bem$1a("word-num")
           }, [count]), vue.createTextVNode("/"), props.maxlength]);
         }
       };
@@ -3152,7 +3266,7 @@
           var slot = slots["error-message"];
           var errorMessageAlign = getProp("errorMessageAlign");
           return vue.createVNode("div", {
-            "class": bem$1b("error-message", errorMessageAlign)
+            "class": bem$1a("error-message", errorMessageAlign)
           }, [slot ? slot({
             message
           }) : message]);
@@ -3165,18 +3279,19 @@
         }
         if (props.label) {
           return vue.createVNode("label", {
-            "for": props.id
+            "id": id + "-label",
+            "for": getInputId()
           }, [props.label + colon]);
         }
       };
       var renderFieldBody = () => [vue.createVNode("div", {
-        "class": bem$1b("body")
+        "class": bem$1a("body")
       }, [renderInput(), showClear.value && vue.createVNode(Icon, {
         "name": props.clearIcon,
-        "class": bem$1b("clear"),
+        "class": bem$1a("clear"),
         "onTouchstart": onClear
       }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
-        "class": bem$1b("button")
+        "class": bem$1a("button")
       }, [slots.button()])]), renderWordLimit(), renderMessage()];
       useExpose({
         blur,
@@ -3208,7 +3323,7 @@
         return vue.createVNode(Cell, {
           "size": props.size,
           "icon": props.leftIcon,
-          "class": bem$1b({
+          "class": bem$1a({
             error: showError.value,
             disabled,
             ["label-" + labelAlign]: labelAlign
@@ -3218,8 +3333,8 @@
           "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
@@ -3285,7 +3400,7 @@
       }
     }
   }
-  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,
@@ -3307,7 +3422,7 @@
     closeOnClickOverlay: Boolean
   };
   var VanToast = vue.defineComponent({
-    name: name$1e,
+    name: name$1d,
     props: toastProps,
     emits: ["update:show"],
     setup(props, _ref) {
@@ -3343,13 +3458,13 @@
           return vue.createVNode(Icon, {
             "name": icon || type,
             "size": iconSize,
-            "class": bem$1a("icon"),
+            "class": bem$19("icon"),
             "classPrefix": iconPrefix
           }, null);
         }
         if (type === "loading") {
           return vue.createVNode(Loading, {
-            "class": bem$1a("loading"),
+            "class": bem$19("loading"),
             "size": iconSize,
             "type": loadingType
           }, null);
@@ -3362,10 +3477,10 @@
         } = props;
         if (isDef(message) && message !== "") {
           return type === "html" ? vue.createVNode("div", {
-            "class": bem$1a("text"),
+            "class": bem$19("text"),
             "innerHTML": String(message)
           }, null) : vue.createVNode("div", {
-            "class": bem$1a("text")
+            "class": bem$19("text")
           }, [message]);
         }
       };
@@ -3381,7 +3496,7 @@
       vue.onMounted(toggleClickable);
       vue.onUnmounted(toggleClickable);
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "class": [bem$1a([props.position, {
+        "class": [bem$19([props.position, {
           [props.type]: !props.icon
         }]), props.className],
         "lockScroll": false,
@@ -3419,7 +3534,7 @@
   var currentOptions = extend({}, defaultOptions$1);
   var defaultOptionsMap = new Map();
   function parseOptions$1(message) {
-    if (isObject$1(message)) {
+    if (isObject(message)) {
       return message;
     }
     return {
@@ -3531,7 +3646,7 @@
     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,
@@ -3549,7 +3664,7 @@
     }
   };
   var _Switch = vue.defineComponent({
-    name: name$1d,
+    name: name$1c,
     props: switchProps,
     emits: ["change", "update:modelValue"],
     setup(props, _ref) {
@@ -3568,7 +3683,7 @@
         if (props.loading) {
           var color = isChecked() ? props.activeColor : props.inactiveColor;
           return vue.createVNode(Loading, {
-            "class": bem$19("loading"),
+            "class": bem$18("loading"),
             "color": color
           }, null);
         }
@@ -3589,32 +3704,33 @@
         };
         return vue.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
         }, [vue.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 = vue.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"],
@@ -3630,7 +3746,7 @@
       };
       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 vue.createVNode("div", {
             "innerHTML": text
           }, null);
@@ -3648,7 +3764,7 @@
           "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)
         }, {
@@ -3664,15 +3780,15 @@
             "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
@@ -3681,7 +3797,7 @@
       };
     }
   });
-  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: "",
@@ -3729,7 +3845,7 @@
     }
   };
   var _AddressEdit = vue.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) {
@@ -3738,19 +3854,10 @@
         slots
       } = _ref;
       var areaRef = vue.ref();
-      var state = vue.reactive({
-        data: {},
-        showAreaPopup: false,
-        detailFocused: false,
-        errorInfo: {
-          tel: "",
-          name: "",
-          areaCode: "",
-          postalCode: "",
-          addressDetail: ""
-        }
-      });
-      var areaListLoaded = vue.computed(() => isObject$1(props.areaList) && Object.keys(props.areaList).length);
+      var data = vue.reactive({});
+      var showAreaPopup = vue.ref(false);
+      var detailFocused = vue.ref(false);
+      var areaListLoaded = vue.computed(() => isObject(props.areaList) && Object.keys(props.areaList).length);
       var areaText = vue.computed(() => {
         var {
           country,
@@ -3758,7 +3865,7 @@
           city,
           county,
           areaCode
-        } = state.data;
+        } = data;
         if (areaCode) {
           var arr = [country, province, city, county];
           if (province && province === city) {
@@ -3770,231 +3877,223 @@
       });
       var hideBottomFields = vue.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 = vue.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) {
           vue.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": () => vue.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 vue.withDirectives(vue.createVNode(Cell, {
             "center": true,
-            "title": t$g("defaultAddress"),
-            "class": bem$17("default")
+            "title": t$h("defaultAddress"),
+            "class": bem$16("default")
           }, _slots), [[vue.vShow, !hideBottomFields.value]]);
         }
-        return null;
       };
       useExpose({
         getArea,
         setAreaCode,
         setAddressDetail
       });
-      vue.watch(() => props.areaList, () => setAreaCode(state.data.areaCode));
+      vue.watch(() => props.areaList, () => setAreaCode(data.areaCode));
       vue.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 vue.createVNode("div", {
-          "class": bem$17()
-        }, [vue.createVNode("div", {
-          "class": bem$17("fields")
-        }, [vue.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), vue.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), vue.withDirectives(vue.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), [[vue.vShow, props.showArea]]), vue.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 && vue.withDirectives(vue.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), [[vue.vShow, !hideBottomFields.value]]), slots.default == null ? void 0 : slots.default()]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-          "class": bem$17("buttons")
-        }, [vue.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 && vue.createVNode(Button, {
-          "block": true,
-          "round": true,
-          "class": bem$17("button"),
-          "loading": props.isDeleting,
-          "text": props.deleteButtonText || t$g("delete"),
-          "onClick": onDelete
-        }, null)]), [[vue.vShow, !hideBottomFields.value]]), vue.createVNode(Popup, {
-          "show": state.showAreaPopup,
-          "onUpdate:show": ($event) => state.showAreaPopup = $event,
-          "round": true,
-          "teleport": "body",
-          "position": "bottom",
-          "lazyRender": false
+        return vue.createVNode(Form, {
+          "class": bem$16(),
+          "onSubmit": onSave
         }, {
-          default: () => [vue.createVNode(Area, {
-            "ref": areaRef,
-            "value": data.areaCode,
-            "loading": !areaListLoaded.value,
-            "areaList": props.areaList,
-            "columnsPlaceholder": props.areaColumnsPlaceholder,
-            "onConfirm": onAreaConfirm,
-            "onCancel": () => {
-              state.showAreaPopup = false;
+          default: () => [vue.createVNode("div", {
+            "class": bem$16("fields")
+          }, [vue.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), vue.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), vue.withDirectives(vue.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), [[vue.vShow, props.showArea]]), vue.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 && vue.withDirectives(vue.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), [[vue.vShow, !hideBottomFields.value]]), slots.default == null ? void 0 : slots.default()]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
+            "class": bem$16("buttons")
+          }, [vue.createVNode(Button, {
+            "block": true,
+            "round": true,
+            "type": "danger",
+            "text": props.saveButtonText || t$h("save"),
+            "class": bem$16("button"),
+            "loading": props.isSaving,
+            "nativeType": "submit"
+          }, null), props.showDelete && vue.createVNode(Button, {
+            "block": true,
+            "round": true,
+            "class": bem$16("button"),
+            "loading": props.isDeleting,
+            "text": props.deleteButtonText || t$h("delete"),
+            "onClick": onDelete
+          }, null)]), [[vue.vShow, !hideBottomFields.value]]), vue.createVNode(Popup, {
+            "show": showAreaPopup.value,
+            "onUpdate:show": ($event) => showAreaPopup.value = $event,
+            "round": true,
+            "teleport": "body",
+            "position": "bottom",
+            "lazyRender": false
+          }, {
+            default: () => [vue.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,
@@ -4002,9 +4101,9 @@
     modelValue: unknownProp,
     checkedColor: String
   };
-  var RADIO_KEY = Symbol(name$1a);
+  var RADIO_KEY = Symbol(name$19);
   var _RadioGroup = vue.defineComponent({
-    name: name$1a,
+    name: name$19,
     props: radioGroupProps,
     emits: ["change", "update:modelValue"],
     setup(props, _ref) {
@@ -4023,13 +4122,13 @@
       });
       useCustomFieldValue(() => props.modelValue);
       return () => vue.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,
@@ -4042,7 +4141,7 @@
     closeable: Boolean
   };
   var _Tag = vue.defineComponent({
-    name: name$19,
+    name: name$18,
     props: tagProps,
     emits: ["close"],
     setup(props, _ref) {
@@ -4085,12 +4184,12 @@
         }
         var CloseIcon = closeable && vue.createVNode(Icon, {
           "name": "cross",
-          "class": bem$15("close"),
+          "class": bem$14("close"),
           "onClick": onClose
         }, null);
         return vue.createVNode("span", {
           "style": getStyle(),
-          "class": bem$15([classes, type])
+          "class": bem$14([classes, type])
         }, [slots.default == null ? void 0 : slots.default(), CloseIcon]);
       };
       return () => vue.createVNode(vue.Transition, {
@@ -4194,16 +4293,16 @@
             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 = vue.defineComponent({
-    name: name$18,
+    name: name$17,
     props: checkerProps,
     emits: ["update:modelValue"],
     setup(props, _ref) {
@@ -4226,7 +4325,7 @@
         }
       };
       return () => vue.createVNode(Checker, vue.mergeProps({
-        "bem": bem$14,
+        "bem": bem$13,
         "role": "radio",
         "parent": parent,
         "checked": checked(),
@@ -4235,9 +4334,9 @@
     }
   });
   var Radio = withInstall(_Radio);
-  var [name$17, bem$13] = createNamespace("address-item");
+  var [name$16, bem$12] = createNamespace("address-item");
   var AddressListItem = vue.defineComponent({
-    name: name$17,
+    name: name$16,
     props: {
       address: makeRequiredProp(Object),
       disabled: Boolean,
@@ -4258,7 +4357,7 @@
       };
       var renderRightIcon = () => vue.createVNode(Icon, {
         "name": "edit",
-        "class": bem$13("edit"),
+        "class": bem$12("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -4273,7 +4372,7 @@
           return vue.createVNode(Tag, {
             "type": "danger",
             "round": true,
-            "class": bem$13("tag")
+            "class": bem$12("tag")
           }, {
             default: () => [props.defaultTagText]
           });
@@ -4286,9 +4385,9 @@
           switchable
         } = props;
         var Info = [vue.createVNode("div", {
-          "class": bem$13("name")
+          "class": bem$12("name")
         }, [address.name + " " + address.tel, renderTag()]), vue.createVNode("div", {
-          "class": bem$13("address")
+          "class": bem$12("address")
         }, [address.address])];
         if (switchable && !disabled) {
           return vue.createVNode(Radio, {
@@ -4305,13 +4404,13 @@
           disabled
         } = props;
         return vue.createVNode("div", {
-          "class": bem$13({
+          "class": bem$12({
             disabled
           }),
           "onClick": onClick
         }, [vue.createVNode(Cell, {
           "border": false,
-          "valueClass": bem$13("value")
+          "valueClass": bem$12("value")
         }, {
           value: renderContent,
           "right-icon": renderRightIcon
@@ -4321,7 +4420,7 @@
       };
     }
   });
-  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,
@@ -4332,7 +4431,7 @@
     defaultTagText: String
   };
   var _AddressList = vue.defineComponent({
-    name: name$16,
+    name: name$15,
     props: addressListProps,
     emits: ["add", "edit", "select", "click-item", "edit-disabled", "select-disabled", "update:modelValue"],
     setup(props, _ref) {
@@ -4369,23 +4468,23 @@
         }
       };
       var renderBottom = () => vue.createVNode("div", {
-        "class": [bem$12("bottom"), "van-safe-area-bottom"]
+        "class": [bem$11("bottom"), "van-safe-area-bottom"]
       }, [vue.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 && vue.createVNode("div", {
-          "class": bem$12("disabled-text")
+          "class": bem$11("disabled-text")
         }, [props.disabledText]);
         return vue.createVNode("div", {
-          "class": bem$12()
+          "class": bem$11()
         }, [slots.top == null ? void 0 : slots.top(), vue.createVNode(RadioGroup, {
           "modelValue": props.modelValue
         }, {
@@ -4395,8 +4494,8 @@
     }
   });
   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();
@@ -4483,9 +4582,9 @@
     }));
     return height2;
   };
-  var [name$14] = createNamespace("calendar-day");
+  var [name$13] = createNamespace("calendar-day");
   var CalendarDay = vue.defineComponent({
-    name: name$14,
+    name: name$13,
     props: {
       item: makeRequiredProp(Object),
       color: String,
@@ -4544,7 +4643,7 @@
         } = props.item;
         if (topInfo || slots["top-info"]) {
           return vue.createVNode("div", {
-            "class": bem$11("top-info")
+            "class": bem$10("top-info")
           }, [slots["top-info"] ? slots["top-info"](props.item) : topInfo]);
         }
       };
@@ -4554,7 +4653,7 @@
         } = props.item;
         if (bottomInfo || slots["bottom-info"]) {
           return vue.createVNode("div", {
-            "class": bem$11("bottom-info")
+            "class": bem$10("bottom-info")
           }, [slots["bottom-info"] ? slots["bottom-info"](props.item) : bottomInfo]);
         }
       };
@@ -4571,7 +4670,7 @@
         var Nodes = [renderTopInfo(), text, renderBottomInfo()];
         if (type === "selected") {
           return vue.createVNode("div", {
-            "class": bem$11("selected-day"),
+            "class": bem$10("selected-day"),
             "style": {
               width: rowHeight,
               height: rowHeight,
@@ -4588,21 +4687,21 @@
         } = props.item;
         if (type === "placeholder") {
           return vue.createVNode("div", {
-            "class": bem$11("day"),
+            "class": bem$10("day"),
             "style": style.value
           }, null);
         }
         return vue.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,
@@ -4620,7 +4719,7 @@
     firstDayOfWeek: Number
   };
   var CalendarMonth = vue.defineComponent({
-    name: name$13,
+    name: name$12,
     props: calendarMonthProps,
     emits: ["click", "update-height"],
     setup(props, _ref) {
@@ -4644,13 +4743,6 @@
       var totalDay = vue.computed(() => getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1));
       var shouldRender = vue.computed(() => visible.value || !props.lazyRender);
       var getTitle = () => title.value;
-      var scrollIntoView = (body) => {
-        var el = props.showSubtitle ? daysRef.value : monthRef.value;
-        if (el) {
-          var scrollTop = useRect(el).top - useRect(body).top + body.scrollTop;
-          setScrollTop(body, scrollTop);
-        }
-      };
       var getMultipleDayType = (day) => {
         var isSelected = (date) => props.currentDate.some((item) => compareDay(item, date) === 0);
         if (isSelected(day)) {
@@ -4723,24 +4815,24 @@
       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 vue.createVNode("div", {
-            "class": bem$11("month-title")
+            "class": bem$10("month-title")
           }, [title.value]);
         }
       };
       var renderMark = () => {
         if (props.showMark && shouldRender.value) {
           return vue.createVNode("div", {
-            "class": bem$11("month-mark")
+            "class": bem$10("month-mark")
           }, [props.date.getMonth() + 1]);
         }
       };
@@ -4771,6 +4863,15 @@
         return days2;
       });
       var disabledDays = vue.computed(() => days.value.filter((day) => day.type === "disabled"));
+      var scrollToDate = (body, targetDate) => {
+        if (daysRef.value) {
+          var daysRect = useRect(daysRef.value);
+          var totalRows = placeholders.value.length;
+          var currentRow = Math.ceil((targetDate.getDate() + offset2.value) / 7);
+          var rowOffset = (currentRow - 1) * daysRect.height / totalRows;
+          setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
+        }
+      };
       var renderDay = (item, index2) => vue.createVNode(CalendarDay, {
         "item": item,
         "index": index2,
@@ -4782,24 +4883,24 @@
       var renderDays = () => vue.createVNode("div", {
         "ref": daysRef,
         "role": "grid",
-        "class": bem$11("days")
+        "class": bem$10("days")
       }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
       useExpose({
         getTitle,
         getHeight: () => height2.value,
         setVisible,
-        scrollIntoView,
+        scrollToDate,
         disabledDays
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$12,
+    name: name$11,
     props: {
       title: String,
       subtitle: String,
@@ -4815,21 +4916,19 @@
       } = _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 vue.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 vue.createVNode("div", {
-            "class": bem$11("header-subtitle"),
+            "class": bem$10("header-subtitle"),
             "onClick": onClickSubtitle
           }, [title]);
         }
@@ -4838,16 +4937,16 @@
         var {
           firstDayOfWeek
         } = props;
-        var weekdays = t$e("weekdays");
+        var weekdays = t$f("weekdays");
         var renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
         return vue.createVNode("div", {
-          "class": bem$11("weekdays")
+          "class": bem$10("weekdays")
         }, [renderWeekDays2.map((text) => vue.createVNode("span", {
-          "class": bem$11("weekday")
+          "class": bem$10("weekday")
         }, [text]))]);
       };
       return () => vue.createVNode("div", {
-        "class": bem$11("header")
+        "class": bem$10("header")
       }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
     }
   });
@@ -4898,7 +4997,7 @@
     }
   };
   var _Calendar = vue.defineComponent({
-    name: name$15,
+    name: name$14,
     props: calendarProps,
     emits: ["select", "confirm", "unselect", "month-show", "over-range", "update:show", "click-subtitle"],
     setup(props, _ref) {
@@ -5023,7 +5122,7 @@
           months.value.some((month, index2) => {
             if (compareMonth(month, targetDate) === 0) {
               if (bodyRef.value) {
-                monthRefs.value[index2].scrollIntoView(bodyRef.value);
+                monthRefs.value[index2].scrollToDate(bodyRef.value, targetDate);
               }
               return true;
             }
@@ -5032,7 +5131,7 @@
           onScroll();
         });
       };
-      var scrollIntoView = () => {
+      var scrollToCurrentDate = () => {
         if (props.poppable && !props.show) {
           return;
         }
@@ -5049,7 +5148,7 @@
         }
         raf(() => {
           bodyHeight = Math.floor(useRect(bodyRef).height);
-          scrollIntoView();
+          scrollToCurrentDate();
         });
       };
       var reset = function(date) {
@@ -5057,7 +5156,7 @@
           date = getInitialDate();
         }
         currentDate.value = date;
-        scrollIntoView();
+        scrollToCurrentDate();
       };
       var checkRange = (date) => {
         var {
@@ -5067,7 +5166,7 @@
         } = 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;
@@ -5086,11 +5185,7 @@
         if (complete && props.type === "range") {
           var valid = checkRange(date);
           if (!valid) {
-            if (props.showConfirm) {
-              setCurrentDate([date[0], getDayByOffset(date[0], +props.maxRange - 1)]);
-            } else {
-              setCurrentDate(date);
-            }
+            setCurrentDate([date[0], getDayByOffset(date[0], +props.maxRange - 1)]);
             return;
           }
         }
@@ -5152,7 +5247,7 @@
             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]);
           }
@@ -5186,24 +5281,24 @@
             "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 = () => vue.createVNode("div", {
-        "class": [bem$11("footer"), {
+        "class": [bem$10("footer"), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [renderFooterButton()]);
       var renderCalendar = () => vue.createVNode("div", {
-        "class": bem$11()
+        "class": bem$10()
       }, [vue.createVNode(CalendarHeader, {
         "title": props.title,
         "subtitle": subtitle.value,
@@ -5213,7 +5308,7 @@
         "onClick-subtitle": (event) => emit("click-subtitle", event)
       }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
         "ref": bodyRef,
-        "class": bem$11("body"),
+        "class": bem$10("body"),
         "onScroll": onScroll
       }, [months.value.map(renderMonth)]), renderFooter()]);
       vue.watch(() => props.show, init);
@@ -5223,7 +5318,7 @@
           value = null;
         }
         currentDate.value = value;
-        scrollIntoView();
+        scrollToCurrentDate();
       });
       useExpose({
         reset,
@@ -5234,7 +5329,7 @@
         if (props.poppable) {
           return vue.createVNode(Popup, {
             "show": props.show,
-            "class": bem$11("popup"),
+            "class": bem$10("popup"),
             "round": props.round,
             "position": props.position,
             "closeable": props.showTitle || props.showSubtitle,
@@ -5251,7 +5346,7 @@
     }
   });
   var Calendar = withInstall(_Calendar);
-  var [name$11, bem$10] = createNamespace("image");
+  var [name$10, bem$$] = createNamespace("image");
   var imageProps = {
     src: String,
     alt: String,
@@ -5269,7 +5364,7 @@
     loadingIcon: makeStringProp("photo")
   };
   var _Image = vue.defineComponent({
-    name: name$11,
+    name: name$10,
     props: imageProps,
     emits: ["load", "error"],
     setup(props, _ref) {
@@ -5284,13 +5379,10 @@
         $Lazyload
       } = vue.getCurrentInstance().proxy;
       var style = vue.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);
@@ -5324,13 +5416,13 @@
       var renderPlaceholder = () => {
         if (loading.value && props.showLoading) {
           return vue.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 vue.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 = () => {
@@ -5339,7 +5431,7 @@
         }
         var attrs = {
           alt: props.alt,
-          class: bem$10("img"),
+          class: bem$$("img"),
           style: {
             objectFit: props.fit
           }
@@ -5380,7 +5472,7 @@
         });
       }
       return () => vue.createVNode("div", {
-        "class": bem$10({
+        "class": bem$$({
           round: props.round
         }),
         "style": style.value
@@ -5388,7 +5480,7 @@
     }
   });
   var Image$1 = withInstall(_Image);
-  var [name$10, bem$$] = createNamespace("card");
+  var [name$$, bem$_] = createNamespace("card");
   var cardProps = {
     tag: String,
     num: numericProp,
@@ -5403,7 +5495,7 @@
     originPrice: numericProp
   };
   var _Card = vue.defineComponent({
-    name: name$10,
+    name: name$$,
     props: cardProps,
     emits: ["click-thumb"],
     setup(props, _ref) {
@@ -5417,14 +5509,14 @@
         }
         if (props.title) {
           return vue.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 vue.createVNode("div", {
-            "class": bem$$("tag")
+            "class": bem$_("tag")
           }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
             "mark": true,
             "type": "danger"
@@ -5449,7 +5541,7 @@
         if (slots.thumb || props.thumb) {
           return vue.createVNode("a", {
             "href": props.thumbLink,
-            "class": bem$$("thumb"),
+            "class": bem$_("thumb"),
             "onClick": (event) => emit("click-thumb", event)
           }, [renderThumbImage(), renderThumbTag()]);
         }
@@ -5460,18 +5552,18 @@
         }
         if (props.desc) {
           return vue.createVNode("div", {
-            "class": [bem$$("desc"), "van-ellipsis"]
+            "class": [bem$_("desc"), "van-ellipsis"]
           }, [props.desc]);
         }
       };
       var renderPriceText = () => {
         var priceArr = props.price.toString().split(".");
         return vue.createVNode("div", null, [vue.createVNode("span", {
-          "class": bem$$("price-currency")
+          "class": bem$_("price-currency")
         }, [props.currency]), vue.createVNode("span", {
-          "class": bem$$("price-integer")
+          "class": bem$_("price-integer")
         }, [priceArr[0]]), vue.createTextVNode("."), vue.createVNode("span", {
-          "class": bem$$("price-decimal")
+          "class": bem$_("price-decimal")
         }, [priceArr[1]])]);
       };
       return () => {
@@ -5481,26 +5573,26 @@
         var showOriginPrice = slots["origin-price"] || isDef(props.originPrice);
         var showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
         var Price = showPrice && vue.createVNode("div", {
-          "class": bem$$("price")
+          "class": bem$_("price")
         }, [slots.price ? slots.price() : renderPriceText()]);
         var OriginPrice = showOriginPrice && vue.createVNode("div", {
-          "class": bem$$("origin-price")
+          "class": bem$_("origin-price")
         }, [slots["origin-price"] ? slots["origin-price"]() : props.currency + " " + props.originPrice]);
         var Num = showNum && vue.createVNode("div", {
-          "class": bem$$("num")
+          "class": bem$_("num")
         }, [slots.num ? slots.num() : "x" + props.num]);
         var Footer = slots.footer && vue.createVNode("div", {
-          "class": bem$$("footer")
+          "class": bem$_("footer")
         }, [slots.footer()]);
         var Bottom = showBottom && vue.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 vue.createVNode("div", {
-          "class": bem$$()
+          "class": bem$_()
         }, [vue.createVNode("div", {
-          "class": bem$$("header")
+          "class": bem$_("header")
         }, [renderThumb(), vue.createVNode("div", {
-          "class": bem$$("content", {
+          "class": bem$_("content", {
             centered: props.centered
           })
         }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), slots.tags == null ? void 0 : slots.tags()]), Bottom])]), Footer]);
@@ -5521,17 +5613,17 @@
     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);
@@ -5562,7 +5654,7 @@
     vue.onBeforeUnmount(unobserve);
     onMountedOrActivated(observe);
   }
-  var [name$$, bem$_] = createNamespace("sticky");
+  var [name$_, bem$Z] = createNamespace("sticky");
   var stickyProps = {
     zIndex: numericProp,
     position: makeStringProp("top"),
@@ -5571,7 +5663,7 @@
     offsetBottom: makeNumericProp(0)
   };
   var _Sticky = vue.defineComponent({
-    name: name$$,
+    name: name$_,
     props: stickyProps,
     emits: ["scroll", "change"],
     setup(props, _ref) {
@@ -5664,7 +5756,7 @@
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$_({
+        "class": bem$Z({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -5672,10 +5764,11 @@
     }
   });
   var Sticky = withInstall(_Sticky);
-  var [name$_, bem$Z] = createNamespace("tab");
+  var [name$Z, bem$Y] = createNamespace("tab");
   var TabsTitle = vue.defineComponent({
-    name: name$_,
+    name: name$Z,
     props: {
+      id: String,
       dot: Boolean,
       type: String,
       color: String,
@@ -5683,6 +5776,7 @@
       badge: numericProp,
       isActive: Boolean,
       disabled: Boolean,
+      controls: String,
       scrollable: Boolean,
       activeColor: String,
       renderTitle: Function,
@@ -5719,7 +5813,7 @@
       });
       var renderText = () => {
         var Text = vue.createVNode("span", {
-          "class": bem$Z("text", {
+          "class": bem$Y("text", {
             ellipsis: !props.scrollable
           })
         }, [props.renderTitle ? props.renderTitle() : props.title]);
@@ -5735,17 +5829,21 @@
         return Text;
       };
       return () => vue.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,
@@ -5760,9 +5858,9 @@
     showIndicators: truthProp,
     stopPropagation: truthProp
   };
-  var SWIPE_KEY = Symbol(name$Z);
+  var SWIPE_KEY = Symbol(name$Y);
   var _Swipe = vue.defineComponent({
-    name: name$Z,
+    name: name$Y,
     props: swipeProps,
     emits: ["change"],
     setup(props, _ref) {
@@ -5780,7 +5878,6 @@
         swiping: false
       });
       var touch = useTouch();
-      var windowSize = useWindowSize();
       var {
         children,
         linkChildren
@@ -5957,8 +6054,11 @@
       var onTouchMove = (event) => {
         if (props.touchable && state.swiping) {
           touch.move(event);
-          if (isCorrectDirection.value) {
+          var shouldPrevent = isCorrectDirection.value || touch.offsetY.value > touch.offsetX.value === props.vertical;
+          if (shouldPrevent) {
             preventDefault(event, props.stopPropagation);
+          }
+          if (isCorrectDirection.value) {
             move({
               offset: delta.value
             });
@@ -6025,7 +6125,7 @@
         } : void 0;
         return vue.createVNode("i", {
           "style": style,
-          "class": bem$Y("indicator", {
+          "class": bem$X("indicator", {
             active
           })
         }, null);
@@ -6038,7 +6138,7 @@
         }
         if (props.showIndicators && count.value > 1) {
           return vue.createVNode("div", {
-            "class": bem$Y("indicators", {
+            "class": bem$X("indicators", {
               vertical: props.vertical
             })
           }, [Array(count.value).fill("").map(renderDot)]);
@@ -6060,7 +6160,7 @@
       vue.watch(() => props.initialSwipe, (value) => initialize(+value));
       vue.watch(count, () => initialize(state.active));
       vue.watch(() => props.autoplay, autoplay);
-      vue.watch([windowSize.width, windowSize.height], resize);
+      vue.watch([windowWidth, windowHeight], resize);
       vue.watch(usePageVisibility(), (visible) => {
         if (visible === "visible") {
           autoplay();
@@ -6075,10 +6175,10 @@
       vue.onBeforeUnmount(stopAutoplay);
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$Y()
+        "class": bem$X()
       }, [vue.createVNode("div", {
         "style": trackStyle.value,
-        "class": bem$Y("track", {
+        "class": bem$X("track", {
           vertical: props.vertical
         }),
         "onTouchstart": onTouchStart,
@@ -6089,9 +6189,9 @@
     }
   });
   var Swipe = withInstall(_Swipe);
-  var [name$Y, bem$X] = createNamespace("tabs");
+  var [name$X, bem$W] = createNamespace("tabs");
   var TabsContent = vue.defineComponent({
-    name: name$Y,
+    name: name$X,
     props: {
       count: makeRequiredProp(Number),
       inited: Boolean,
@@ -6115,7 +6215,7 @@
           return vue.createVNode(Swipe, {
             "ref": swipeRef,
             "loop": false,
-            "class": bem$X("track"),
+            "class": bem$W("track"),
             "duration": +props.duration * 1e3,
             "touchable": props.swipeable,
             "lazyRender": props.lazyRender,
@@ -6140,13 +6240,13 @@
         swipeToCurrentTab(props.currentIndex);
       });
       return () => vue.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,
@@ -6168,9 +6268,9 @@
     titleActiveColor: String,
     titleInactiveColor: String
   };
-  var TABS_KEY = Symbol(name$X);
+  var TABS_KEY = Symbol(name$W);
   var _Tabs = vue.defineComponent({
-    name: name$X,
+    name: name$W,
     props: tabsProps,
     emits: ["click", "change", "scroll", "disabled", "rendered", "click-tab", "update:active"],
     setup(props, _ref) {
@@ -6184,7 +6284,7 @@
       var root = vue.ref();
       var navRef = vue.ref();
       var wrapRef = vue.ref();
-      var windowSize = useWindowSize();
+      var id = useId();
       var scroller = useScrollParent(root);
       var [titleRefs, setTitleRefs] = useRefs();
       var {
@@ -6357,12 +6457,14 @@
         }
       };
       var renderNav = () => children.map((item, index2) => vue.createVNode(TabsTitle, vue.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,
@@ -6377,7 +6479,7 @@
         } = props;
         return vue.createVNode("div", {
           "ref": wrapRef,
-          "class": [bem$W("wrap", {
+          "class": [bem$V("wrap", {
             scrollable: scrollable.value
           }), {
             [BORDER_TOP_BOTTOM]: type === "line" && border
@@ -6385,16 +6487,17 @@
         }, [vue.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" && vue.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)])]);
       };
-      vue.watch([() => props.color, windowSize.width], setLine);
+      vue.watch([() => props.color, windowWidth], setLine);
       vue.watch(() => props.active, (value) => {
         if (value !== currentName.value) {
           setCurrentIndexByName(value);
@@ -6438,6 +6541,7 @@
         target: scroller
       });
       linkChildren({
+        id,
         props,
         setLine,
         onRendered,
@@ -6448,7 +6552,7 @@
         var _slots$navBottom, _slots$navBottom2;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$W([props.type])
+          "class": bem$V([props.type])
         }, [props.sticky ? vue.createVNode(Sticky, {
           "container": root.value,
           "offsetTop": offsetTopPx.value,
@@ -6472,9 +6576,9 @@
   });
   var TAB_STATUS_KEY = Symbol();
   var useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-  var [name$W, bem$V] = createNamespace("swipe-item");
+  var [name$V, bem$U] = createNamespace("swipe-item");
   var _SwipeItem = vue.defineComponent({
-    name: name$W,
+    name: name$V,
     setup(props, _ref) {
       var {
         slots
@@ -6535,13 +6639,13 @@
         setOffset
       });
       return () => vue.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,
@@ -6553,12 +6657,13 @@
     showZeroBadge: truthProp
   });
   var _Tab = vue.defineComponent({
-    name: name$V,
+    name: name$U,
     props: tabProps,
     setup(props, _ref) {
       var {
         slots
       } = _ref;
+      var id = useId();
       var inited = vue.ref(false);
       var {
         parent,
@@ -6592,6 +6697,7 @@
       });
       vue.provide(TAB_STATUS_KEY, active);
       return () => {
+        var label = parent.id + "-" + index2.value;
         var {
           animated,
           swipeable,
@@ -6604,29 +6710,38 @@
         var show = scrollspy || active.value;
         if (animated || swipeable) {
           return vue.createVNode(SwipeItem, {
+            "id": id,
             "role": "tabpanel",
-            "aria-hidden": !active.value,
-            "class": bem$U("pane-wrapper", {
+            "class": bem$T("panel-wrapper", {
               inactive: !active.value
-            })
+            }),
+            "tabindex": active.value ? 0 : -1,
+            "aria-hidden": !active.value,
+            "aria-labelledby": label
           }, {
             default: () => [vue.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 vue.withDirectives(vue.createVNode("div", {
+          "id": id,
           "role": "tabpanel",
-          "class": bem$U("pane")
+          "class": bem$T("panel"),
+          "tabindex": show ? 0 : -1,
+          "aria-labelledby": label
         }, [Content]), [[vue.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(),
@@ -6639,7 +6754,7 @@
     activeColor: String
   };
   var _Cascader = vue.defineComponent({
-    name: name$U,
+    name: name$T,
     props: cascaderProps,
     emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
     setup(props, _ref) {
@@ -6751,37 +6866,45 @@
         return emit("click-tab", name2, title);
       };
       var renderHeader = () => vue.createVNode("div", {
-        "class": bem$T("header")
+        "class": bem$S("header")
       }, [vue.createVNode("h2", {
-        "class": bem$T("title")
+        "class": bem$S("title")
       }, [slots.title ? slots.title() : props.title]), props.closeable ? vue.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
         }) : vue.createVNode("span", null, [option[textKey]]);
         return vue.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 ? vue.createVNode(Icon, {
           "name": "success",
-          "class": bem$T("selected-icon")
+          "class": bem$S("selected-icon")
         }, null) : null]);
       };
       var renderOptions = (options, selectedOption, tabIndex) => vue.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;
@@ -6789,11 +6912,11 @@
           options,
           selected
         } = tab;
-        var placeholder = props.placeholder || t$d("select");
+        var placeholder = props.placeholder || t$e("select");
         var title = selected ? selected[textKey] : placeholder;
         return vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$T("tab", {
+          "titleClass": bem$S("tab", {
             unselected: !selected
           })
         }, {
@@ -6808,7 +6931,7 @@
         "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,
@@ -6833,19 +6956,19 @@
         updateTabs();
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$T,
+    name: name$S,
     inheritAttrs: false,
     props: cellGroupProps,
     setup(props, _ref) {
@@ -6854,14 +6977,14 @@
         attrs
       } = _ref;
       var renderGroup = () => vue.createVNode("div", vue.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 = () => vue.createVNode("div", {
-        "class": bem$S("title", {
+        "class": bem$R("title", {
           inset: props.inset
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -6874,7 +6997,7 @@
     }
   });
   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,
@@ -6883,9 +7006,9 @@
     modelValue: makeArrayProp(),
     checkedColor: String
   };
-  var CHECKBOX_GROUP_KEY = Symbol(name$S);
+  var CHECKBOX_GROUP_KEY = Symbol(name$R);
   var _CheckboxGroup = vue.defineComponent({
-    name: name$S,
+    name: name$R,
     props: checkboxGroupProps,
     emits: ["change", "update:modelValue"],
     setup(props, _ref) {
@@ -6933,16 +7056,16 @@
         updateValue
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$R,
+    name: name$Q,
     props: checkboxProps,
     emits: ["change", "update:modelValue"],
     setup(props, _ref) {
@@ -7004,7 +7127,7 @@
       });
       useCustomFieldValue(() => props.modelValue);
       return () => vue.createVNode(Checker, vue.mergeProps({
-        "bem": bem$Q,
+        "bem": bem$P,
         "role": "checkbox",
         "parent": parent,
         "checked": checked.value,
@@ -7014,7 +7137,7 @@
   });
   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) {
@@ -7036,7 +7159,7 @@
     startPosition: makeStringProp("top")
   };
   var _Circle = vue.defineComponent({
-    name: name$Q,
+    name: name$P,
     props: circleProps,
     emits: ["update:currentRate"],
     setup(props, _ref) {
@@ -7095,7 +7218,7 @@
           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",
@@ -7105,7 +7228,7 @@
         return vue.createVNode("path", {
           "d": path.value,
           "style": style,
-          "class": bem$P("hover"),
+          "class": bem$O("hover"),
           "stroke": color
         }, null);
       };
@@ -7116,7 +7239,7 @@
           strokeWidth: props.strokeWidth + "px"
         };
         return vue.createVNode("path", {
-          "class": bem$P("layer"),
+          "class": bem$O("layer"),
           "style": style,
           "d": path.value
         }, null);
@@ -7125,7 +7248,7 @@
         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) => vue.createVNode("stop", {
@@ -7147,12 +7270,12 @@
         }
         if (props.text) {
           return vue.createVNode("div", {
-            "class": bem$P("text")
+            "class": bem$O("text")
           }, [props.text]);
         }
       };
       return () => vue.createVNode("div", {
-        "class": bem$P(),
+        "class": bem$O(),
         "style": getSizeStyle(props.size)
       }, [vue.createVNode("svg", {
         "viewBox": "0 0 " + viewBoxSize.value + " " + viewBoxSize.value,
@@ -7161,8 +7284,8 @@
     }
   });
   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,
@@ -7171,7 +7294,7 @@
     justify: String
   };
   var _Row = vue.defineComponent({
-    name: name$P,
+    name: name$O,
     props: rowProps,
     setup(props, _ref) {
       var {
@@ -7231,7 +7354,7 @@
           justify
         } = props;
         return vue.createVNode(tag, {
-          "class": bem$O({
+          "class": bem$N({
             ["align-" + align]: align,
             ["justify-" + justify]: justify,
             nowrap: !wrap
@@ -7242,14 +7365,14 @@
       };
     }
   });
-  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 = vue.defineComponent({
-    name: name$O,
+    name: name$N,
     props: colProps,
     setup(props, _ref) {
       var {
@@ -7285,7 +7408,7 @@
         } = props;
         return vue.createVNode(tag, {
           "style": style.value,
-          "class": bem$N({
+          "class": bem$M({
             [span]: span,
             ["offset-" + offset2]: offset2
           })
@@ -7296,8 +7419,8 @@
     }
   });
   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,
@@ -7307,7 +7430,7 @@
     }
   };
   var _Collapse = vue.defineComponent({
-    name: name$N,
+    name: name$M,
     props: collapseProps,
     emits: ["change", "update:modelValue"],
     setup(props, _ref) {
@@ -7347,14 +7470,14 @@
         isExpanded
       });
       return () => vue.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,
@@ -7363,7 +7486,7 @@
     readonly: Boolean
   });
   var _CollapseItem = vue.defineComponent({
-    name: name$M,
+    name: name$L,
     props: collapseItemProps,
     setup(props, _ref) {
       var {
@@ -7446,7 +7569,7 @@
         }
         return vue.createVNode(Cell, vue.mergeProps({
           "role": "button",
-          "class": bem$L("title", {
+          "class": bem$K("title", {
             disabled,
             expanded: expanded.value,
             borderless: !border
@@ -7457,17 +7580,17 @@
       };
       var renderContent = lazyRender(() => vue.withDirectives(vue.createVNode("div", {
         "ref": wrapperRef,
-        "class": bem$L("wrapper"),
+        "class": bem$K("wrapper"),
         "onTransitionend": onTransitionEnd
       }, [vue.createVNode("div", {
         "ref": contentRef,
-        "class": bem$L("content")
+        "class": bem$K("content")
       }, [slots.default == null ? void 0 : slots.default()])]), [[vue.vShow, show.value]]));
       useExpose({
         toggle
       });
       return () => vue.createVNode("div", {
-        "class": [bem$L({
+        "class": [bem$K({
           border: index2.value && props.border
         })]
       }, [renderTitle(), renderContent()]);
@@ -7475,7 +7598,7 @@
   });
   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,
@@ -7484,7 +7607,7 @@
     editable: truthProp
   };
   var _ContactCard = vue.defineComponent({
-    name: name$L,
+    name: name$K,
     props: contactCardProps,
     emits: ["click"],
     setup(props, _ref) {
@@ -7498,17 +7621,17 @@
       };
       var renderContent = () => {
         if (props.type === "add") {
-          return props.addText || t$c("addText");
+          return props.addText || t$d("addText");
         }
-        return [vue.createVNode("div", null, [t$c("name") + "\uFF1A" + props.name]), vue.createVNode("div", null, [t$c("tel") + "\uFF1A" + props.tel])];
+        return [vue.createVNode("div", null, [t$d("name") + "\uFF1A" + props.name]), vue.createVNode("div", null, [t$d("tel") + "\uFF1A" + props.tel])];
       };
       return () => vue.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
@@ -7516,147 +7639,7 @@
     }
   });
   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 = vue.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 () => vue.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: ""
@@ -7697,14 +7680,14 @@
         "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 && vue.createVNode(Button, {
         "block": true,
         "round": true,
-        "text": t$b("delete"),
+        "text": t$c("delete"),
         "class": bem$I("button"),
         "loading": props.isDeleting,
         "onClick": onDelete
@@ -7737,30 +7720,30 @@
           "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), vue.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,
@@ -7833,7 +7816,7 @@
         "block": true,
         "type": "danger",
         "class": bem$H("add"),
-        "text": props.addText || t$a("addText"),
+        "text": props.addText || t$b("addText"),
         "onClick": () => emit("add")
       }, null)])]);
     }
@@ -7901,14 +7884,14 @@
         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 = vue.computed(() => parseFormat(props.format, current.value));
+      var timeText = vue.computed(() => parseFormat(props.format, current2.value));
       var resetTime = () => {
         reset(+props.time);
         if (props.autoStart) {
@@ -7924,8 +7907,9 @@
         reset: resetTime
       });
       return () => vue.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);
@@ -7935,7 +7919,7 @@
   }
   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 = vue.defineComponent({
     name: name$G,
     props: {
@@ -7965,13 +7949,13 @@
           return [vue.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 = vue.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 {
@@ -8008,7 +7992,7 @@
     }
   });
   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,
@@ -8035,7 +8019,7 @@
       }
       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 = vue.defineComponent({
     name: name$F,
@@ -8046,7 +8030,7 @@
         return vue.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", {
@@ -8057,7 +8041,7 @@
     }
   });
   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(""),
@@ -8089,46 +8073,53 @@
         slots
       } = _ref;
       var [couponRefs, setCouponRefs] = useRefs();
-      var state = vue.reactive({
-        tab: 0,
-        code: props.code
-      });
-      var buttonDisabled = vue.computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !state.code || state.code.length < props.exchangeMinLength));
+      var root = vue.ref();
+      var barRef = vue.ref();
+      var activeTab = vue.ref(0);
+      var listHeight = vue.ref(0);
+      var currentCode = vue.ref(props.code);
+      var buttonDisabled = vue.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) => {
         vue.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 = () => vue.createVNode("div", {
         "class": bem$D("empty")
       }, [vue.createVNode("img", {
         "src": props.emptyImage
-      }, null), vue.createVNode("p", null, [t$7("noCoupon")])]);
+      }, null), vue.createVNode("p", null, [t$8("noCoupon")])]);
       var renderExchangeBar = () => {
         if (props.showExchangeBar) {
           return vue.createVNode("div", {
+            "ref": barRef,
             "class": bem$D("exchange-bar")
           }, [vue.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), vue.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
@@ -8141,15 +8132,17 @@
           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 vue.createVNode(Tab, {
           "title": title
         }, {
           default: () => [vue.createVNode("div", {
             "class": bem$D("list", {
-              "with-bar": props.showExchangeBar,
               "with-bottom": props.showCloseButton
-            })
+            }),
+            "style": {
+              height: listHeight.value + "px"
+            }
           }, [coupons.map((coupon, index2) => vue.createVNode(Coupon, {
             "key": coupon.id,
             "ref": setCouponRefs(index2),
@@ -8166,15 +8159,17 @@
           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 vue.createVNode(Tab, {
           "title": title
         }, {
           default: () => [vue.createVNode("div", {
             "class": bem$D("list", {
-              "with-bar": props.showExchangeBar,
               "with-bottom": props.showCloseButton
-            })
+            }),
+            "style": {
+              height: listHeight.value + "px"
+            }
           }, [disabledCoupons.map((coupon) => vue.createVNode(Coupon, {
             "disabled": true,
             "key": coupon.id,
@@ -8184,20 +8179,22 @@
         });
       };
       vue.watch(() => props.code, (value) => {
-        state.code = value;
+        currentCode.value = value;
       });
-      vue.watch(() => state.code, (value) => emit("update:code", value));
+      vue.watch(windowHeight, updateListHeight);
+      vue.watch(currentCode, (value) => emit("update:code", value));
       vue.watch(() => props.displayedCouponIndex, scrollToCoupon);
       vue.onMounted(() => {
+        updateListHeight();
         scrollToCoupon(props.displayedCouponIndex);
       });
       return () => vue.createVNode("div", {
+        "ref": root,
         "class": bem$D()
       }, [renderExchangeBar(), vue.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()]
       }), vue.createVNode("div", {
@@ -8207,7 +8204,7 @@
         "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), [[vue.vShow, props.showCloseButton]])])]);
     }
@@ -8599,7 +8596,7 @@
     }
   });
   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,
@@ -8717,7 +8714,7 @@
         "class": [BORDER_TOP, bem$B("footer")]
       }, [props.showCancelButton && vue.createVNode(Button, {
         "size": "large",
-        "text": props.cancelButtonText || t$6("cancel"),
+        "text": props.cancelButtonText || t$7("cancel"),
         "class": bem$B("cancel"),
         "style": {
           color: props.cancelButtonColor
@@ -8726,7 +8723,7 @@
         "onClick": onCancel
       }, null), props.showConfirmButton && vue.createVNode(Button, {
         "size": "large",
-        "text": props.confirmButtonText || t$6("confirm"),
+        "text": props.confirmButtonText || t$7("confirm"),
         "class": [bem$B("confirm"), {
           [BORDER_LEFT]: props.showCancelButton
         }],
@@ -8741,14 +8738,14 @@
       }, {
         default: () => [props.showCancelButton && vue.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 && vue.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,
@@ -8903,6 +8900,7 @@
       var {
         slots
       } = _ref;
+      var id = useId();
       var root = vue.ref();
       var barRef = vue.ref();
       var offset2 = vue.ref(0);
@@ -8932,7 +8930,7 @@
           if (props.direction === "down") {
             offset2.value = rect.bottom;
           } else {
-            offset2.value = window.innerHeight - rect.top;
+            offset2.value = windowHeight.value - rect.top;
           }
         }
       };
@@ -8962,8 +8960,9 @@
           titleClass
         } = item;
         return vue.createVNode("div", {
+          "id": id + "-" + index2,
           "role": "button",
-          "tabindex": disabled ? -1 : 0,
+          "tabindex": disabled ? void 0 : 0,
           "class": [bem$z("item", {
             disabled
           }), {
@@ -8987,6 +8986,7 @@
         }, [item.renderTitle()])])]);
       };
       linkChildren({
+        id,
         props,
         offset: offset2
       });
@@ -9031,7 +9031,8 @@
         showWrapper: false
       });
       var {
-        parent
+        parent,
+        index: index2
       } = useParent(DROPDOWN_KEY);
       if (!parent) {
         return;
@@ -9097,7 +9098,7 @@
           }
         };
         return vue.createVNode(Cell, {
-          "clickable": true,
+          "role": "menuitem",
           "key": option.value,
           "icon": option.icon,
           "title": option.text,
@@ -9107,6 +9108,8 @@
           "style": {
             color: active ? activeColor : ""
           },
+          "tabindex": active ? 0 : -1,
+          "clickable": true,
           "onClick": onClick
         }, {
           value: renderIcon
@@ -9136,6 +9139,7 @@
         }, [vue.createVNode(Popup, {
           "show": state.showPopup,
           "onUpdate:show": ($event) => state.showPopup = $event,
+          "role": "menu",
           "class": bem$y("content"),
           "overlay": overlay,
           "position": direction === "down" ? "top" : "bottom",
@@ -9144,6 +9148,7 @@
           "overlayStyle": {
             position: "absolute"
           },
+          "aria-labelledby": parent.id + "-" + index2.value,
           "closeOnClickOverlay": closeOnClickOverlay,
           "onOpen": onOpen,
           "onClose": onClose,
@@ -9182,71 +9187,59 @@
     "viewBox": "0 0 160 160"
   }, [vue.createVNode("defs", null, [vue.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)]), vue.createVNode("linearGradient", {
     "id": prefix + "2",
     "x1": "50%",
     "x2": "50%",
-    "y2": "84.459%"
+    "y2": "84%"
   }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
     "id": prefix + "3",
     "x1": "100%",
     "x2": "100%",
     "y2": "100%"
-  }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.createVNode("linearGradient", {
-    "id": prefix + "4",
-    "x1": "100%",
-    "y1": "100%",
-    "x2": "100%"
   }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.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)])]), vue.createVNode("g", {
     "fill": "none"
   }, [vue.createVNode("g", {
     "opacity": ".8"
   }, [vue.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), vue.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)]), vue.createVNode("path", {
-    "fill": "url(#" + prefix + "5)",
+    "fill": "url(#" + prefix + "4)",
     "d": "M0 139h160v21H0z"
   }, null), vue.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), vue.createVNode("g", {
     "opacity": ".6",
     "stroke-linecap": "round",
     "stroke-width": "7"
   }, [vue.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), vue.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), vue.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), vue.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)]), vue.createVNode("g", {
     "transform": "translate(31 105)"
   }, [vue.createVNode("rect", {
@@ -9260,14 +9253,14 @@
     "y": "8",
     "width": "80",
     "height": "18",
-    "rx": "1.114"
+    "rx": "1.1"
   }, null), vue.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"];
@@ -9755,7 +9748,6 @@
         slots
       } = _ref;
       var swipeRef = vue.ref();
-      var windowSize = useWindowSize();
       var state = vue.reactive({
         active: 0,
         rootWidth: 0,
@@ -9841,7 +9833,7 @@
         swipeTo
       });
       vue.onMounted(resize);
-      vue.watch([windowSize.width, windowSize.height], resize);
+      vue.watch([windowWidth, windowHeight], resize);
       vue.watch(() => props.startPosition, (value) => setActive(+value));
       vue.watch(() => props.show, (value) => {
         var {
@@ -10321,8 +10313,7 @@
   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) {
@@ -10335,11 +10326,6 @@
     });
     image.onerror = (e) => reject(e);
   };
-  function isObject(obj) {
-    return obj !== null && typeof obj === "object";
-  }
-  function noop() {
-  }
   class ImageCache {
     constructor(_ref) {
       var {
@@ -10348,21 +10334,21 @@
       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 {
@@ -10389,10 +10375,9 @@
       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
@@ -10433,12 +10418,9 @@
         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) => {
@@ -10469,7 +10451,7 @@
       }
       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;
@@ -10491,7 +10473,7 @@
           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);
@@ -10554,9 +10536,9 @@
           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,
@@ -10568,18 +10550,17 @@
           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) {
@@ -10589,30 +10570,30 @@
         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 vue.nextTick(this.lazyLoadHandler);
         }
-        var value = this._valueFormatter(binding.value);
+        var value = this.valueFormatter(binding.value);
         var {
           src
         } = value;
         vue.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) {
@@ -10630,26 +10611,26 @@
             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();
           vue.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 {
@@ -10659,9 +10640,9 @@
             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();
         vue.nextTick(() => this.lazyLoadHandler());
@@ -10669,24 +10650,24 @@
       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) {
@@ -10694,56 +10675,56 @@
         }
         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: {
@@ -10782,9 +10763,9 @@
           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);
           }
@@ -10794,35 +10775,35 @@
           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 {
@@ -10858,7 +10839,7 @@
           el.dispatchEvent(event);
         }
       }
-      _valueFormatter(value) {
+      valueFormatter(value) {
         var src = value;
         var {
           loading,
@@ -10896,7 +10877,6 @@
         state: {
           loaded: false
         },
-        rect: {},
         show: false
       };
     },
@@ -10909,12 +10889,9 @@
       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;
@@ -10942,7 +10919,7 @@
       this.binding = binding;
       this.options = {};
       this.lazy = lazy;
-      this._queue = [];
+      this.queue = [];
       this.update({
         el,
         binding
@@ -10983,7 +10960,7 @@
         lazy
       } = _ref3;
       this.lazy = lazy;
-      this._queue = [];
+      this.queue = [];
     }
     bind(el, binding, vnode) {
       var container = new LazyContainer({
@@ -10992,10 +10969,10 @@
         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({
@@ -11005,11 +10982,11 @@
       });
     }
     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) => ({
@@ -11041,7 +11018,6 @@
           error: false,
           attempt: 0
         },
-        rect: {},
         renderSrc: ""
       };
     },
@@ -11070,19 +11046,16 @@
           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) {
@@ -11140,7 +11113,7 @@
       });
     }
   };
-  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),
@@ -11212,7 +11185,9 @@
           var text = slots.error ? slots.error() : props.errorText;
           if (text) {
             return vue.createVNode("div", {
+              "role": "button",
               "class": bem$q("error-text"),
+              "tabindex": 0,
               "onClick": clickErrorText
             }, [text]);
           }
@@ -11225,11 +11200,11 @@
           }, [slots.loading ? slots.loading() : vue.createVNode(Loading, {
             "class": bem$q("loading-icon")
           }, {
-            default: () => [props.loadingText || t$5("loading")]
+            default: () => [props.loadingText || t$6("loading")]
           })]);
         }
       };
-      vue.watch([() => props.loading, () => props.finished, () => props.error], check);
+      vue.watch(() => [props.loading, props.finished, props.error], check);
       if (tabStatus) {
         vue.watch(tabStatus, (tabActive) => {
           if (tabActive) {
@@ -11555,7 +11530,7 @@
   });
   var timer;
   var instance;
-  var parseOptions = (message) => isObject$1(message) ? message : {
+  var parseOptions = (message) => isObject(message) ? message : {
     message
   };
   function initInstance() {
@@ -11622,14 +11597,14 @@
     "class": bem$m("collapse-icon"),
     "viewBox": "0 0 30 24"
   }, [vue.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 = vue.createVNode("svg", {
     "class": bem$m("delete-icon"),
     "viewBox": "0 0 32 22"
   }, [vue.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 = vue.defineComponent({
@@ -11663,7 +11638,7 @@
       var onTouchEnd = (event) => {
         if (active.value) {
           if (!slots.default) {
-            event.preventDefault();
+            preventDefault(event);
           }
           active.value = false;
           emit("press", props.text, props.type);
@@ -11918,7 +11893,7 @@
     }
   });
   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,
@@ -11961,9 +11936,6 @@
           modelValue,
           forceEllipses
         } = props;
-        if (props.mode !== "multi") {
-          return items;
-        }
         var startPage = 1;
         var endPage = pageCount;
         var isMaxSized = showPageSize < pageCount;
@@ -11991,52 +11963,73 @@
         }
         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);
           }
         }
       };
-      vue.watch(() => props.modelValue, (value) => {
-        select(value);
-      }, {
-        immediate: true
-      });
-      var renderDesc = () => {
-        if (props.mode !== "multi") {
-          return vue.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 vue.createVNode("ul", {
-          "class": bem$k({
-            simple
-          })
-        }, [vue.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) => vue.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(), vue.createVNode("li", {
+      vue.watchEffect(() => updateModelValue(props.modelValue));
+      var renderDesc = () => vue.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 vue.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]
+        }, [vue.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 vue.createVNode("li", {
+          "class": [bem$k("item", {
+            disabled,
+            border: mode === "simple",
+            next: true
+          }), BORDER_SURROUND]
+        }, [vue.createVNode("button", {
+          "type": "button",
+          "disabled": disabled,
+          "onClick": () => updateModelValue(modelValue + 1)
+        }, [slot ? slot() : props.nextText || t$5("next")])]);
+      };
+      var renderPages = () => pages.value.map((page) => vue.createVNode("li", {
+        "class": [bem$k("item", {
+          active: page.active,
+          page: true
+        }), BORDER_SURROUND]
+      }, [vue.createVNode("button", {
+        "type": "button",
+        "aria-current": page.active || void 0,
+        "onClick": () => updateModelValue(page.number)
+      }, [slots.page ? slots.page(page) : page.text])]));
+      return () => vue.createVNode("nav", {
+        "role": "navigation",
+        "class": bem$k()
+      }, [vue.createVNode("ul", {
+        "class": bem$k("items")
+      }, [renderPrevButton(), props.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
     }
   });
   var Pagination = withInstall(_Pagination);
@@ -12391,12 +12384,12 @@
     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) {
@@ -12958,6 +12951,8 @@
           "style": {
             color
           },
+          "tabindex": disabled ? void 0 : 0,
+          "aria-disabled": disabled || void 0,
           "onClick": () => onClickAction(action, index2)
         }, [icon && vue.createVNode(Icon, {
           "name": icon,
@@ -13072,7 +13067,7 @@
     }
   });
   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 = {
@@ -13144,7 +13139,7 @@
         if (status === "normal") {
           return "";
         }
-        return props[status + "Text"] || t$3(status);
+        return props[status + "Text"] || t$4(status);
       };
       var renderStatus = () => {
         var {
@@ -13392,8 +13387,8 @@
           "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
@@ -13427,7 +13422,9 @@
           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)]);
@@ -13435,7 +13432,7 @@
   });
   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"),
@@ -13455,6 +13452,7 @@
         slots,
         attrs
       } = _ref;
+      var id = useId();
       var filedRef = vue.ref();
       var onCancel = () => {
         if (!slots.action) {
@@ -13469,17 +13467,18 @@
           emit("search", props.modelValue);
         }
       };
+      var getInputId = () => props.id || id + "-input";
       var renderLabel = () => {
         if (slots.label || props.label) {
           return vue.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 vue.createVNode("div", {
             "class": bem$e("action"),
             "role": "button",
@@ -13498,7 +13497,9 @@
       };
       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 vue.createVNode(Field, vue.mergeProps({
           "ref": filedRef,
@@ -13534,7 +13535,7 @@
     }
     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,
@@ -13609,7 +13610,7 @@
       };
       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 vue.createVNode("button", {
             "type": "button",
@@ -13657,6 +13658,7 @@
         setActive
       });
       return () => vue.createVNode("div", {
+        "role": "tablist",
         "class": bem$c()
       }, [slots.default == null ? void 0 : slots.default()]);
     }
@@ -13702,11 +13704,14 @@
           disabled
         } = props;
         var selected = index2.value === parent.getActive();
-        return vue.createVNode("a", {
+        return vue.createVNode("div", {
+          "role": "tab",
           "class": bem$b({
             select: selected,
             disabled
           }),
+          "tabindex": disabled ? void 0 : 0,
+          "aria-selected": selected,
           "onClick": onClick
         }, [vue.createVNode(Badge, {
           "dot": dot,
@@ -13825,7 +13830,7 @@
         slots
       } = _ref;
       var buttonIndex;
-      var current;
+      var current2;
       var startValue;
       var root = vue.ref();
       var dragStatus = vue.ref();
@@ -13948,11 +13953,11 @@
           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";
       };
@@ -13975,18 +13980,18 @@
         }
         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 = "";
@@ -14018,14 +14023,16 @@
         }, 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 vue.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") {
@@ -14037,7 +14044,7 @@
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd,
           "onClick": stopPropagation
-        }, [renderButtonContent(current2, index2)]);
+        }, [renderButtonContent(current3, index2)]);
       };
       updateValue(props.modelValue);
       useCustomFieldValue(() => props.modelValue);
@@ -14265,18 +14272,18 @@
       };
       var actionType;
       var inputRef = vue.ref();
-      var current = vue.ref(getInitialValue());
-      var minusDisabled = vue.computed(() => props.disabled || props.disableMinus || current.value <= +props.min);
-      var plusDisabled = vue.computed(() => props.disabled || props.disablePlus || current.value >= +props.max);
+      var current2 = vue.ref(getInitialValue());
+      var minusDisabled = vue.computed(() => props.disabled || props.disableMinus || current2.value <= +props.min);
+      var plusDisabled = vue.computed(() => props.disabled || props.disablePlus || current2.value >= +props.max);
       var inputStyle = vue.computed(() => ({
         width: addUnit(props.inputWidth),
         height: addUnit(props.buttonSize)
       }));
       var buttonStyle = vue.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) => {
@@ -14284,11 +14291,11 @@
           callInterceptor(props.beforeChange, {
             args: [value],
             done() {
-              current.value = value;
+              current2.value = value;
             }
           });
         } else {
-          current.value = value;
+          current2.value = value;
         }
       };
       var onChange = () => {
@@ -14297,7 +14304,7 @@
           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);
       };
@@ -14315,7 +14322,7 @@
           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;
         }
@@ -14334,7 +14341,7 @@
         var input = event.target;
         var value = format2(input.value);
         input.value = String(value);
-        current.value = value;
+        current2.value = value;
         vue.nextTick(() => {
           emit("blur", event);
           resetScroll();
@@ -14369,12 +14376,12 @@
       };
       var onMousedown = (event) => {
         if (props.disableInput) {
-          event.preventDefault();
+          preventDefault(event);
         }
       };
       var createListeners = (type) => ({
         onClick: (event) => {
-          event.preventDefault();
+          preventDefault(event);
           actionType = type;
           onChange();
         },
@@ -14385,13 +14392,13 @@
         onTouchend: onTouchEnd,
         onTouchcancel: onTouchEnd
       });
-      vue.watch([() => props.max, () => props.min, () => props.integer, () => props.decimalLength], check);
+      vue.watch(() => [props.max, props.min, props.integer, props.decimalLength], check);
       vue.watch(() => props.modelValue, (value) => {
-        if (!isEqual(value, current.value)) {
-          current.value = format2(value);
+        if (!isEqual(value, current2.value)) {
+          current2.value = format2(value);
         }
       });
-      vue.watch(current, (value) => {
+      vue.watch(current2, (value) => {
         emit("update:modelValue", value);
         emit("change", value, {
           name: props.name
@@ -14399,6 +14406,7 @@
       });
       useCustomFieldValue(() => props.modelValue);
       return () => vue.createVNode("div", {
+        "role": "group",
         "class": bem$6([props.theme])
       }, [vue.withDirectives(vue.createVNode("button", vue.mergeProps({
         "type": "button",
@@ -14407,21 +14415,22 @@
           disabled: minusDisabled.value
         }), {
           [HAPTICS_FEEDBACK]: !minusDisabled.value
-        }]
+        }],
+        "aria-disabled": minusDisabled.value || void 0
       }, createListeners("minus")), null), [[vue.vShow, props.showMinus]]), vue.withDirectives(vue.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,
@@ -14433,13 +14442,14 @@
           disabled: plusDisabled.value
         }), {
           [HAPTICS_FEEDBACK]: !plusDisabled.value
-        }]
+        }],
+        "aria-disabled": plusDisabled.value || void 0
       }, createListeners("plus")), null), [[vue.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,
@@ -14482,7 +14492,7 @@
             "style": {
               textAlign
             }
-          }, [vue.createVNode("span", null, [label || t("label")]), vue.createVNode("span", {
+          }, [vue.createVNode("span", null, [label || t$1("label")]), vue.createVNode("span", {
             "class": bem$5("price")
           }, [currency, vue.createVNode("span", {
             "class": bem$5("price-integer")
@@ -14729,6 +14739,7 @@
         } = props;
         return vue.createVNode("div", {
           "ref": root,
+          "role": "tablist",
           "style": getZIndexStyle(zIndex),
           "class": [bem$3({
             fixed
@@ -14738,16 +14749,15 @@
           }]
         }, [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,
@@ -14789,6 +14799,7 @@
         return;
       }
       var active = vue.computed(() => {
+        var _props$name;
         var {
           route: route3,
           modelValue
@@ -14800,20 +14811,23 @@
           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 !!$route.matched.find((val) => {
+            var pathMatched = "path" in config && config.path === val.path;
+            var nameMatched = "name" in config && config.name === val.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) {
@@ -14839,12 +14853,15 @@
         } = parent.props;
         var color = active.value ? activeColor : inactiveColor;
         return vue.createVNode("div", {
+          "role": "tab",
           "class": bem$2({
             active: active.value
           }),
           "style": {
             color
           },
+          "tabindex": 0,
+          "aria-selected": active.value,
           "onClick": onClick
         }, [vue.createVNode(Badge, {
           "dot": dot,
@@ -14955,7 +14972,7 @@
     }
   });
   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) => {
@@ -15074,7 +15091,10 @@
       var renderDeleteIcon = () => {
         if (props.deletable && props.item.status !== "uploading") {
           return vue.createVNode("div", {
+            "role": "button",
             "class": bem("preview-delete"),
+            "tabindex": 0,
+            "aria-label": t("delete"),
             "onClick": onDelete
           }, [vue.createVNode(Icon, {
             "name": "cross",
@@ -15362,7 +15382,7 @@
     }
   });
   var Uploader = withInstall(_Uploader);
-  var version = "3.2.8";
+  var version = "3.3.2";
   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) => {