vant 3.2.5 → 3.2.6

package/lib/vant.es.js

@@ -606,7 +606,6 @@ var defaultMessages = {
   loading: "\u52A0\u8F7D\u4E2D...",
   noCoupon: "\u6682\u65E0\u4F18\u60E0\u5238",
   nameEmpty: "\u8BF7\u586B\u5199\u59D3\u540D",
-  confirmDelete: "\u786E\u5B9A\u8981\u5220\u9664\u5417",
   telInvalid: "\u8BF7\u586B\u5199\u6B63\u786E\u7684\u7535\u8BDD",
   vanCalendar: {
     end: "\u7ED3\u675F",
@@ -730,15 +729,13 @@ var BORDER_SURROUND = BORDER + "--surround";
 var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
 var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
 var FORM_KEY = Symbol("van-form");
-function callInterceptor(options) {
-  var {
-    interceptor,
-    args,
-    done,
-    canceled
-  } = options;
+function callInterceptor(interceptor, {
+  args = [],
+  done,
+  canceled
+}) {
   if (interceptor) {
-    var returnVal = interceptor.apply(null, args || []);
+    var returnVal = interceptor.apply(null, args);
     if (isPromise(returnVal)) {
       returnVal.then((value) => {
         if (value) {
@@ -1275,7 +1272,7 @@ var _ActionBarIcon = defineComponent({
           "content": badge,
           "class": bem$1j("icon")
         }, {
-          default: () => [slots.icon()]
+          default: slots.icon
         });
       }
       return createVNode(Icon, {
@@ -1476,7 +1473,7 @@ var _Overlay = defineComponent({
       "name": "van-fade",
       "appear": true
     }, {
-      default: () => [renderOverlay()]
+      default: renderOverlay
     });
   }
 });
@@ -1530,8 +1527,7 @@ var _Popup = defineComponent({
     };
     var close = () => {
       if (opened) {
-        callInterceptor({
-          interceptor: props2.beforeClose,
+        callInterceptor(props2.beforeClose, {
           done() {
             opened = false;
             emit("close");
@@ -1610,7 +1606,7 @@ var _Popup = defineComponent({
         "onAfterEnter": onOpened,
         "onAfterLeave": onClosed
       }, {
-        default: () => [renderPopup()]
+        default: renderPopup
       });
     };
     watch(() => props2.show, (value) => {
@@ -1663,17 +1659,18 @@ var _Popup = defineComponent({
 });
 var Popup = withInstall(_Popup);
 var [name$1k, bem$1g] = createNamespace("action-sheet");
+var popupKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
 var _ActionSheet = defineComponent({
   name: name$1k,
   props: extend({}, popupSharedProps, {
     title: String,
     round: truthProp,
-    actions: Array,
+    actions: makeArrayProp(),
     closeIcon: makeStringProp("cross"),
     closeable: truthProp,
     cancelText: String,
     description: String,
-    closeOnPopstate: Boolean,
+    closeOnPopstate: truthProp,
     closeOnClickAction: Boolean,
     safeAreaInsetBottom: truthProp
   }),
@@ -1758,22 +1755,14 @@ var _ActionSheet = defineComponent({
         }, [content]);
       }
     };
-    var renderOptions = () => {
-      if (props2.actions) {
-        return props2.actions.map(renderOption);
-      }
-    };
     return () => createVNode(Popup, mergeProps({
       "class": bem$1g(),
-      "round": props2.round,
       "position": "bottom",
-      "safeAreaInsetBottom": props2.safeAreaInsetBottom
-    }, pick(props2, popupSharedPropKeys), {
       "onUpdate:show": updateShow
-    }), {
+    }, pick(props2, popupKeys$2)), {
       default: () => [renderHeader(), renderDescription(), createVNode("div", {
         "class": bem$1g("content")
-      }, [renderOptions(), slots.default == null ? void 0 : slots.default()]), renderCancel()]
+      }, [props2.actions.map(renderOption), slots.default == null ? void 0 : slots.default()]), renderCancel()]
     });
   }
 });
@@ -2313,7 +2302,7 @@ var EMPTY_CODE = "000000";
 var INHERIT_SLOTS = ["title", "cancel", "confirm", "toolbar", "columns-top", "columns-bottom"];
 var INHERIT_PROPS = ["title", "loading", "readonly", "itemHeight", "swipeDuration", "visibleItemCount", "cancelButtonText", "confirmButtonText"];
 var isOverseaCode = (code) => code[0] === "9";
-var props$q = extend({}, pickerProps, {
+var props$r = extend({}, pickerProps, {
   value: String,
   columnsNum: makeNumericProp(3),
   columnsPlaceholder: makeArrayProp(),
@@ -2328,7 +2317,7 @@ var props$q = extend({}, pickerProps, {
 });
 var _Area = defineComponent({
   name: name$1h,
-  props: props$q,
+  props: props$r,
   emits: ["change", "confirm", "cancel"],
   setup(props2, {
     emit,
@@ -2765,7 +2754,7 @@ var fieldSharedProps = {
     default: null
   }
 };
-var props$p = extend({}, cellProps, fieldSharedProps, {
+var props$q = extend({}, cellProps, fieldSharedProps, {
   rows: numericProp,
   type: makeStringProp("text"),
   rules: Array,
@@ -2782,7 +2771,7 @@ var props$p = extend({}, cellProps, fieldSharedProps, {
 });
 var _Field = defineComponent({
   name: name$1f,
-  props: props$p,
+  props: props$q,
   emits: ["blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props2, {
     emit,
@@ -3204,6 +3193,7 @@ function lockClick(lock) {
   }
 }
 var [name$1e, bem$1a] = createNamespace("toast");
+var popupProps$2 = ["show", "overlay", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 var VanToast = defineComponent({
   name: name$1e,
   props: {
@@ -3296,21 +3286,14 @@ var VanToast = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, mergeProps({
-      "show": props2.show,
       "class": [bem$1a([props2.position, {
         [props2.type]: !props2.icon
       }]), props2.className],
-      "overlay": props2.overlay,
       "lockScroll": false,
-      "transition": props2.transition,
-      "overlayClass": props2.overlayClass,
-      "overlayStyle": props2.overlayStyle,
-      "closeOnClickOverlay": props2.closeOnClickOverlay,
       "onClick": onClick,
-      "onClosed": clearTimer
-    }, {
+      "onClosed": clearTimer,
       "onUpdate:show": updateShow
-    }), {
+    }, pick(props2, popupProps$2)), {
       default: () => [renderIcon(), renderMessage()]
     });
   }
@@ -3447,273 +3430,9 @@ Toast.install = (app) => {
   app.use(withInstall(VanToast));
   app.config.globalProperties.$toast = Toast;
 };
-var [name$1d, bem$19, t$h] = createNamespace("dialog");
-var popupKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var VanDialog = defineComponent({
-  name: name$1d,
-  props: extend({}, popupSharedProps, {
-    title: String,
-    theme: String,
-    width: numericProp,
-    message: [String, Function],
-    callback: Function,
-    allowHtml: Boolean,
-    className: unknownProp,
-    transition: makeStringProp("van-dialog-bounce"),
-    messageAlign: String,
-    closeOnPopstate: truthProp,
-    showCancelButton: Boolean,
-    cancelButtonText: String,
-    cancelButtonColor: String,
-    confirmButtonText: String,
-    confirmButtonColor: String,
-    showConfirmButton: truthProp,
-    closeOnClickOverlay: Boolean
-  }),
-  emits: ["confirm", "cancel", "update:show"],
-  setup(props2, {
-    emit,
-    slots
-  }) {
-    var loading = reactive({
-      confirm: false,
-      cancel: false
-    });
-    var updateShow = (value) => emit("update:show", value);
-    var close = (action) => {
-      updateShow(false);
-      if (props2.callback) {
-        props2.callback(action);
-      }
-    };
-    var getActionHandler = (action) => () => {
-      if (!props2.show) {
-        return;
-      }
-      emit(action);
-      if (props2.beforeClose) {
-        loading[action] = true;
-        callInterceptor({
-          interceptor: props2.beforeClose,
-          args: [action],
-          done() {
-            close(action);
-            loading[action] = false;
-          },
-          canceled() {
-            loading[action] = false;
-          }
-        });
-      } else {
-        close(action);
-      }
-    };
-    var onCancel = getActionHandler("cancel");
-    var onConfirm = getActionHandler("confirm");
-    var renderTitle = () => {
-      var title = slots.title ? slots.title() : props2.title;
-      if (title) {
-        return createVNode("div", {
-          "class": bem$19("header", {
-            isolated: !props2.message && !slots.default
-          })
-        }, [title]);
-      }
-    };
-    var renderMessage = (hasTitle) => {
-      var {
-        message,
-        allowHtml,
-        messageAlign
-      } = props2;
-      var classNames = bem$19("message", {
-        "has-title": hasTitle,
-        [messageAlign]: messageAlign
-      });
-      var content = isFunction(message) ? message() : message;
-      if (allowHtml && typeof content === "string") {
-        return createVNode("div", {
-          "class": classNames,
-          "innerHTML": content
-        }, null);
-      }
-      return createVNode("div", {
-        "class": classNames
-      }, [content]);
-    };
-    var renderContent = () => {
-      if (slots.default) {
-        return createVNode("div", {
-          "class": bem$19("content")
-        }, [slots.default()]);
-      }
-      var {
-        title,
-        message,
-        allowHtml
-      } = props2;
-      if (message) {
-        var hasTitle = !!(title || slots.title);
-        return createVNode("div", {
-          "key": allowHtml ? 1 : 0,
-          "class": bem$19("content", {
-            isolated: !hasTitle
-          })
-        }, [renderMessage(hasTitle)]);
-      }
-    };
-    var renderButtons = () => createVNode("div", {
-      "class": [BORDER_TOP, bem$19("footer")]
-    }, [props2.showCancelButton && createVNode(Button, {
-      "size": "large",
-      "text": props2.cancelButtonText || t$h("cancel"),
-      "class": bem$19("cancel"),
-      "style": {
-        color: props2.cancelButtonColor
-      },
-      "loading": loading.cancel,
-      "onClick": onCancel
-    }, null), props2.showConfirmButton && createVNode(Button, {
-      "size": "large",
-      "text": props2.confirmButtonText || t$h("confirm"),
-      "class": [bem$19("confirm"), {
-        [BORDER_LEFT]: props2.showCancelButton
-      }],
-      "style": {
-        color: props2.confirmButtonColor
-      },
-      "loading": loading.confirm,
-      "onClick": onConfirm
-    }, null)]);
-    var renderRoundButtons = () => createVNode(ActionBar, {
-      "class": bem$19("footer")
-    }, {
-      default: () => [props2.showCancelButton && createVNode(ActionBarButton, {
-        "type": "warning",
-        "text": props2.cancelButtonText || t$h("cancel"),
-        "class": bem$19("cancel"),
-        "color": props2.cancelButtonColor,
-        "loading": loading.cancel,
-        "onClick": onCancel
-      }, null), props2.showConfirmButton && createVNode(ActionBarButton, {
-        "type": "danger",
-        "text": props2.confirmButtonText || t$h("confirm"),
-        "class": bem$19("confirm"),
-        "color": props2.confirmButtonColor,
-        "loading": loading.confirm,
-        "onClick": onConfirm
-      }, null)]
-    });
-    var renderFooter = () => {
-      if (slots.footer) {
-        return slots.footer();
-      }
-      return props2.theme === "round-button" ? renderRoundButtons() : renderButtons();
-    };
-    return () => {
-      var {
-        width,
-        title,
-        theme,
-        message,
-        className
-      } = props2;
-      return createVNode(Popup, mergeProps({
-        "role": "dialog",
-        "class": [bem$19([theme]), className],
-        "style": {
-          width: addUnit(width)
-        },
-        "aria-labelledby": title || message
-      }, pick(props2, popupKeys$1), {
-        "onUpdate:show": updateShow
-      }), {
-        default: () => [renderTitle(), renderContent(), renderFooter()]
-      });
-    };
-  }
-});
-var instance$2;
-function initInstance$2() {
-  var Wrapper = {
-    setup() {
-      var {
-        state,
-        toggle
-      } = usePopupState();
-      return () => createVNode(VanDialog, mergeProps(state, {
-        "onUpdate:show": toggle
-      }), null);
-    }
-  };
-  ({
-    instance: instance$2
-  } = mountComponent(Wrapper));
-}
-function Dialog(options) {
-  if (!inBrowser$1) {
-    return Promise.resolve();
-  }
-  return new Promise((resolve, reject) => {
-    if (!instance$2) {
-      initInstance$2();
-    }
-    instance$2.open(extend({}, Dialog.currentOptions, options, {
-      callback: (action) => {
-        (action === "confirm" ? resolve : reject)(action);
-      }
-    }));
-  });
-}
-Dialog.defaultOptions = {
-  title: "",
-  width: "",
-  theme: null,
-  message: "",
-  overlay: true,
-  callback: null,
-  teleport: "body",
-  className: "",
-  allowHtml: false,
-  lockScroll: true,
-  transition: "van-dialog-bounce",
-  beforeClose: null,
-  overlayClass: "",
-  overlayStyle: void 0,
-  messageAlign: "",
-  cancelButtonText: "",
-  cancelButtonColor: null,
-  confirmButtonText: "",
-  confirmButtonColor: null,
-  showConfirmButton: true,
-  showCancelButton: false,
-  closeOnPopstate: true,
-  closeOnClickOverlay: false
-};
-Dialog.currentOptions = extend({}, Dialog.defaultOptions);
-Dialog.alert = Dialog;
-Dialog.confirm = (options) => Dialog(extend({
-  showCancelButton: true
-}, options));
-Dialog.close = () => {
-  if (instance$2) {
-    instance$2.toggle(false);
-  }
-};
-Dialog.setDefaultOptions = (options) => {
-  extend(Dialog.currentOptions, options);
-};
-Dialog.resetDefaultOptions = () => {
-  Dialog.currentOptions = extend({}, Dialog.defaultOptions);
-};
-Dialog.Component = withInstall(VanDialog);
-Dialog.install = (app) => {
-  app.use(Dialog.Component);
-  app.config.globalProperties.$dialog = Dialog;
-};
-var [name$1c, bem$18] = createNamespace("switch");
+var [name$1d, bem$19] = createNamespace("switch");
 var _Switch = defineComponent({
-  name: name$1c,
+  name: name$1d,
   props: {
     size: numericProp,
     loading: Boolean,
@@ -3746,7 +3465,7 @@ var _Switch = defineComponent({
       if (props2.loading) {
         var color = isChecked() ? props2.activeColor : props2.inactiveColor;
         return createVNode(Loading, {
-          "class": bem$18("loading"),
+          "class": bem$19("loading"),
           "color": color
         }, null);
       }
@@ -3767,7 +3486,7 @@ var _Switch = defineComponent({
       };
       return createVNode("div", {
         "role": "switch",
-        "class": bem$18({
+        "class": bem$19({
           on: checked,
           loading,
           disabled
@@ -3776,15 +3495,15 @@ var _Switch = defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [createVNode("div", {
-        "class": bem$18("node")
+        "class": bem$19("node")
       }, [renderLoading()])]);
     };
   }
 });
 var Switch = withInstall(_Switch);
-var [name$1b, bem$17, t$g] = createNamespace("address-edit-detail");
+var [name$1c, bem$18, t$h] = createNamespace("address-edit-detail");
 var AddressEditDetail = defineComponent({
-  name: name$1b,
+  name: name$1c,
   props: {
     show: Boolean,
     value: String,
@@ -3807,7 +3526,7 @@ var AddressEditDetail = defineComponent({
     };
     var renderSearchTitle = (express) => {
       if (express.name) {
-        var text = express.name.replace(props2.value, "<span class=" + bem$17("keyword") + ">" + props2.value + "</span>");
+        var text = express.name.replace(props2.value, "<span class=" + bem$18("keyword") + ">" + props2.value + "</span>");
         return createVNode("div", {
           "innerHTML": text
         }, null);
@@ -3825,7 +3544,7 @@ var AddressEditDetail = defineComponent({
         "key": express.name + express.address,
         "icon": "location-o",
         "label": express.address,
-        "class": bem$17("search-item"),
+        "class": bem$18("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
       }, {
@@ -3837,29 +3556,28 @@ var AddressEditDetail = defineComponent({
     var onInput = (value) => emit("input", value);
     return () => {
       if (props2.show) {
-        return createVNode(Fragment, null, [createVNode(Field, mergeProps({
+        return createVNode(Fragment, null, [createVNode(Field, {
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$17(),
+          "class": bem$18(),
           "rows": props2.detailRows,
           "type": "textarea",
-          "label": t$g("label"),
+          "label": t$h("label"),
           "border": !showSearchResult(),
           "maxlength": props2.detailMaxlength,
           "modelValue": props2.value,
-          "placeholder": t$g("placeholder"),
+          "placeholder": t$h("placeholder"),
           "errorMessage": props2.errorMessage,
           "onBlur": onBlur,
-          "onFocus": onFocus
-        }, {
+          "onFocus": onFocus,
           "onUpdate:modelValue": onInput
-        }), null), renderSearchResult()]);
+        }, null), renderSearchResult()]);
       }
     };
   }
 });
-var [name$1a, bem$16, t$f] = createNamespace("address-edit");
+var [name$1b, bem$17, t$g] = createNamespace("address-edit");
 var DEFAULT_DATA = {
   name: "",
   tel: "",
@@ -3873,7 +3591,7 @@ var DEFAULT_DATA = {
   addressDetail: ""
 };
 var isPostal = (value) => /^\d{6}$/.test(value);
-var props$o = {
+var props$p = {
   areaList: Object,
   isSaving: Boolean,
   isDeleting: Boolean,
@@ -3907,9 +3625,9 @@ var props$o = {
   }
 };
 var _AddressEdit = defineComponent({
-  name: name$1a,
-  props: props$o,
-  emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "cancel-delete", "select-search", "change-default"],
+  name: name$1b,
+  props: props$p,
+  emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
   setup(props2, {
     emit,
     slots
@@ -3972,15 +3690,15 @@ var _AddressEdit = defineComponent({
       }
       switch (key) {
         case "name":
-          return value ? "" : t$f("nameEmpty");
+          return value ? "" : t$g("nameEmpty");
         case "tel":
-          return props2.telValidator(value) ? "" : t$f("telInvalid");
+          return props2.telValidator(value) ? "" : t$g("telInvalid");
         case "areaCode":
-          return value ? "" : t$f("areaEmpty");
+          return value ? "" : t$g("areaEmpty");
         case "addressDetail":
-          return value ? "" : t$f("addressEmpty");
+          return value ? "" : t$g("addressEmpty");
         case "postalCode":
-          return value && !props2.postalValidator(value) ? t$f("postalEmpty") : "";
+          return value && !props2.postalValidator(value) ? t$g("postalEmpty") : "";
       }
     };
     var onSave = () => {
@@ -4012,18 +3730,14 @@ var _AddressEdit = defineComponent({
     var onAreaConfirm = (values) => {
       values = values.filter(Boolean);
       if (values.some((value) => !value.code)) {
-        Toast(t$f("areaEmpty"));
+        Toast(t$g("areaEmpty"));
         return;
       }
       state.showAreaPopup = false;
       assignAreaValues();
       emit("change-area", values);
     };
-    var onDelete = () => {
-      Dialog.confirm({
-        title: t$f("confirmDelete")
-      }).then(() => emit("delete", state.data)).catch(() => emit("cancel-delete", state.data));
-    };
+    var onDelete = () => emit("delete", state.data);
     var getArea = () => areaRef.value ? areaRef.value.getValues() : [];
     var setAreaCode = (code) => {
       state.data.areaCode = code || "";
@@ -4051,8 +3765,8 @@ var _AddressEdit = defineComponent({
         };
         return withDirectives(createVNode(Cell, {
           "center": true,
-          "title": t$f("defaultAddress"),
-          "class": bem$16("default")
+          "title": t$g("defaultAddress"),
+          "class": bem$17("default")
         }, _slots), [[vShow, !hideBottomFields.value]]);
       }
       return null;
@@ -4079,15 +3793,15 @@ var _AddressEdit = defineComponent({
         disableArea
       } = props2;
       return createVNode("div", {
-        "class": bem$16()
+        "class": bem$17()
       }, [createVNode("div", {
-        "class": bem$16("fields")
+        "class": bem$17("fields")
       }, [createVNode(Field, {
         "modelValue": data.name,
         "onUpdate:modelValue": ($event) => data.name = $event,
         "clearable": true,
-        "label": t$f("name"),
-        "placeholder": t$f("name"),
+        "label": t$g("name"),
+        "placeholder": t$g("name"),
         "errorMessage": errorInfo.name,
         "onFocus": () => onFocus("name")
       }, null), createVNode(Field, {
@@ -4095,17 +3809,17 @@ var _AddressEdit = defineComponent({
         "onUpdate:modelValue": ($event) => data.tel = $event,
         "clearable": true,
         "type": "tel",
-        "label": t$f("tel"),
+        "label": t$g("tel"),
         "maxlength": props2.telMaxlength,
-        "placeholder": t$f("tel"),
+        "placeholder": t$g("tel"),
         "errorMessage": errorInfo.tel,
         "onFocus": () => onFocus("tel")
       }, null), withDirectives(createVNode(Field, {
         "readonly": true,
-        "label": t$f("area"),
+        "label": t$g("area"),
         "is-link": !disableArea,
         "modelValue": areaText.value,
-        "placeholder": props2.areaPlaceholder || t$f("area"),
+        "placeholder": props2.areaPlaceholder || t$g("area"),
         "errorMessage": errorInfo.areaCode,
         "onFocus": () => onFocus("areaCode"),
         "onClick": () => {
@@ -4129,27 +3843,27 @@ var _AddressEdit = defineComponent({
         "modelValue": data.postalCode,
         "onUpdate:modelValue": ($event) => data.postalCode = $event,
         "type": "tel",
-        "label": t$f("postal"),
+        "label": t$g("postal"),
         "maxlength": "6",
-        "placeholder": t$f("postal"),
+        "placeholder": t$g("postal"),
         "errorMessage": errorInfo.postalCode,
         "onFocus": () => onFocus("postalCode")
       }, null), [[vShow, !hideBottomFields.value]]), slots.default == null ? void 0 : slots.default()]), renderSetDefaultCell(), withDirectives(createVNode("div", {
-        "class": bem$16("buttons")
+        "class": bem$17("buttons")
       }, [createVNode(Button, {
         "block": true,
         "round": true,
         "type": "danger",
-        "text": props2.saveButtonText || t$f("save"),
-        "class": bem$16("button"),
+        "text": props2.saveButtonText || t$g("save"),
+        "class": bem$17("button"),
         "loading": props2.isSaving,
         "onClick": onSave
       }, null), props2.showDelete && createVNode(Button, {
         "block": true,
         "round": true,
-        "class": bem$16("button"),
+        "class": bem$17("button"),
         "loading": props2.isDeleting,
-        "text": props2.deleteButtonText || t$f("delete"),
+        "text": props2.deleteButtonText || t$g("delete"),
         "onClick": onDelete
       }, null)]), [[vShow, !hideBottomFields.value]]), createVNode(Popup, {
         "show": state.showAreaPopup,
@@ -4175,18 +3889,18 @@ var _AddressEdit = defineComponent({
   }
 });
 var AddressEdit = withInstall(_AddressEdit);
-var [name$19, bem$15] = createNamespace("radio-group");
-var props$n = {
+var [name$1a, bem$16] = createNamespace("radio-group");
+var props$o = {
   disabled: Boolean,
   iconSize: numericProp,
   direction: String,
   modelValue: unknownProp,
   checkedColor: String
 };
-var RADIO_KEY = Symbol(name$19);
+var RADIO_KEY = Symbol(name$1a);
 var _RadioGroup = defineComponent({
-  name: name$19,
-  props: props$n,
+  name: name$1a,
+  props: props$o,
   emits: ["change", "update:modelValue"],
   setup(props2, {
     emit,
@@ -4203,15 +3917,15 @@ var _RadioGroup = defineComponent({
     });
     useCustomFieldValue(() => props2.modelValue);
     return () => createVNode("div", {
-      "class": bem$15([props2.direction]),
+      "class": bem$16([props2.direction]),
       "role": "radiogroup"
     }, [slots.default == null ? void 0 : slots.default()]);
   }
 });
 var RadioGroup = withInstall(_RadioGroup);
-var [name$18, bem$14] = createNamespace("tag");
+var [name$19, bem$15] = createNamespace("tag");
 var _Tag = defineComponent({
-  name: name$18,
+  name: name$19,
   props: {
     size: String,
     mark: Boolean,
@@ -4263,12 +3977,12 @@ var _Tag = defineComponent({
       }
       var CloseIcon = closeable && createVNode(Icon, {
         "name": "cross",
-        "class": bem$14("close"),
+        "class": bem$15("close"),
         "onClick": onClose
       }, null);
       return createVNode("span", {
         "style": getStyle(),
-        "class": bem$14([classes, type])
+        "class": bem$15([classes, type])
       }, [slots.default == null ? void 0 : slots.default(), CloseIcon]);
     };
     return () => createVNode(Transition, {
@@ -4364,12 +4078,7 @@ var Checker = defineComponent({
       }
     };
     return () => {
-      var nodes = [renderIcon()];
-      if (props2.labelPosition === "left") {
-        nodes.unshift(renderLabel());
-      } else {
-        nodes.push(renderLabel());
-      }
+      var nodes = props2.labelPosition === "left" ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()];
       return createVNode("div", {
         "role": props2.role,
         "class": props2.bem([{
@@ -4383,9 +4092,9 @@ var Checker = defineComponent({
     };
   }
 });
-var [name$17, bem$13] = createNamespace("radio");
+var [name$18, bem$14] = createNamespace("radio");
 var _Radio = defineComponent({
-  name: name$17,
+  name: name$18,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props2, {
@@ -4407,7 +4116,7 @@ var _Radio = defineComponent({
       }
     };
     return () => createVNode(Checker, mergeProps({
-      "bem": bem$13,
+      "bem": bem$14,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -4416,9 +4125,9 @@ var _Radio = defineComponent({
   }
 });
 var Radio = withInstall(_Radio);
-var [name$16, bem$12] = createNamespace("address-item");
+var [name$17, bem$13] = createNamespace("address-item");
 var AddressListItem = defineComponent({
-  name: name$16,
+  name: name$17,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -4438,7 +4147,7 @@ var AddressListItem = defineComponent({
     };
     var renderRightIcon = () => createVNode(Icon, {
       "name": "edit",
-      "class": bem$12("edit"),
+      "class": bem$13("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -4453,7 +4162,7 @@ var AddressListItem = defineComponent({
         return createVNode(Tag, {
           "type": "danger",
           "round": true,
-          "class": bem$12("tag")
+          "class": bem$13("tag")
         }, {
           default: () => [props2.defaultTagText]
         });
@@ -4466,9 +4175,9 @@ var AddressListItem = defineComponent({
         switchable
       } = props2;
       var Info = [createVNode("div", {
-        "class": bem$12("name")
+        "class": bem$13("name")
       }, [address.name + " " + address.tel, renderTag()]), createVNode("div", {
-        "class": bem$12("address")
+        "class": bem$13("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return createVNode(Radio, {
@@ -4485,13 +4194,13 @@ var AddressListItem = defineComponent({
         disabled
       } = props2;
       return createVNode("div", {
-        "class": bem$12({
+        "class": bem$13({
           disabled
         }),
         "onClick": onClick
       }, [createVNode(Cell, {
         "border": false,
-        "valueClass": bem$12("value")
+        "valueClass": bem$13("value")
       }, {
         value: renderContent,
         "right-icon": renderRightIcon
@@ -4501,9 +4210,9 @@ var AddressListItem = defineComponent({
     };
   }
 });
-var [name$15, bem$11, t$e] = createNamespace("address-list");
+var [name$16, bem$12, t$f] = createNamespace("address-list");
 var _AddressList = defineComponent({
-  name: name$15,
+  name: name$16,
   props: {
     list: makeArrayProp(),
     modelValue: numericProp,
@@ -4519,14 +4228,10 @@ var _AddressList = defineComponent({
     emit
   }) {
     var renderItem = (item, index2, disabled) => {
-      var onEdit = () => {
-        var name2 = disabled ? "edit-disabled" : "edit";
-        emit(name2, item, index2);
-      };
+      var onEdit = () => emit(disabled ? "edit-disabled" : "edit", item, index2);
       var onClick = () => emit("click-item", item, index2);
       var onSelect = () => {
-        var name2 = disabled ? "select-disabled" : "select";
-        emit(name2, item, index2);
+        emit(disabled ? "select-disabled" : "select", item, index2);
         if (!disabled) {
           emit("update:modelValue", item.id);
         }
@@ -4551,23 +4256,23 @@ var _AddressList = defineComponent({
       }
     };
     var renderBottom = () => createVNode("div", {
-      "class": [bem$11("bottom"), "van-safe-area-bottom"]
+      "class": [bem$12("bottom"), "van-safe-area-bottom"]
     }, [createVNode(Button, {
       "round": true,
       "block": true,
       "type": "danger",
-      "text": props2.addButtonText || t$e("add"),
-      "class": bem$11("add"),
+      "text": props2.addButtonText || t$f("add"),
+      "class": bem$12("add"),
       "onClick": () => emit("add")
     }, null)]);
     return () => {
       var List2 = renderList(props2.list);
       var DisabledList = renderList(props2.disabledList, true);
       var DisabledText = props2.disabledText && createVNode("div", {
-        "class": bem$11("disabled-text")
+        "class": bem$12("disabled-text")
       }, [props2.disabledText]);
       return createVNode("div", {
-        "class": bem$11()
+        "class": bem$12()
       }, [slots.top == null ? void 0 : slots.top(), createVNode(RadioGroup, {
         "modelValue": props2.modelValue
       }, {
@@ -4577,8 +4282,8 @@ var _AddressList = defineComponent({
   }
 });
 var AddressList = withInstall(_AddressList);
-var [name$14, bem$10, t$d] = createNamespace("calendar");
-var formatMonthTitle = (date) => t$d("monthTitle", date.getFullYear(), date.getMonth() + 1);
+var [name$15, bem$11, t$e] = createNamespace("calendar");
+var formatMonthTitle = (date) => t$e("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   var year1 = date1.getFullYear();
   var year2 = date2.getFullYear();
@@ -4665,9 +4370,9 @@ var useHeight = (element) => {
   }));
   return height;
 };
-var [name$13] = createNamespace("calendar-day");
+var [name$14] = createNamespace("calendar-day");
 var CalendarDay = defineComponent({
-  name: name$13,
+  name: name$14,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -4725,7 +4430,7 @@ var CalendarDay = defineComponent({
       } = props2.item;
       if (topInfo || slots["top-info"]) {
         return createVNode("div", {
-          "class": bem$10("top-info")
+          "class": bem$11("top-info")
         }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
       }
     };
@@ -4735,7 +4440,7 @@ var CalendarDay = defineComponent({
       } = props2.item;
       if (bottomInfo || slots["bottom-info"]) {
         return createVNode("div", {
-          "class": bem$10("bottom-info")
+          "class": bem$11("bottom-info")
         }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
       }
     };
@@ -4752,7 +4457,7 @@ var CalendarDay = defineComponent({
       var Nodes = [renderTopInfo(), text, renderBottomInfo()];
       if (type === "selected") {
         return createVNode("div", {
-          "class": bem$10("selected-day"),
+          "class": bem$11("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -4769,22 +4474,22 @@ var CalendarDay = defineComponent({
       } = props2.item;
       if (type === "placeholder") {
         return createVNode("div", {
-          "class": bem$10("day"),
+          "class": bem$11("day"),
           "style": style.value
         }, null);
       }
       return createVNode("div", {
         "role": "gridcell",
         "style": style.value,
-        "class": [bem$10("day", type), className],
+        "class": [bem$11("day", type), className],
         "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
       }, [renderContent()]);
     };
   }
 });
-var [name$12] = createNamespace("calendar-month");
-var props$m = {
+var [name$13] = createNamespace("calendar-month");
+var props$n = {
   date: makeRequiredProp(Date),
   type: String,
   color: String,
@@ -4801,8 +4506,8 @@ var props$m = {
   firstDayOfWeek: Number
 };
 var CalendarMonth = defineComponent({
-  name: name$12,
-  props: props$m,
+  name: name$13,
+  props: props$n,
   emits: ["click", "update-height"],
   setup(props2, {
     emit,
@@ -4903,24 +4608,24 @@ var CalendarMonth = defineComponent({
     var getBottomInfo = (dayType) => {
       if (props2.type === "range") {
         if (dayType === "start" || dayType === "end") {
-          return t$d(dayType);
+          return t$e(dayType);
         }
         if (dayType === "start-end") {
-          return t$d("startEnd");
+          return t$e("startEnd");
         }
       }
     };
     var renderTitle = () => {
       if (props2.showMonthTitle) {
         return createVNode("div", {
-          "class": bem$10("month-title")
+          "class": bem$11("month-title")
         }, [title.value]);
       }
     };
     var renderMark = () => {
       if (props2.showMark && shouldRender.value) {
         return createVNode("div", {
-          "class": bem$10("month-mark")
+          "class": bem$11("month-mark")
         }, [props2.date.getMonth() + 1]);
       }
     };
@@ -4962,7 +4667,7 @@ var CalendarMonth = defineComponent({
     var renderDays = () => createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$10("days")
+      "class": bem$11("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -4972,14 +4677,14 @@ var CalendarMonth = defineComponent({
       disabledDays
     });
     return () => createVNode("div", {
-      "class": bem$10("month"),
+      "class": bem$11("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-var [name$11] = createNamespace("calendar-header");
+var [name$12] = createNamespace("calendar-header");
 var CalendarHeader = defineComponent({
-  name: name$11,
+  name: name$12,
   props: {
     title: String,
     subtitle: String,
@@ -4994,10 +4699,10 @@ var CalendarHeader = defineComponent({
   }) {
     var renderTitle = () => {
       if (props2.showTitle) {
-        var text = props2.title || t$d("title");
+        var text = props2.title || t$e("title");
         var title = slots.title ? slots.title() : text;
         return createVNode("div", {
-          "class": bem$10("header-title")
+          "class": bem$11("header-title")
         }, [title]);
       }
     };
@@ -5008,7 +4713,7 @@ var CalendarHeader = defineComponent({
       if (props2.showSubtitle) {
         var title = slots.subtitle ? slots.subtitle() : props2.subtitle;
         return createVNode("div", {
-          "class": bem$10("header-subtitle"),
+          "class": bem$11("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
@@ -5017,20 +4722,20 @@ var CalendarHeader = defineComponent({
       var {
         firstDayOfWeek
       } = props2;
-      var weekdays = t$d("weekdays");
+      var weekdays = t$e("weekdays");
       var renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return createVNode("div", {
-        "class": bem$10("weekdays")
+        "class": bem$11("weekdays")
       }, [renderWeekDays2.map((text) => createVNode("span", {
-        "class": bem$10("weekday")
+        "class": bem$11("weekday")
       }, [text]))]);
     };
     return () => createVNode("div", {
-      "class": bem$10("header")
+      "class": bem$11("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
-var props$l = {
+var props$m = {
   show: Boolean,
   type: makeStringProp("single"),
   title: String,
@@ -5077,8 +4782,8 @@ var props$l = {
   }
 };
 var _Calendar = defineComponent({
-  name: name$14,
-  props: props$l,
+  name: name$15,
+  props: props$m,
   emits: ["select", "confirm", "unselect", "month-show", "over-range", "update:show", "click-subtitle"],
   setup(props2, {
     emit,
@@ -5233,7 +4938,7 @@ var _Calendar = defineComponent({
       } = props2;
       if (maxRange && calcDateNum(date) > maxRange) {
         if (showRangePrompt) {
-          Toast(rangePrompt || t$d("rangePrompt", maxRange));
+          Toast(rangePrompt || t$e("rangePrompt", maxRange));
         }
         emit("over-range");
         return false;
@@ -5318,7 +5023,7 @@ var _Calendar = defineComponent({
           var [unselectedDate] = dates.splice(selectedIndex, 1);
           emit("unselect", cloneDate(unselectedDate));
         } else if (props2.maxRange && dates.length >= props2.maxRange) {
-          Toast(props2.rangePrompt || t$d("rangePrompt", props2.maxRange));
+          Toast(props2.rangePrompt || t$e("rangePrompt", props2.maxRange));
         } else {
           select([...dates, date]);
         }
@@ -5344,28 +5049,32 @@ var _Calendar = defineComponent({
         return slots.footer();
       }
       if (props2.showConfirm) {
-        var text = buttonDisabled.value ? props2.confirmDisabledText : props2.confirmText;
+        var slot = slots["confirm-text"];
+        var disabled = buttonDisabled.value;
+        var text = disabled ? props2.confirmDisabledText : props2.confirmText;
         return createVNode(Button, {
           "round": true,
           "block": true,
           "type": "danger",
           "color": props2.color,
-          "class": bem$10("confirm"),
-          "disabled": buttonDisabled.value,
+          "class": bem$11("confirm"),
+          "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
         }, {
-          default: () => [text || t$d("confirm")]
+          default: () => [slot ? slot({
+            disabled
+          }) : text || t$e("confirm")]
         });
       }
     };
     var renderFooter = () => createVNode("div", {
-      "class": [bem$10("footer"), {
+      "class": [bem$11("footer"), {
         "van-safe-area-bottom": props2.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
     var renderCalendar = () => createVNode("div", {
-      "class": bem$10()
+      "class": bem$11()
     }, [createVNode(CalendarHeader, {
       "title": props2.title,
       "subtitle": subtitle.value,
@@ -5375,7 +5084,7 @@ var _Calendar = defineComponent({
       "onClick-subtitle": (event) => emit("click-subtitle", event)
     }, pick(slots, ["title", "subtitle"])), createVNode("div", {
       "ref": bodyRef,
-      "class": bem$10("body"),
+      "class": bem$11("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
     watch(() => props2.show, init);
@@ -5391,19 +5100,18 @@ var _Calendar = defineComponent({
     onMountedOrActivated(init);
     return () => {
       if (props2.poppable) {
-        return createVNode(Popup, mergeProps({
+        return createVNode(Popup, {
           "show": props2.show,
-          "class": bem$10("popup"),
+          "class": bem$11("popup"),
           "round": props2.round,
           "position": props2.position,
           "closeable": props2.showTitle || props2.showSubtitle,
           "teleport": props2.teleport,
           "closeOnPopstate": props2.closeOnPopstate,
-          "closeOnClickOverlay": props2.closeOnClickOverlay
-        }, {
+          "closeOnClickOverlay": props2.closeOnClickOverlay,
           "onUpdate:show": updateShow
-        }), {
-          default: () => [renderCalendar()]
+        }, {
+          default: renderCalendar
         });
       }
       return renderCalendar();
@@ -5411,9 +5119,9 @@ var _Calendar = defineComponent({
   }
 });
 var Calendar = withInstall(_Calendar);
-var [name$10, bem$$] = createNamespace("image");
+var [name$11, bem$10] = createNamespace("image");
 var _Image = defineComponent({
-  name: name$10,
+  name: name$11,
   props: {
     src: String,
     alt: String,
@@ -5468,38 +5176,27 @@ var _Image = defineComponent({
       loading.value = false;
       emit("error", event);
     };
-    var renderLoadingIcon = () => {
-      if (slots.loading) {
-        return slots.loading();
-      }
-      return createVNode(Icon, {
-        "size": props2.iconSize,
-        "name": props2.loadingIcon,
-        "class": bem$$("loading-icon"),
-        "classPrefix": props2.iconPrefix
-      }, null);
-    };
-    var renderErrorIcon = () => {
-      if (slots.error) {
-        return slots.error();
+    var renderIcon = (name2, className, slot) => {
+      if (slot) {
+        return slot();
       }
       return createVNode(Icon, {
+        "name": name2,
         "size": props2.iconSize,
-        "name": props2.errorIcon,
-        "class": bem$$("error-icon"),
+        "class": className,
         "classPrefix": props2.iconPrefix
       }, null);
     };
     var renderPlaceholder = () => {
       if (loading.value && props2.showLoading) {
         return createVNode("div", {
-          "class": bem$$("loading")
-        }, [renderLoadingIcon()]);
+          "class": bem$10("loading")
+        }, [renderIcon(props2.loadingIcon, bem$10("loading-icon"), slots.loading)]);
       }
       if (error.value && props2.showError) {
         return createVNode("div", {
-          "class": bem$$("error")
-        }, [renderErrorIcon()]);
+          "class": bem$10("error")
+        }, [renderIcon(props2.errorIcon, bem$10("error-icon"), slots.error)]);
       }
     };
     var renderImage = () => {
@@ -5508,7 +5205,7 @@ var _Image = defineComponent({
       }
       var attrs = {
         alt: props2.alt,
-        class: bem$$("img"),
+        class: bem$10("img"),
         style: {
           objectFit: props2.fit
         }
@@ -5547,7 +5244,7 @@ var _Image = defineComponent({
       });
     }
     return () => createVNode("div", {
-      "class": bem$$({
+      "class": bem$10({
         round: props2.round
       }),
       "style": style.value
@@ -5555,9 +5252,9 @@ var _Image = defineComponent({
   }
 });
 var Image$1 = withInstall(_Image);
-var [name$$, bem$_] = createNamespace("card");
+var [name$10, bem$$] = createNamespace("card");
 var _Card = defineComponent({
-  name: name$$,
+  name: name$10,
   props: {
     tag: String,
     num: numericProp,
@@ -5582,14 +5279,14 @@ var _Card = defineComponent({
       }
       if (props2.title) {
         return createVNode("div", {
-          "class": [bem$_("title"), "van-multi-ellipsis--l2"]
+          "class": [bem$$("title"), "van-multi-ellipsis--l2"]
         }, [props2.title]);
       }
     };
     var renderThumbTag = () => {
       if (slots.tag || props2.tag) {
         return createVNode("div", {
-          "class": bem$_("tag")
+          "class": bem$$("tag")
         }, [slots.tag ? slots.tag() : createVNode(Tag, {
           "mark": true,
           "type": "danger"
@@ -5614,7 +5311,7 @@ var _Card = defineComponent({
       if (slots.thumb || props2.thumb) {
         return createVNode("a", {
           "href": props2.thumbLink,
-          "class": bem$_("thumb"),
+          "class": bem$$("thumb"),
           "onClick": (event) => emit("click-thumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
@@ -5625,18 +5322,18 @@ var _Card = defineComponent({
       }
       if (props2.desc) {
         return createVNode("div", {
-          "class": [bem$_("desc"), "van-ellipsis"]
+          "class": [bem$$("desc"), "van-ellipsis"]
         }, [props2.desc]);
       }
     };
     var renderPriceText = () => {
       var priceArr = props2.price.toString().split(".");
       return createVNode("div", null, [createVNode("span", {
-        "class": bem$_("price-currency")
+        "class": bem$$("price-currency")
       }, [props2.currency]), createVNode("span", {
-        "class": bem$_("price-integer")
+        "class": bem$$("price-integer")
       }, [priceArr[0]]), createTextVNode("."), createVNode("span", {
-        "class": bem$_("price-decimal")
+        "class": bem$$("price-decimal")
       }, [priceArr[1]])]);
     };
     return () => {
@@ -5646,26 +5343,26 @@ var _Card = defineComponent({
       var showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
       var showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
       var Price = showPrice && createVNode("div", {
-        "class": bem$_("price")
+        "class": bem$$("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
       var OriginPrice = showOriginPrice && createVNode("div", {
-        "class": bem$_("origin-price")
+        "class": bem$$("origin-price")
       }, [slots["origin-price"] ? slots["origin-price"]() : props2.currency + " " + props2.originPrice]);
       var Num = showNum && createVNode("div", {
-        "class": bem$_("num")
+        "class": bem$$("num")
       }, [slots.num ? slots.num() : "x" + props2.num]);
       var Footer = slots.footer && createVNode("div", {
-        "class": bem$_("footer")
+        "class": bem$$("footer")
       }, [slots.footer()]);
       var Bottom = showBottom && createVNode("div", {
-        "class": bem$_("bottom")
+        "class": bem$$("bottom")
       }, [(_slots$priceTop = slots["price-top"]) == null ? void 0 : _slots$priceTop.call(slots), Price, OriginPrice, Num, slots.bottom == null ? void 0 : slots.bottom()]);
       return createVNode("div", {
-        "class": bem$_()
+        "class": bem$$()
       }, [createVNode("div", {
-        "class": bem$_("header")
+        "class": bem$$("header")
       }, [renderThumb(), createVNode("div", {
-        "class": bem$_("content", {
+        "class": bem$$("content", {
           centered: props2.centered
         })
       }, [createVNode("div", null, [renderTitle(), renderDesc(), slots.tags == null ? void 0 : slots.tags()]), Bottom])]), Footer]);
@@ -5727,9 +5424,9 @@ function useVisibilityChange(target, onChange) {
   onBeforeUnmount(unobserve);
   onMountedOrActivated(observe);
 }
-var [name$_, bem$Z] = createNamespace("sticky");
+var [name$$, bem$_] = createNamespace("sticky");
 var _Sticky = defineComponent({
-  name: name$_,
+  name: name$$,
   props: {
     zIndex: numericProp,
     position: makeStringProp("top"),
@@ -5827,7 +5524,7 @@ var _Sticky = defineComponent({
       "ref": root,
       "style": rootStyle.value
     }, [createVNode("div", {
-      "class": bem$Z({
+      "class": bem$_({
         fixed: state.fixed
       }),
       "style": stickyStyle.value
@@ -5835,9 +5532,9 @@ var _Sticky = defineComponent({
   }
 });
 var Sticky = withInstall(_Sticky);
-var [name$Z, bem$Y] = createNamespace("tab");
+var [name$_, bem$Z] = createNamespace("tab");
 var TabsTitle = defineComponent({
-  name: name$Z,
+  name: name$_,
   props: {
     dot: Boolean,
     type: String,
@@ -5882,7 +5579,7 @@ var TabsTitle = defineComponent({
     });
     var renderText = () => {
       var Text = createVNode("span", {
-        "class": bem$Y("text", {
+        "class": bem$Z("text", {
           ellipsis: !props2.scrollable
         })
       }, [props2.renderTitle ? props2.renderTitle() : props2.title]);
@@ -5899,7 +5596,7 @@ var TabsTitle = defineComponent({
     };
     return () => createVNode("div", {
       "role": "tab",
-      "class": [bem$Y({
+      "class": [bem$Z({
         active: props2.isActive,
         disabled: props2.disabled
       })],
@@ -5908,8 +5605,8 @@ var TabsTitle = defineComponent({
     }, [renderText()]);
   }
 });
-var [name$Y, bem$X] = createNamespace("swipe");
-var props$k = {
+var [name$Z, bem$Y] = createNamespace("swipe");
+var props$l = {
   loop: truthProp,
   width: numericProp,
   height: numericProp,
@@ -5923,10 +5620,10 @@ var props$k = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-var SWIPE_KEY = Symbol(name$Y);
+var SWIPE_KEY = Symbol(name$Z);
 var _Swipe = defineComponent({
-  name: name$Y,
-  props: props$k,
+  name: name$Z,
+  props: props$l,
   emits: ["change"],
   setup(props2, {
     emit,
@@ -6177,7 +5874,7 @@ var _Swipe = defineComponent({
       } : void 0;
       return createVNode("i", {
         "style": style,
-        "class": bem$X("indicator", {
+        "class": bem$Y("indicator", {
           active
         })
       }, null);
@@ -6190,7 +5887,7 @@ var _Swipe = defineComponent({
       }
       if (props2.showIndicators && count.value > 1) {
         return createVNode("div", {
-          "class": bem$X("indicators", {
+          "class": bem$Y("indicators", {
             vertical: props2.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -6227,10 +5924,10 @@ var _Swipe = defineComponent({
     onBeforeUnmount(stopAutoplay);
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$X()
+      "class": bem$Y()
     }, [createVNode("div", {
       "style": trackStyle.value,
-      "class": bem$X("track", {
+      "class": bem$Y("track", {
         vertical: props2.vertical
       }),
       "onTouchstart": onTouchStart,
@@ -6241,9 +5938,9 @@ var _Swipe = defineComponent({
   }
 });
 var Swipe = withInstall(_Swipe);
-var [name$X, bem$W] = createNamespace("tabs");
+var [name$Y, bem$X] = createNamespace("tabs");
 var TabsContent = defineComponent({
-  name: name$X,
+  name: name$Y,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -6266,7 +5963,7 @@ var TabsContent = defineComponent({
         return createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$W("track"),
+          "class": bem$X("track"),
           "duration": +props2.duration * 1e3,
           "touchable": props2.swipeable,
           "lazyRender": props2.lazyRender,
@@ -6291,14 +5988,14 @@ var TabsContent = defineComponent({
       swipeToCurrentTab(props2.currentIndex);
     });
     return () => createVNode("div", {
-      "class": bem$W("content", {
+      "class": bem$X("content", {
         animated: props2.animated || props2.swipeable
       })
     }, [renderChildren()]);
   }
 });
-var [name$W, bem$V] = createNamespace("tabs");
-var props$j = {
+var [name$X, bem$W] = createNamespace("tabs");
+var props$k = {
   type: makeStringProp("line"),
   color: String,
   border: Boolean,
@@ -6319,10 +6016,10 @@ var props$j = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-var TABS_KEY = Symbol(name$W);
+var TABS_KEY = Symbol(name$X);
 var _Tabs = defineComponent({
-  name: name$W,
-  props: props$j,
+  name: name$X,
+  props: props$k,
   emits: ["click", "change", "scroll", "disabled", "rendered", "click-tab", "update:active"],
   setup(props2, {
     emit,
@@ -6465,8 +6162,7 @@ var _Tabs = defineComponent({
       if (disabled) {
         emit("disabled", name2, title);
       } else {
-        callInterceptor({
-          interceptor: props2.beforeChange,
+        callInterceptor(props2.beforeChange, {
           args: [name2],
           done: () => {
             setCurrentIndex(index2);
@@ -6515,9 +6211,7 @@ var _Tabs = defineComponent({
       "renderTitle": item.$slots.title,
       "activeColor": props2.titleActiveColor,
       "inactiveColor": props2.titleInactiveColor,
-      "onClick": (event) => {
-        onClickTab(item, index2, event);
-      }
+      "onClick": (event) => onClickTab(item, index2, event)
     }, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), null));
     var renderHeader = () => {
       var _slots$navLeft, _slots$navRight;
@@ -6527,7 +6221,7 @@ var _Tabs = defineComponent({
       } = props2;
       return createVNode("div", {
         "ref": wrapRef,
-        "class": [bem$V("wrap", {
+        "class": [bem$W("wrap", {
           scrollable: scrollable.value
         }), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
@@ -6535,12 +6229,12 @@ var _Tabs = defineComponent({
       }, [createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$V("nav", [type, {
+        "class": bem$W("nav", [type, {
           complete: scrollable.value
         }]),
         "style": navStyle.value
       }, [(_slots$navLeft = slots["nav-left"]) == null ? void 0 : _slots$navLeft.call(slots), renderNav(), type === "line" && createVNode("div", {
-        "class": bem$V("line"),
+        "class": bem$W("line"),
         "style": state.lineStyle
       }, null), (_slots$navRight = slots["nav-right"]) == null ? void 0 : _slots$navRight.call(slots)])]);
     };
@@ -6598,7 +6292,7 @@ var _Tabs = defineComponent({
       var _slots$navBottom, _slots$navBottom2;
       return createVNode("div", {
         "ref": root,
-        "class": bem$V([props2.type])
+        "class": bem$W([props2.type])
       }, [props2.sticky ? createVNode(Sticky, {
         "container": root.value,
         "offsetTop": offsetTopPx.value,
@@ -6622,9 +6316,9 @@ var _Tabs = defineComponent({
 });
 var TAB_STATUS_KEY = Symbol();
 var useTabStatus = () => inject(TAB_STATUS_KEY, null);
-var [name$V, bem$U] = createNamespace("swipe-item");
+var [name$W, bem$V] = createNamespace("swipe-item");
 var _SwipeItem = defineComponent({
-  name: name$V,
+  name: name$W,
   setup(props2, {
     slots
   }) {
@@ -6684,15 +6378,15 @@ var _SwipeItem = defineComponent({
       setOffset
     });
     return () => createVNode("div", {
-      "class": bem$U(),
+      "class": bem$V(),
       "style": style.value
     }, [shouldRender.value ? slots.default == null ? void 0 : slots.default() : null]);
   }
 });
 var SwipeItem = withInstall(_SwipeItem);
-var [name$U, bem$T] = createNamespace("tab");
+var [name$V, bem$U] = createNamespace("tab");
 var _Tab = defineComponent({
-  name: name$U,
+  name: name$V,
   props: extend({}, routeProps, {
     dot: Boolean,
     name: numericProp,
@@ -6753,12 +6447,12 @@ var _Tab = defineComponent({
         return createVNode(SwipeItem, {
           "role": "tabpanel",
           "aria-hidden": !active.value,
-          "class": bem$T("pane-wrapper", {
+          "class": bem$U("pane-wrapper", {
             inactive: !active.value
           })
         }, {
           default: () => [createVNode("div", {
-            "class": bem$T("pane")
+            "class": bem$U("pane")
           }, [slots.default == null ? void 0 : slots.default()])]
         });
       }
@@ -6766,36 +6460,35 @@ var _Tab = defineComponent({
       var Content = shouldRender ? slots.default == null ? void 0 : slots.default() : null;
       return withDirectives(createVNode("div", {
         "role": "tabpanel",
-        "class": bem$T("pane")
+        "class": bem$U("pane")
       }, [Content]), [[vShow, show]]);
     };
   }
 });
 var Tab = withInstall(_Tab);
 var Tabs = withInstall(_Tabs);
-var [name$T, bem$S, t$c] = createNamespace("cascader");
+var [name$U, bem$T, t$d] = createNamespace("cascader");
+var props$j = {
+  title: String,
+  options: makeArrayProp(),
+  closeable: truthProp,
+  swipeable: truthProp,
+  closeIcon: makeStringProp("cross"),
+  modelValue: numericProp,
+  fieldNames: Object,
+  placeholder: String,
+  activeColor: String
+};
 var _Cascader = defineComponent({
-  name: name$T,
-  props: {
-    title: String,
-    options: makeArrayProp(),
-    closeable: truthProp,
-    swipeable: truthProp,
-    closeIcon: makeStringProp("cross"),
-    modelValue: numericProp,
-    fieldNames: Object,
-    placeholder: String,
-    activeColor: String
-  },
-  emits: ["close", "change", "finish", "update:modelValue", "click-tab"],
+  name: name$U,
+  props: props$j,
+  emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
   setup(props2, {
     slots,
     emit
   }) {
-    var state = reactive({
-      tabs: [],
-      activeTab: 0
-    });
+    var tabs = ref([]);
+    var activeTab = ref(0);
     var {
       text: textKey,
       value: valueKey,
@@ -6806,8 +6499,7 @@ var _Cascader = defineComponent({
       children: "children"
     }, props2.fieldNames);
     var getSelectedOptionsByValue = (options, value) => {
-      for (var i = 0; i < options.length; i++) {
-        var option = options[i];
+      for (var option of options) {
         if (option[valueKey] === value) {
           return [option];
         }
@@ -6820,11 +6512,15 @@ var _Cascader = defineComponent({
       }
     };
     var updateTabs = () => {
-      if (props2.modelValue || props2.modelValue === 0) {
-        var selectedOptions = getSelectedOptionsByValue(props2.options, props2.modelValue);
+      var {
+        options,
+        modelValue
+      } = props2;
+      if (modelValue !== void 0) {
+        var selectedOptions = getSelectedOptionsByValue(options, modelValue);
         if (selectedOptions) {
-          var optionsCursor = props2.options;
-          state.tabs = selectedOptions.map((option) => {
+          var optionsCursor = options;
+          tabs.value = selectedOptions.map((option) => {
             var tab = {
               options: optionsCursor,
               selected: option
@@ -6836,19 +6532,19 @@ var _Cascader = defineComponent({
             return tab;
           });
           if (optionsCursor) {
-            state.tabs.push({
+            tabs.value.push({
               options: optionsCursor,
               selected: null
             });
           }
           nextTick(() => {
-            state.activeTab = state.tabs.length - 1;
+            activeTab.value = tabs.value.length - 1;
           });
           return;
         }
       }
-      state.tabs = [{
-        options: props2.options,
+      tabs.value = [{
+        options,
         selected: null
       }];
     };
@@ -6856,34 +6552,34 @@ var _Cascader = defineComponent({
       if (option.disabled) {
         return;
       }
-      state.tabs[tabIndex].selected = option;
-      if (state.tabs.length > tabIndex + 1) {
-        state.tabs = state.tabs.slice(0, tabIndex + 1);
+      tabs.value[tabIndex].selected = option;
+      if (tabs.value.length > tabIndex + 1) {
+        tabs.value = tabs.value.slice(0, tabIndex + 1);
       }
       if (option[childrenKey]) {
         var nextTab = {
           options: option[childrenKey],
           selected: null
         };
-        if (state.tabs[tabIndex + 1]) {
-          state.tabs[tabIndex + 1] = nextTab;
+        if (tabs.value[tabIndex + 1]) {
+          tabs.value[tabIndex + 1] = nextTab;
         } else {
-          state.tabs.push(nextTab);
+          tabs.value.push(nextTab);
         }
         nextTick(() => {
-          state.activeTab++;
+          activeTab.value++;
         });
       }
-      var selectedOptions = state.tabs.map((tab) => tab.selected).filter(Boolean);
-      var eventParams = {
+      var selectedOptions = tabs.value.map((tab) => tab.selected).filter(Boolean);
+      emit("update:modelValue", option[valueKey]);
+      var params = {
         value: option[valueKey],
         tabIndex,
         selectedOptions
       };
-      emit("update:modelValue", option[valueKey]);
-      emit("change", eventParams);
+      emit("change", params);
       if (!option[childrenKey]) {
-        emit("finish", eventParams);
+        emit("finish", params);
       }
     };
     var onClose = () => emit("close");
@@ -6892,12 +6588,12 @@ var _Cascader = defineComponent({
       title
     }) => emit("click-tab", name2, title);
     var renderHeader = () => createVNode("div", {
-      "class": bem$S("header")
+      "class": bem$T("header")
     }, [createVNode("h2", {
-      "class": bem$S("title")
+      "class": bem$T("title")
     }, [slots.title ? slots.title() : props2.title]), props2.closeable ? createVNode(Icon, {
       "name": props2.closeIcon,
-      "class": bem$S("close-icon"),
+      "class": bem$T("close-icon"),
       "onClick": onClose
     }, null) : null]);
     var renderOption = (option, selectedOption, tabIndex) => {
@@ -6908,7 +6604,7 @@ var _Cascader = defineComponent({
         selected
       }) : createVNode("span", null, [option[textKey]]);
       return createVNode("li", {
-        "class": [bem$S("option", {
+        "class": [bem$T("option", {
           selected,
           disabled: option.disabled
         }), option.className],
@@ -6918,21 +6614,22 @@ var _Cascader = defineComponent({
         "onClick": () => onSelect(option, tabIndex)
       }, [Text, selected ? createVNode(Icon, {
         "name": "success",
-        "class": bem$S("selected-icon")
+        "class": bem$T("selected-icon")
       }, null) : null]);
     };
     var renderOptions = (options, selectedOption, tabIndex) => createVNode("ul", {
-      "class": bem$S("options")
+      "class": bem$T("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     var renderTab = (tab, tabIndex) => {
       var {
         options,
         selected
       } = tab;
-      var title = selected ? selected[textKey] : props2.placeholder || t$c("select");
+      var placeholder = props2.placeholder || t$d("select");
+      var title = selected ? selected[textKey] : placeholder;
       return createVNode(Tab, {
         "title": title,
-        "titleClass": bem$S("tab", {
+        "titleClass": bem$T("tab", {
           unselected: !selected
         })
       }, {
@@ -6940,24 +6637,24 @@ var _Cascader = defineComponent({
       });
     };
     var renderTabs = () => createVNode(Tabs, {
-      "active": state.activeTab,
-      "onUpdate:active": ($event) => state.activeTab = $event,
+      "active": activeTab.value,
+      "onUpdate:active": ($event) => activeTab.value = $event,
       "animated": true,
-      "class": bem$S("tabs"),
+      "class": bem$T("tabs"),
       "color": props2.activeColor,
       "swipeThreshold": 0,
       "swipeable": props2.swipeable,
       "onClick-tab": onClickTab
     }, {
-      default: () => [state.tabs.map(renderTab)]
+      default: () => [tabs.value.map(renderTab)]
     });
     updateTabs();
     watch(() => props2.options, updateTabs, {
       deep: true
     });
     watch(() => props2.modelValue, (value) => {
-      if (value || value === 0) {
-        var values = state.tabs.map((tab) => {
+      if (value !== void 0) {
+        var values = tabs.value.map((tab) => {
           var _tab$selected;
           return (_tab$selected = tab.selected) == null ? void 0 : _tab$selected[valueKey];
         });
@@ -6968,14 +6665,14 @@ var _Cascader = defineComponent({
       updateTabs();
     });
     return () => createVNode("div", {
-      "class": bem$S()
+      "class": bem$T()
     }, [renderHeader(), renderTabs()]);
   }
 });
 var Cascader = withInstall(_Cascader);
-var [name$S, bem$R] = createNamespace("cell-group");
+var [name$T, bem$S] = createNamespace("cell-group");
 var _CellGroup = defineComponent({
-  name: name$S,
+  name: name$T,
   inheritAttrs: false,
   props: {
     title: String,
@@ -6987,14 +6684,14 @@ var _CellGroup = defineComponent({
     attrs
   }) {
     var renderGroup = () => createVNode("div", mergeProps({
-      "class": [bem$R({
+      "class": [bem$S({
         inset: props2.inset
       }), {
         [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
       }]
     }, attrs), [slots.default == null ? void 0 : slots.default()]);
     var renderTitle = () => createVNode("div", {
-      "class": bem$R("title", {
+      "class": bem$S("title", {
         inset: props2.inset
       })
     }, [slots.title ? slots.title() : props2.title]);
@@ -7007,7 +6704,7 @@ var _CellGroup = defineComponent({
   }
 });
 var CellGroup = withInstall(_CellGroup);
-var [name$R, bem$Q] = createNamespace("checkbox-group");
+var [name$S, bem$R] = createNamespace("checkbox-group");
 var props$i = {
   max: numericProp,
   disabled: Boolean,
@@ -7016,9 +6713,9 @@ var props$i = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-var CHECKBOX_GROUP_KEY = Symbol(name$R);
+var CHECKBOX_GROUP_KEY = Symbol(name$S);
 var _CheckboxGroup = defineComponent({
-  name: name$R,
+  name: name$S,
   props: props$i,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -7062,16 +6759,16 @@ var _CheckboxGroup = defineComponent({
       updateValue
     });
     return () => createVNode("div", {
-      "class": bem$Q([props2.direction])
+      "class": bem$R([props2.direction])
     }, [slots.default == null ? void 0 : slots.default()]);
   }
 });
-var [name$Q, bem$P] = createNamespace("checkbox");
+var [name$R, bem$Q] = createNamespace("checkbox");
 var props$h = extend({}, checkerProps, {
   bindGroup: truthProp
 });
 var _Checkbox = defineComponent({
-  name: name$Q,
+  name: name$R,
   props: props$h,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -7129,7 +6826,7 @@ var _Checkbox = defineComponent({
     });
     useCustomFieldValue(() => props2.modelValue);
     return () => createVNode(Checker, mergeProps({
-      "bem": bem$P,
+      "bem": bem$Q,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -7139,7 +6836,7 @@ var _Checkbox = defineComponent({
 });
 var Checkbox = withInstall(_Checkbox);
 var CheckboxGroup = withInstall(_CheckboxGroup);
-var [name$P, bem$O] = createNamespace("circle");
+var [name$Q, bem$P] = createNamespace("circle");
 var uid = 0;
 var format = (rate) => Math.min(Math.max(+rate, 0), 100);
 function getPath(clockwise, viewBoxSize) {
@@ -7147,7 +6844,7 @@ function getPath(clockwise, viewBoxSize) {
   return "M " + viewBoxSize / 2 + " " + viewBoxSize / 2 + " m 0, -500 a 500, 500 0 1, " + sweepFlag + " 0, 1000 a 500, 500 0 1, " + sweepFlag + " 0, -1000";
 }
 var _Circle = defineComponent({
-  name: name$P,
+  name: name$Q,
   props: {
     text: String,
     size: numericProp,
@@ -7228,7 +6925,7 @@ var _Circle = defineComponent({
       return createVNode("path", {
         "d": path.value,
         "style": style,
-        "class": bem$O("hover"),
+        "class": bem$P("hover"),
         "stroke": color
       }, null);
     };
@@ -7239,7 +6936,7 @@ var _Circle = defineComponent({
         strokeWidth: props2.strokeWidth + "px"
       };
       return createVNode("path", {
-        "class": bem$O("layer"),
+        "class": bem$P("layer"),
         "style": style,
         "d": path.value
       }, null);
@@ -7270,12 +6967,12 @@ var _Circle = defineComponent({
       }
       if (props2.text) {
         return createVNode("div", {
-          "class": bem$O("text")
+          "class": bem$P("text")
         }, [props2.text]);
       }
     };
     return () => createVNode("div", {
-      "class": bem$O(),
+      "class": bem$P(),
       "style": getSizeStyle(props2.size)
     }, [createVNode("svg", {
       "viewBox": "0 0 " + viewBoxSize.value + " " + viewBoxSize.value,
@@ -7284,10 +6981,10 @@ var _Circle = defineComponent({
   }
 });
 var Circle = withInstall(_Circle);
-var [name$O, bem$N] = createNamespace("row");
-var ROW_KEY = Symbol(name$O);
+var [name$P, bem$O] = createNamespace("row");
+var ROW_KEY = Symbol(name$P);
 var _Row = defineComponent({
-  name: name$O,
+  name: name$P,
   props: {
     tag: makeStringProp("div"),
     wrap: truthProp,
@@ -7352,7 +7049,7 @@ var _Row = defineComponent({
         justify
       } = props2;
       return createVNode(tag, {
-        "class": bem$N({
+        "class": bem$O({
           ["align-" + align]: align,
           ["justify-" + justify]: justify,
           nowrap: !wrap
@@ -7363,9 +7060,9 @@ var _Row = defineComponent({
     };
   }
 });
-var [name$N, bem$M] = createNamespace("col");
+var [name$O, bem$N] = createNamespace("col");
 var _Col = defineComponent({
-  name: name$N,
+  name: name$O,
   props: {
     tag: makeStringProp("div"),
     span: makeNumericProp(0),
@@ -7404,7 +7101,7 @@ var _Col = defineComponent({
       } = props2;
       return createVNode(tag, {
         "style": style.value,
-        "class": bem$M({
+        "class": bem$N({
           [span]: span,
           ["offset-" + offset2]: offset2
         })
@@ -7415,10 +7112,10 @@ var _Col = defineComponent({
   }
 });
 var Col = withInstall(_Col);
-var [name$M, bem$L] = createNamespace("collapse");
-var COLLAPSE_KEY = Symbol(name$M);
+var [name$N, bem$M] = createNamespace("collapse");
+var COLLAPSE_KEY = Symbol(name$N);
 var _Collapse = defineComponent({
-  name: name$M,
+  name: name$N,
   props: {
     border: truthProp,
     accordion: Boolean,
@@ -7464,14 +7161,14 @@ var _Collapse = defineComponent({
       isExpanded
     });
     return () => createVNode("div", {
-      "class": [bem$L(), {
+      "class": [bem$M(), {
         [BORDER_TOP_BOTTOM]: props2.border
       }]
     }, [slots.default == null ? void 0 : slots.default()]);
   }
 });
 var Collapse = withInstall(_Collapse);
-var [name$L, bem$K] = createNamespace("collapse-item");
+var [name$M, bem$L] = createNamespace("collapse-item");
 var CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
 var props$g = extend({}, cellProps, {
   name: numericProp,
@@ -7480,7 +7177,7 @@ var props$g = extend({}, cellProps, {
   readonly: Boolean
 });
 var _CollapseItem = defineComponent({
-  name: name$L,
+  name: name$M,
   props: props$g,
   setup(props2, {
     slots
@@ -7559,7 +7256,7 @@ var _CollapseItem = defineComponent({
       }
       return createVNode(Cell, mergeProps({
         "role": "button",
-        "class": bem$K("title", {
+        "class": bem$L("title", {
           disabled,
           expanded: expanded.value,
           borderless: !border
@@ -7570,17 +7267,17 @@ var _CollapseItem = defineComponent({
     };
     var renderContent = lazyRender(() => withDirectives(createVNode("div", {
       "ref": wrapperRef,
-      "class": bem$K("wrapper"),
+      "class": bem$L("wrapper"),
       "onTransitionend": onTransitionEnd
     }, [createVNode("div", {
       "ref": contentRef,
-      "class": bem$K("content")
+      "class": bem$L("content")
     }, [slots.default == null ? void 0 : slots.default()])]), [[vShow, show.value]]));
     useExpose({
       toggle
     });
     return () => createVNode("div", {
-      "class": [bem$K({
+      "class": [bem$L({
         border: index2.value && props2.border
       })]
     }, [renderTitle(), renderContent()]);
@@ -7588,9 +7285,9 @@ var _CollapseItem = defineComponent({
 });
 var CollapseItem = withInstall(_CollapseItem);
 var ConfigProvider = withInstall(_ConfigProvider);
-var [name$K, bem$J, t$b] = createNamespace("contact-card");
+var [name$L, bem$K, t$c] = createNamespace("contact-card");
 var _ContactCard = defineComponent({
-  name: name$K,
+  name: name$L,
   props: {
     tel: String,
     name: String,
@@ -7609,17 +7306,17 @@ var _ContactCard = defineComponent({
     };
     var renderContent = () => {
       if (props2.type === "add") {
-        return props2.addText || t$b("addText");
+        return props2.addText || t$c("addText");
       }
-      return [createVNode("div", null, [t$b("name") + "\uFF1A" + props2.name]), createVNode("div", null, [t$b("tel") + "\uFF1A" + props2.tel])];
+      return [createVNode("div", null, [t$c("name") + "\uFF1A" + props2.name]), createVNode("div", null, [t$c("tel") + "\uFF1A" + props2.tel])];
     };
     return () => createVNode(Cell, {
       "center": true,
       "icon": props2.type === "edit" ? "contact" : "add-square",
-      "class": bem$J([props2.type]),
+      "class": bem$K([props2.type]),
       "border": false,
       "isLink": props2.editable,
-      "valueClass": bem$J("value"),
+      "valueClass": bem$K("value"),
       "onClick": onClick
     }, {
       value: renderContent
@@ -7627,7 +7324,7 @@ var _ContactCard = defineComponent({
   }
 });
 var ContactCard = withInstall(_ContactCard);
-var [name$J, bem$I] = createNamespace("form");
+var [name$K, bem$J] = createNamespace("form");
 var props$f = {
   colon: Boolean,
   disabled: Boolean,
@@ -7644,7 +7341,7 @@ var props$f = {
   errorMessageAlign: String
 };
 var _Form = defineComponent({
-  name: name$J,
+  name: name$K,
   props: props$f,
   emits: ["submit", "failed"],
   setup(props2, {
@@ -7760,19 +7457,19 @@ var _Form = defineComponent({
       resetValidation
     });
     return () => createVNode("form", {
-      "class": bem$I(),
+      "class": bem$J(),
       "onSubmit": onSubmit
     }, [slots.default == null ? void 0 : slots.default()]);
   }
 });
 var Form = withInstall(_Form);
-var [name$I, bem$H, t$a] = createNamespace("contact-edit");
+var [name$J, bem$I, t$b] = createNamespace("contact-edit");
 var DEFAULT_CONTACT = {
   tel: "",
   name: ""
 };
 var _ContactEdit = defineComponent({
-  name: name$I,
+  name: name$J,
   props: {
     isEdit: Boolean,
     isSaving: Boolean,
@@ -7798,24 +7495,22 @@ var _ContactEdit = defineComponent({
         emit("save", contact);
       }
     };
-    var onDelete = () => Dialog.confirm({
-      title: t$a("confirmDelete")
-    }).then(() => emit("delete", contact));
+    var onDelete = () => emit("delete", contact);
     var renderButtons = () => createVNode("div", {
-      "class": bem$H("buttons")
+      "class": bem$I("buttons")
     }, [createVNode(Button, {
       "block": true,
       "round": true,
       "type": "danger",
-      "text": t$a("save"),
-      "class": bem$H("button"),
+      "text": t$b("save"),
+      "class": bem$I("button"),
       "loading": props2.isSaving,
       "nativeType": "submit"
     }, null), props2.isEdit && createVNode(Button, {
       "block": true,
       "round": true,
-      "text": t$a("delete"),
-      "class": bem$H("button"),
+      "text": t$b("delete"),
+      "class": bem$I("button"),
       "loading": props2.isDeleting,
       "onClick": onDelete
     }, null)]);
@@ -7829,7 +7524,7 @@ var _ContactEdit = defineComponent({
       if (props2.showSetDefault) {
         return createVNode(Cell, {
           "title": props2.setDefaultLabel,
-          "class": bem$H("switch-cell"),
+          "class": bem$I("switch-cell"),
           "border": false
         }, {
           "right-icon": renderSwitch
@@ -7838,41 +7533,41 @@ var _ContactEdit = defineComponent({
     };
     watch(() => props2.contactInfo, (value) => extend(contact, DEFAULT_CONTACT, value));
     return () => createVNode(Form, {
-      "class": bem$H(),
+      "class": bem$I(),
       "onSubmit": onSave
     }, {
       default: () => [createVNode("div", {
-        "class": bem$H("fields")
+        "class": bem$I("fields")
       }, [createVNode(Field, {
         "modelValue": contact.name,
         "onUpdate:modelValue": ($event) => contact.name = $event,
         "clearable": true,
-        "label": t$a("name"),
+        "label": t$b("name"),
         "rules": [{
           required: true,
-          message: t$a("nameEmpty")
+          message: t$b("nameEmpty")
         }],
         "maxlength": "30",
-        "placeholder": t$a("name")
+        "placeholder": t$b("name")
       }, null), createVNode(Field, {
         "modelValue": contact.tel,
         "onUpdate:modelValue": ($event) => contact.tel = $event,
         "clearable": true,
         "type": "tel",
-        "label": t$a("tel"),
+        "label": t$b("tel"),
         "rules": [{
           validator: props2.telValidator,
-          message: t$a("telInvalid")
+          message: t$b("telInvalid")
         }],
-        "placeholder": t$a("tel")
+        "placeholder": t$b("tel")
       }, null)]), renderSetDefault(), renderButtons()]
     });
   }
 });
 var ContactEdit = withInstall(_ContactEdit);
-var [name$H, bem$G, t$9] = createNamespace("contact-list");
+var [name$I, bem$H, t$a] = createNamespace("contact-list");
 var _ContactList = defineComponent({
-  name: name$H,
+  name: name$I,
   props: {
     list: Array,
     addText: String,
@@ -7889,13 +7584,13 @@ var _ContactList = defineComponent({
         emit("select", item, index2);
       };
       var renderRightIcon = () => createVNode(Radio, {
-        "class": bem$G("radio"),
+        "class": bem$H("radio"),
         "name": item.id,
         "iconSize": 16
       }, null);
       var renderEditIcon = () => createVNode(Icon, {
         "name": "edit",
-        "class": bem$G("edit"),
+        "class": bem$H("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit", item, index2);
@@ -7907,7 +7602,7 @@ var _ContactList = defineComponent({
           nodes.push(createVNode(Tag, {
             "type": "danger",
             "round": true,
-            "class": bem$G("item-tag")
+            "class": bem$H("item-tag")
           }, {
             default: () => [props2.defaultTagText]
           }));
@@ -7918,8 +7613,8 @@ var _ContactList = defineComponent({
         "key": item.id,
         "isLink": true,
         "center": true,
-        "class": bem$G("item"),
-        "valueClass": bem$G("item-value"),
+        "class": bem$H("item"),
+        "valueClass": bem$H("item-value"),
         "onClick": onClick
       }, {
         icon: renderEditIcon,
@@ -7928,20 +7623,20 @@ var _ContactList = defineComponent({
       });
     };
     return () => createVNode("div", {
-      "class": bem$G()
+      "class": bem$H()
     }, [createVNode(RadioGroup, {
       "modelValue": props2.modelValue,
-      "class": bem$G("group")
+      "class": bem$H("group")
     }, {
       default: () => [props2.list && props2.list.map(renderItem)]
     }), createVNode("div", {
-      "class": [bem$G("bottom"), "van-safe-area-bottom"]
+      "class": [bem$H("bottom"), "van-safe-area-bottom"]
     }, [createVNode(Button, {
       "round": true,
       "block": true,
       "type": "danger",
-      "class": bem$G("add"),
-      "text": props2.addText || t$9("addText"),
+      "class": bem$H("add"),
+      "text": props2.addText || t$a("addText"),
       "onClick": () => emit("add")
     }, null)])]);
   }
@@ -7989,7 +7684,7 @@ function parseFormat(format2, currentTime) {
   }
   return format2;
 }
-var [name$G, bem$F] = createNamespace("count-down");
+var [name$H, bem$G] = createNamespace("count-down");
 var props$e = {
   time: makeNumericProp(0),
   format: makeStringProp("HH:mm:ss"),
@@ -7997,7 +7692,7 @@ var props$e = {
   millisecond: Boolean
 };
 var _CountDown = defineComponent({
-  name: name$G,
+  name: name$H,
   props: props$e,
   emits: ["change", "finish"],
   setup(props2, {
@@ -8031,12 +7726,12 @@ var _CountDown = defineComponent({
       reset: resetTime
     });
     return () => createVNode("div", {
-      "class": bem$F()
+      "class": bem$G()
     }, [slots.default ? slots.default(current.value) : timeText.value]);
   }
 });
 var CountDown = withInstall(_CountDown);
-var [name$F, bem$E, t$8] = createNamespace("coupon");
+var [name$G, bem$F, t$9] = createNamespace("coupon");
 function getDate(timeStamp) {
   var date = new Date(timeStamp * 1e3);
   return date.getFullYear() + "." + padZero(date.getMonth() + 1) + "." + padZero(date.getDate());
@@ -8044,7 +7739,7 @@ function getDate(timeStamp) {
 var formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 var formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
 var _Coupon = defineComponent({
-  name: name$F,
+  name: name$G,
   props: {
     chosen: Boolean,
     coupon: makeRequiredProp(Object),
@@ -8072,13 +7767,13 @@ var _Coupon = defineComponent({
         return [createVNode("span", null, [currency]), " " + denominations];
       }
       if (coupon.discount) {
-        return t$8("discount", formatDiscount(coupon.discount));
+        return t$9("discount", formatDiscount(coupon.discount));
       }
       return "";
     });
     var conditionMessage = computed(() => {
       var condition = formatAmount(props2.coupon.originCondition || 0);
-      return condition === "0" ? t$8("unlimited") : t$8("condition", condition);
+      return condition === "0" ? t$9("unlimited") : t$9("condition", condition);
     });
     return () => {
       var {
@@ -8088,34 +7783,34 @@ var _Coupon = defineComponent({
       } = props2;
       var description = disabled && coupon.reason || coupon.description;
       return createVNode("div", {
-        "class": bem$E({
+        "class": bem$F({
           disabled
         })
       }, [createVNode("div", {
-        "class": bem$E("content")
+        "class": bem$F("content")
       }, [createVNode("div", {
-        "class": bem$E("head")
+        "class": bem$F("head")
       }, [createVNode("h2", {
-        "class": bem$E("amount")
+        "class": bem$F("amount")
       }, [faceAmount.value]), createVNode("p", {
-        "class": bem$E("condition")
+        "class": bem$F("condition")
       }, [coupon.condition || conditionMessage.value])]), createVNode("div", {
-        "class": bem$E("body")
+        "class": bem$F("body")
       }, [createVNode("p", {
-        "class": bem$E("name")
+        "class": bem$F("name")
       }, [coupon.name]), createVNode("p", {
-        "class": bem$E("valid")
+        "class": bem$F("valid")
       }, [validPeriod.value]), !disabled && createVNode(Checkbox, {
-        "class": bem$E("corner"),
+        "class": bem$F("corner"),
         "modelValue": chosen
       }, null)])]), description && createVNode("p", {
-        "class": bem$E("description")
+        "class": bem$F("description")
       }, [description])]);
     };
   }
 });
 var Coupon = withInstall(_Coupon);
-var [name$E, bem$D, t$7] = createNamespace("coupon-cell");
+var [name$F, bem$E, t$8] = createNamespace("coupon-cell");
 function formatValue(coupons, chosenCoupon, currency) {
   var coupon = coupons[+chosenCoupon];
   if (coupon) {
@@ -8129,10 +7824,10 @@ function formatValue(coupons, chosenCoupon, currency) {
     }
     return "-" + currency + " " + (value / 100).toFixed(2);
   }
-  return coupons.length === 0 ? t$7("noCoupon") : t$7("count", coupons.length);
+  return coupons.length === 0 ? t$8("noCoupon") : t$8("count", coupons.length);
 }
 var _CouponCell = defineComponent({
-  name: name$E,
+  name: name$F,
   props: {
     title: String,
     border: truthProp,
@@ -8146,12 +7841,12 @@ var _CouponCell = defineComponent({
       var selected = props2.coupons[+props2.chosenCoupon];
       var value = formatValue(props2.coupons, props2.chosenCoupon, props2.currency);
       return createVNode(Cell, {
-        "class": bem$D(),
+        "class": bem$E(),
         "value": value,
-        "title": props2.title || t$7("title"),
+        "title": props2.title || t$8("title"),
         "border": props2.border,
         "isLink": props2.editable,
-        "valueClass": bem$D("value", {
+        "valueClass": bem$E("value", {
           selected
         })
       }, null);
@@ -8159,10 +7854,10 @@ var _CouponCell = defineComponent({
   }
 });
 var CouponCell = withInstall(_CouponCell);
-var [name$D, bem$C, t$6] = createNamespace("coupon-list");
+var [name$E, bem$D, t$7] = createNamespace("coupon-list");
 var EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
 var _CouponList = defineComponent({
-  name: name$D,
+  name: name$E,
   props: {
     code: makeStringProp(""),
     coupons: makeArrayProp(),
@@ -8208,27 +7903,27 @@ var _CouponList = defineComponent({
       });
     };
     var renderEmpty = () => createVNode("div", {
-      "class": bem$C("empty")
+      "class": bem$D("empty")
     }, [createVNode("img", {
       "src": props2.emptyImage
-    }, null), createVNode("p", null, [t$6("noCoupon")])]);
+    }, null), createVNode("p", null, [t$7("noCoupon")])]);
     var renderExchangeBar = () => {
       if (props2.showExchangeBar) {
         return createVNode("div", {
-          "class": bem$C("exchange-bar")
+          "class": bem$D("exchange-bar")
         }, [createVNode(Field, {
           "modelValue": state.code,
           "onUpdate:modelValue": ($event) => state.code = $event,
           "clearable": true,
           "border": false,
-          "class": bem$C("field"),
-          "placeholder": props2.inputPlaceholder || t$6("placeholder"),
+          "class": bem$D("field"),
+          "placeholder": props2.inputPlaceholder || t$7("placeholder"),
           "maxlength": "20"
         }, null), createVNode(Button, {
           "plain": true,
           "type": "danger",
-          "class": bem$C("exchange"),
-          "text": props2.exchangeButtonText || t$6("exchange"),
+          "class": bem$D("exchange"),
+          "text": props2.exchangeButtonText || t$7("exchange"),
           "loading": props2.exchangeButtonLoading,
           "disabled": buttonDisabled.value,
           "onClick": onExchange
@@ -8241,12 +7936,12 @@ var _CouponList = defineComponent({
         coupons
       } = props2;
       var count = props2.showCount ? " (" + coupons.length + ")" : "";
-      var title = (props2.enabledTitle || t$6("enable")) + count;
+      var title = (props2.enabledTitle || t$7("enable")) + count;
       return createVNode(Tab, {
         "title": title
       }, {
         default: () => [createVNode("div", {
-          "class": bem$C("list", {
+          "class": bem$D("list", {
             "with-bar": props2.showExchangeBar,
             "with-bottom": props2.showCloseButton
           })
@@ -8266,12 +7961,12 @@ var _CouponList = defineComponent({
         disabledCoupons
       } = props2;
       var count = props2.showCount ? " (" + disabledCoupons.length + ")" : "";
-      var title = (props2.disabledTitle || t$6("disabled")) + count;
+      var title = (props2.disabledTitle || t$7("disabled")) + count;
       return createVNode(Tab, {
         "title": title
       }, {
         default: () => [createVNode("div", {
-          "class": bem$C("list", {
+          "class": bem$D("list", {
             "with-bar": props2.showExchangeBar,
             "with-bottom": props2.showCloseButton
           })
@@ -8292,30 +7987,30 @@ var _CouponList = defineComponent({
       scrollToCoupon(props2.displayedCouponIndex);
     });
     return () => createVNode("div", {
-      "class": bem$C()
+      "class": bem$D()
     }, [renderExchangeBar(), createVNode(Tabs, {
       "active": state.tab,
       "onUpdate:active": ($event) => state.tab = $event,
-      "class": bem$C("tab"),
+      "class": bem$D("tab"),
       "border": false
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), createVNode("div", {
-      "class": bem$C("bottom")
+      "class": bem$D("bottom")
     }, [withDirectives(createVNode(Button, {
       "round": true,
       "block": true,
       "type": "danger",
-      "class": bem$C("close"),
-      "text": props2.closeButtonText || t$6("close"),
+      "class": bem$D("close"),
+      "text": props2.closeButtonText || t$7("close"),
       "onClick": () => emit("change", -1)
     }, null), [[vShow, props2.showCloseButton]])])]);
   }
 });
 var CouponList = withInstall(_CouponList);
-var [name$C] = createNamespace("time-picker");
+var [name$D] = createNamespace("time-picker");
 var TimePicker = defineComponent({
-  name: name$C,
+  name: name$D,
   props: extend({}, sharedProps, {
     minHour: makeNumericProp(0),
     maxHour: makeNumericProp(23),
@@ -8422,9 +8117,9 @@ var TimePicker = defineComponent({
   }
 });
 var currentYear = new Date().getFullYear();
-var [name$B] = createNamespace("date-picker");
+var [name$C] = createNamespace("date-picker");
 var DatePicker = defineComponent({
-  name: name$B,
+  name: name$C,
   props: extend({}, sharedProps, {
     type: makeStringProp("datetime"),
     modelValue: Date,
@@ -8619,81 +8314,341 @@ var DatePicker = defineComponent({
         hour = getValue("hour");
         minute = getValue("minute");
       }
-      var value = new Date(year, month - 1, day, hour, minute);
-      currentDate.value = formatValue2(value);
-    };
-    var onConfirm = () => {
-      emit("update:modelValue", currentDate.value);
-      emit("confirm", currentDate.value);
+      var value = new Date(year, month - 1, day, hour, minute);
+      currentDate.value = formatValue2(value);
+    };
+    var onConfirm = () => {
+      emit("update:modelValue", currentDate.value);
+      emit("confirm", currentDate.value);
+    };
+    var onCancel = () => emit("cancel");
+    var onChange = () => {
+      updateInnerValue();
+      nextTick(() => {
+        nextTick(() => emit("change", currentDate.value));
+      });
+    };
+    onMounted(() => {
+      updateColumnValue();
+      nextTick(updateInnerValue);
+    });
+    watch(columns, updateColumnValue);
+    watch(currentDate, (value, oldValue) => emit("update:modelValue", oldValue ? value : null));
+    watch(() => [props2.filter, props2.maxDate], updateInnerValue);
+    watch(() => props2.minDate, () => {
+      nextTick(updateInnerValue);
+    });
+    watch(() => props2.modelValue, (value) => {
+      var _currentDate$value;
+      value = formatValue2(value);
+      if (value && value.valueOf() !== ((_currentDate$value = currentDate.value) == null ? void 0 : _currentDate$value.valueOf())) {
+        currentDate.value = value;
+      }
+    });
+    useExpose({
+      getPicker: () => picker.value
+    });
+    return () => createVNode(Picker, mergeProps({
+      "ref": picker,
+      "columns": columns.value,
+      "onChange": onChange,
+      "onCancel": onCancel,
+      "onConfirm": onConfirm
+    }, pick(props2, pickerKeys)), slots);
+  }
+});
+var [name$B, bem$C] = createNamespace("datetime-picker");
+var timePickerProps = Object.keys(TimePicker.props);
+var datePickerProps = Object.keys(DatePicker.props);
+var props$d = extend({}, TimePicker.props, DatePicker.props, {
+  modelValue: [String, Date]
+});
+var _DatetimePicker = defineComponent({
+  name: name$B,
+  props: props$d,
+  setup(props2, {
+    attrs,
+    slots
+  }) {
+    var root = ref();
+    useExpose({
+      getPicker: () => {
+        var _root$value;
+        return (_root$value = root.value) == null ? void 0 : _root$value.getPicker();
+      }
+    });
+    return () => {
+      var isTimePicker = props2.type === "time";
+      var Component = isTimePicker ? TimePicker : DatePicker;
+      var inheritProps = pick(props2, isTimePicker ? timePickerProps : datePickerProps);
+      return createVNode(Component, mergeProps({
+        "ref": root,
+        "class": bem$C()
+      }, inheritProps, attrs), slots);
+    };
+  }
+});
+var DatetimePicker = withInstall(_DatetimePicker);
+var [name$A, bem$B, t$6] = createNamespace("dialog");
+var popupKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
+var VanDialog = defineComponent({
+  name: name$A,
+  props: extend({}, popupSharedProps, {
+    title: String,
+    theme: String,
+    width: numericProp,
+    message: [String, Function],
+    callback: Function,
+    allowHtml: Boolean,
+    className: unknownProp,
+    transition: makeStringProp("van-dialog-bounce"),
+    messageAlign: String,
+    closeOnPopstate: truthProp,
+    showCancelButton: Boolean,
+    cancelButtonText: String,
+    cancelButtonColor: String,
+    confirmButtonText: String,
+    confirmButtonColor: String,
+    showConfirmButton: truthProp,
+    closeOnClickOverlay: Boolean
+  }),
+  emits: ["confirm", "cancel", "update:show"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    var loading = reactive({
+      confirm: false,
+      cancel: false
+    });
+    var updateShow = (value) => emit("update:show", value);
+    var close = (action) => {
+      updateShow(false);
+      props2.callback == null ? void 0 : props2.callback(action);
+    };
+    var getActionHandler = (action) => () => {
+      if (!props2.show) {
+        return;
+      }
+      emit(action);
+      if (props2.beforeClose) {
+        loading[action] = true;
+        callInterceptor(props2.beforeClose, {
+          args: [action],
+          done() {
+            close(action);
+            loading[action] = false;
+          },
+          canceled() {
+            loading[action] = false;
+          }
+        });
+      } else {
+        close(action);
+      }
+    };
+    var onCancel = getActionHandler("cancel");
+    var onConfirm = getActionHandler("confirm");
+    var renderTitle = () => {
+      var title = slots.title ? slots.title() : props2.title;
+      if (title) {
+        return createVNode("div", {
+          "class": bem$B("header", {
+            isolated: !props2.message && !slots.default
+          })
+        }, [title]);
+      }
     };
-    var onCancel = () => emit("cancel");
-    var onChange = () => {
-      updateInnerValue();
-      nextTick(() => {
-        nextTick(() => emit("change", currentDate.value));
+    var renderMessage = (hasTitle) => {
+      var {
+        message,
+        allowHtml,
+        messageAlign
+      } = props2;
+      var classNames = bem$B("message", {
+        "has-title": hasTitle,
+        [messageAlign]: messageAlign
       });
+      var content = isFunction(message) ? message() : message;
+      if (allowHtml && typeof content === "string") {
+        return createVNode("div", {
+          "class": classNames,
+          "innerHTML": content
+        }, null);
+      }
+      return createVNode("div", {
+        "class": classNames
+      }, [content]);
     };
-    onMounted(() => {
-      updateColumnValue();
-      nextTick(updateInnerValue);
-    });
-    watch(columns, updateColumnValue);
-    watch(currentDate, (value, oldValue) => emit("update:modelValue", oldValue ? value : null));
-    watch(() => [props2.filter, props2.maxDate], updateInnerValue);
-    watch(() => props2.minDate, () => {
-      nextTick(updateInnerValue);
-    });
-    watch(() => props2.modelValue, (value) => {
-      var _currentDate$value;
-      value = formatValue2(value);
-      if (value && value.valueOf() !== ((_currentDate$value = currentDate.value) == null ? void 0 : _currentDate$value.valueOf())) {
-        currentDate.value = value;
+    var renderContent = () => {
+      if (slots.default) {
+        return createVNode("div", {
+          "class": bem$B("content")
+        }, [slots.default()]);
       }
-    });
-    useExpose({
-      getPicker: () => picker.value
-    });
-    return () => createVNode(Picker, mergeProps({
-      "ref": picker,
-      "columns": columns.value,
-      "onChange": onChange,
-      "onCancel": onCancel,
-      "onConfirm": onConfirm
-    }, pick(props2, pickerKeys)), slots);
-  }
-});
-var [name$A, bem$B] = createNamespace("datetime-picker");
-var timePickerProps = Object.keys(TimePicker.props);
-var datePickerProps = Object.keys(DatePicker.props);
-var props$d = extend({}, TimePicker.props, DatePicker.props, {
-  modelValue: [String, Date]
-});
-var _DatetimePicker = defineComponent({
-  name: name$A,
-  props: props$d,
-  setup(props2, {
-    attrs,
-    slots
-  }) {
-    var root = ref();
-    useExpose({
-      getPicker: () => {
-        var _root$value;
-        return (_root$value = root.value) == null ? void 0 : _root$value.getPicker();
+      var {
+        title,
+        message,
+        allowHtml
+      } = props2;
+      if (message) {
+        var hasTitle = !!(title || slots.title);
+        return createVNode("div", {
+          "key": allowHtml ? 1 : 0,
+          "class": bem$B("content", {
+            isolated: !hasTitle
+          })
+        }, [renderMessage(hasTitle)]);
       }
+    };
+    var renderButtons = () => createVNode("div", {
+      "class": [BORDER_TOP, bem$B("footer")]
+    }, [props2.showCancelButton && createVNode(Button, {
+      "size": "large",
+      "text": props2.cancelButtonText || t$6("cancel"),
+      "class": bem$B("cancel"),
+      "style": {
+        color: props2.cancelButtonColor
+      },
+      "loading": loading.cancel,
+      "onClick": onCancel
+    }, null), props2.showConfirmButton && createVNode(Button, {
+      "size": "large",
+      "text": props2.confirmButtonText || t$6("confirm"),
+      "class": [bem$B("confirm"), {
+        [BORDER_LEFT]: props2.showCancelButton
+      }],
+      "style": {
+        color: props2.confirmButtonColor
+      },
+      "loading": loading.confirm,
+      "onClick": onConfirm
+    }, null)]);
+    var renderRoundButtons = () => createVNode(ActionBar, {
+      "class": bem$B("footer")
+    }, {
+      default: () => [props2.showCancelButton && createVNode(ActionBarButton, {
+        "type": "warning",
+        "text": props2.cancelButtonText || t$6("cancel"),
+        "class": bem$B("cancel"),
+        "color": props2.cancelButtonColor,
+        "loading": loading.cancel,
+        "onClick": onCancel
+      }, null), props2.showConfirmButton && createVNode(ActionBarButton, {
+        "type": "danger",
+        "text": props2.confirmButtonText || t$6("confirm"),
+        "class": bem$B("confirm"),
+        "color": props2.confirmButtonColor,
+        "loading": loading.confirm,
+        "onClick": onConfirm
+      }, null)]
     });
+    var renderFooter = () => {
+      if (slots.footer) {
+        return slots.footer();
+      }
+      return props2.theme === "round-button" ? renderRoundButtons() : renderButtons();
+    };
     return () => {
-      var isTimePicker = props2.type === "time";
-      var Component = isTimePicker ? TimePicker : DatePicker;
-      var inheritProps = pick(props2, isTimePicker ? timePickerProps : datePickerProps);
-      return createVNode(Component, mergeProps({
-        "ref": root,
-        "class": bem$B()
-      }, inheritProps, attrs), slots);
+      var {
+        width,
+        title,
+        theme,
+        message,
+        className
+      } = props2;
+      return createVNode(Popup, mergeProps({
+        "role": "dialog",
+        "class": [bem$B([theme]), className],
+        "style": {
+          width: addUnit(width)
+        },
+        "aria-labelledby": title || message,
+        "onUpdate:show": updateShow
+      }, pick(props2, popupKeys$1)), {
+        default: () => [renderTitle(), renderContent(), renderFooter()]
+      });
     };
   }
 });
-var DatetimePicker = withInstall(_DatetimePicker);
+var instance$2;
+function initInstance$2() {
+  var Wrapper = {
+    setup() {
+      var {
+        state,
+        toggle
+      } = usePopupState();
+      return () => createVNode(VanDialog, mergeProps(state, {
+        "onUpdate:show": toggle
+      }), null);
+    }
+  };
+  ({
+    instance: instance$2
+  } = mountComponent(Wrapper));
+}
+function Dialog(options) {
+  if (!inBrowser$1) {
+    return Promise.resolve();
+  }
+  return new Promise((resolve, reject) => {
+    if (!instance$2) {
+      initInstance$2();
+    }
+    instance$2.open(extend({}, Dialog.currentOptions, options, {
+      callback: (action) => {
+        (action === "confirm" ? resolve : reject)(action);
+      }
+    }));
+  });
+}
+Dialog.defaultOptions = {
+  title: "",
+  width: "",
+  theme: null,
+  message: "",
+  overlay: true,
+  callback: null,
+  teleport: "body",
+  className: "",
+  allowHtml: false,
+  lockScroll: true,
+  transition: void 0,
+  beforeClose: null,
+  overlayClass: "",
+  overlayStyle: void 0,
+  messageAlign: "",
+  cancelButtonText: "",
+  cancelButtonColor: null,
+  confirmButtonText: "",
+  confirmButtonColor: null,
+  showConfirmButton: true,
+  showCancelButton: false,
+  closeOnPopstate: true,
+  closeOnClickOverlay: false
+};
+Dialog.currentOptions = extend({}, Dialog.defaultOptions);
+Dialog.alert = Dialog;
+Dialog.confirm = (options) => Dialog(extend({
+  showCancelButton: true
+}, options));
+Dialog.close = () => {
+  if (instance$2) {
+    instance$2.toggle(false);
+  }
+};
+Dialog.setDefaultOptions = (options) => {
+  extend(Dialog.currentOptions, options);
+};
+Dialog.resetDefaultOptions = () => {
+  Dialog.currentOptions = extend({}, Dialog.defaultOptions);
+};
+Dialog.Component = withInstall(VanDialog);
+Dialog.install = (app) => {
+  app.use(Dialog.Component);
+  app.config.globalProperties.$dialog = Dialog;
+};
 var [name$z, bem$A] = createNamespace("divider");
 var _Divider = defineComponent({
   name: name$z,
@@ -9005,40 +8960,24 @@ var Network = createVNode("svg", {
   "id": prefix + "1",
   "x1": "64.022%",
   "y1": "100%",
-  "x2": "64.022%",
-  "y2": "0%"
+  "x2": "64.022%"
 }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), createVNode("linearGradient", {
   "id": prefix + "2",
   "x1": "50%",
-  "y1": "0%",
   "x2": "50%",
   "y2": "84.459%"
 }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), createVNode("linearGradient", {
   "id": prefix + "3",
   "x1": "100%",
-  "y1": "0%",
   "x2": "100%",
   "y2": "100%"
 }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), createVNode("linearGradient", {
   "id": prefix + "4",
   "x1": "100%",
   "y1": "100%",
-  "x2": "100%",
-  "y2": "0%"
-}, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), createVNode("linearGradient", {
-  "id": prefix + "5",
-  "x1": "0%",
-  "y1": "43.982%",
-  "x2": "100%",
-  "y2": "54.703%"
-}, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), createVNode("linearGradient", {
-  "id": prefix + "6",
-  "x1": "94.535%",
-  "y1": "43.837%",
-  "x2": "5.465%",
-  "y2": "54.948%"
+  "x2": "100%"
 }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), createVNode("radialGradient", {
-  "id": prefix + "7",
+  "id": prefix + "5",
   "cx": "50%",
   "cy": "0%",
   "fx": "50%",
@@ -9046,8 +8985,7 @@ var Network = createVNode("svg", {
   "r": "100%",
   "gradientTransform": "matrix(0 1 -.54835 0 .5 -.5)"
 }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), createVNode("g", {
-  "fill": "none",
-  "fill-rule": "evenodd"
+  "fill": "none"
 }, [createVNode("g", {
   "opacity": ".8"
 }, [createVNode("path", {
@@ -9059,12 +8997,11 @@ var Network = createVNode("svg", {
   "fill": "url(#" + prefix + "1)",
   "transform": "translate(2 7)"
 }, null)]), createVNode("path", {
-  "fill": "url(#" + prefix + "7)",
+  "fill": "url(#" + prefix + "5)",
   "d": "M0 139h160v21H0z"
 }, null), createVNode("path", {
   "d": "M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z",
   "fill": "url(#" + prefix + "2)",
-  "fill-rule": "nonzero",
   "transform": "translate(43 36)"
 }, null), createVNode("g", {
   "opacity": ".6",
@@ -9087,10 +9024,9 @@ var Network = createVNode("svg", {
   "stroke": "url(#" + prefix + "4)",
   "transform": "rotate(-180 89.791 42.146)"
 }, null)]), createVNode("g", {
-  "transform": "translate(31 105)",
-  "fill-rule": "nonzero"
+  "transform": "translate(31 105)"
 }, [createVNode("rect", {
-  "fill": "url(#" + prefix + "5)",
+  "fill": "#EBEDF0",
   "width": "98",
   "height": "34",
   "rx": "2"
@@ -9102,7 +9038,7 @@ var Network = createVNode("svg", {
   "height": "18",
   "rx": "1.114"
 }, null), createVNode("rect", {
-  "fill": "url(#" + prefix + "6)",
+  "fill": "#EBEDF0",
   "x": "15",
   "y": "12",
   "width": "18",
@@ -9261,7 +9197,7 @@ var _GridItem = defineComponent({
           "dot": props2.dot,
           "content": props2.badge
         }, {
-          default: () => [slots.icon()]
+          default: slots.icon
         });
       }
       if (props2.icon) {
@@ -9558,6 +9494,7 @@ var ImagePreviewItem = defineComponent({
   }
 });
 var [name$t, bem$t] = createNamespace("image-preview");
+var popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate"];
 var props$9 = {
   show: Boolean,
   loop: truthProp,
@@ -9604,8 +9541,7 @@ var VanImagePreview = defineComponent({
     var emitScale = (args) => emit("scale", args);
     var updateShow = (show) => emit("update:show", show);
     var emitClose = () => {
-      callInterceptor({
-        interceptor: props2.beforeClose,
+      callInterceptor(props2.beforeClose, {
         args: [state.active],
         done: () => updateShow(false)
       });
@@ -9699,10 +9635,9 @@ var VanImagePreview = defineComponent({
     return () => createVNode(Popup, mergeProps({
       "class": [bem$t(), props2.className],
       "overlayClass": bem$t("overlay"),
-      "onClosed": onClosed
-    }, pick(props2, ["show", "transition", "overlayStyle", "closeOnPopstate"]), {
+      "onClosed": onClosed,
       "onUpdate:show": updateShow
-    }), {
+    }, pick(props2, popupProps$1)), {
       default: () => [renderClose(), renderImages(), renderIndex(), renderCover()]
     });
   }
@@ -9743,7 +9678,7 @@ function initInstance$1() {
         state.images = [];
       };
       return () => createVNode(VanImagePreview, mergeProps(state, {
-        onClosed,
+        "onClosed": onClosed,
         "onUpdate:show": toggle
       }), null);
     }
@@ -9818,15 +9753,6 @@ var _IndexBar = defineComponent({
         };
       }
     });
-    var getScrollerRect = () => {
-      if ("getBoundingClientRect" in scrollParent.value) {
-        return useRect(scrollParent);
-      }
-      return {
-        top: 0,
-        left: 0
-      };
-    };
     var getActiveAnchor = (scrollTop, rects) => {
       for (var i = children.length - 1; i >= 0; i--) {
         var prevHeight = i > 0 ? rects[i - 1].height : 0;
@@ -9846,7 +9772,7 @@ var _IndexBar = defineComponent({
         indexList
       } = props2;
       var scrollTop = getScrollTop(scrollParent.value);
-      var scrollParentRect = getScrollerRect();
+      var scrollParentRect = useRect(scrollParent);
       var rects = children.map((item) => item.getRect(scrollParent.value, scrollParentRect));
       var active = getActiveAnchor(scrollTop, rects);
       activeAnchor.value = indexList[active];
@@ -11329,9 +11255,12 @@ var VanNotify = defineComponent({
     background: String,
     lockScroll: Boolean
   }),
+  emits: ["update:show"],
   setup(props2, {
+    emit,
     slots
   }) {
+    var updateShow = (show) => emit("update:show", show);
     return () => createVNode(Popup, {
       "show": props2.show,
       "class": [bem$n([props2.type]), props2.className],
@@ -11342,7 +11271,8 @@ var VanNotify = defineComponent({
       "overlay": false,
       "position": "top",
       "duration": 0.2,
-      "lockScroll": props2.lockScroll
+      "lockScroll": props2.lockScroll,
+      "onUpdate:show": updateShow
     }, {
       default: () => [slots.default ? slots.default() : props2.message]
     });
@@ -12763,10 +12693,9 @@ var _Popover = defineComponent({
       "position": "",
       "transition": "van-popover-zoom",
       "lockScroll": false,
-      "onTouchstart": onTouchstart
-    }, attrs, pick(props2, popupProps), {
+      "onTouchstart": onTouchstart,
       "onUpdate:show": updateShow
-    }), {
+    }, attrs, pick(props2, popupProps)), {
       default: () => [props2.showArrow && createVNode("div", {
         "class": bem$i("arrow")
       }, null), createVNode("div", {
@@ -12797,7 +12726,7 @@ var _Progress = defineComponent({
   name: name$h,
   props: props$5,
   setup(props2) {
-    var background = computed(() => props2.inactive ? "#cacaca" : props2.color);
+    var background = computed(() => props2.inactive ? void 0 : props2.color);
     var renderPivot = () => {
       var {
         textColor,
@@ -12815,7 +12744,9 @@ var _Progress = defineComponent({
         };
         return createVNode("span", {
           "style": style,
-          "class": bem$h("pivot")
+          "class": bem$h("pivot", {
+            inactive: props2.inactive
+          })
         }, [text]);
       }
     };
@@ -12837,7 +12768,9 @@ var _Progress = defineComponent({
         "class": bem$h(),
         "style": rootStyle
       }, [createVNode("span", {
-        "class": bem$h("portion"),
+        "class": bem$h("portion", {
+          inactive: props2.inactive
+        }),
         "style": portionStyle
       }, null), renderPivot()]);
     };
@@ -12936,7 +12869,7 @@ var _PullRefresh = defineComponent({
         nodes.push(createVNode(Loading, {
           "class": bem$g("loading")
         }, {
-          default: () => [getStatusText()]
+          default: getStatusText
         }));
       }
       return nodes;
@@ -13272,10 +13205,9 @@ var _Search = defineComponent({
         "type": "search",
         "class": bem$e("field"),
         "border": false,
-        "onKeypress": onKeypress
-      }, fieldAttrs, {
+        "onKeypress": onKeypress,
         "onUpdate:modelValue": onInput
-      }), pick(slots, ["left-icon", "right-icon"]));
+      }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
     };
     useExpose({
       focus,
@@ -13295,7 +13227,7 @@ var _Search = defineComponent({
 });
 var Search = withInstall(_Search);
 var PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
-var popupKeys = [...popupSharedPropKeys, "closeOnPopstate", "safeAreaInsetBottom"];
+var popupKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
 function getIconURL(icon) {
   if (PRESET_ICONS.includes(icon)) {
     return "https://img.yzcdn.cn/vant/share-sheet-" + icon + ".png";
@@ -13307,6 +13239,7 @@ var _ShareSheet = defineComponent({
   name: name$d,
   props: extend({}, popupSharedProps, {
     title: String,
+    round: truthProp,
     options: makeArrayProp(),
     cancelText: String,
     description: String,
@@ -13384,12 +13317,10 @@ var _ShareSheet = defineComponent({
       }
     };
     return () => createVNode(Popup, mergeProps({
-      "round": true,
       "class": bem$d(),
-      "position": "bottom"
-    }, pick(props2, popupKeys), {
+      "position": "bottom",
       "onUpdate:show": updateShow
-    }), {
+    }, pick(props2, popupKeys)), {
       default: () => [renderHeader(), renderRows(), renderCancelButton()]
     });
   }
@@ -14036,9 +13967,8 @@ var _Stepper = defineComponent({
     };
     var setValue = (value) => {
       if (props2.beforeChange) {
-        callInterceptor({
+        callInterceptor(props2.beforeChange, {
           args: [value],
-          interceptor: props2.beforeChange,
           done() {
             current.value = value;
           }
@@ -14379,8 +14309,7 @@ var _SwipeCell = defineComponent({
     var onClick = (position = "outside") => {
       emit("click", position);
       if (opened && !lockClick2) {
-        callInterceptor({
-          interceptor: props2.beforeClose,
+        callInterceptor(props2.beforeClose, {
           args: [{
             name: props2.name,
             position
@@ -14486,8 +14415,7 @@ var _Tabbar = defineComponent({
     };
     var setActive = (active) => {
       if (active !== props2.modelValue) {
-        callInterceptor({
-          interceptor: props2.beforeChange,
+        callInterceptor(props2.beforeChange, {
           args: [active],
           done() {
             emit("update:modelValue", active);
@@ -14596,7 +14524,7 @@ var _TabbarItem = defineComponent({
         "content": badge,
         "class": bem$2("icon")
       }, {
-        default: () => [renderIcon()]
+        default: renderIcon
       }), createVNode("div", {
         "class": bem$2("text")
       }, [slots.default == null ? void 0 : slots.default({
@@ -14804,8 +14732,7 @@ var UploaderPreviewItem = defineComponent({
         beforeDelete
       } = props2;
       event.stopPropagation();
-      callInterceptor({
-        interceptor: beforeDelete,
+      callInterceptor(beforeDelete, {
         args: [item, {
           name: name2,
           index: index2
@@ -14852,7 +14779,7 @@ var UploaderPreviewItem = defineComponent({
           "lazyLoad": props2.lazyLoad,
           "onClick": onPreview
         }, {
-          default: () => [renderCover()]
+          default: renderCover
         });
       }
       return createVNode("div", {
@@ -15099,7 +15026,7 @@ var _Uploader = defineComponent({
   }
 });
 var Uploader = withInstall(_Uploader);
-var version = "3.2.5";
+var version = "3.2.6";
 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) => {