vant 3.2.5 → 3.2.6

package/lib/vant.js

@@ -609,7 +609,6 @@
     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",
@@ -733,15 +732,13 @@
   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) {
@@ -1278,7 +1275,7 @@
             "content": badge,
             "class": bem$1j("icon")
           }, {
-            default: () => [slots.icon()]
+            default: slots.icon
           });
         }
         return vue.createVNode(Icon, {
@@ -1479,7 +1476,7 @@
         "name": "van-fade",
         "appear": true
       }, {
-        default: () => [renderOverlay()]
+        default: renderOverlay
       });
     }
   });
@@ -1533,8 +1530,7 @@
       };
       var close = () => {
         if (opened) {
-          callInterceptor({
-            interceptor: props2.beforeClose,
+          callInterceptor(props2.beforeClose, {
             done() {
               opened = false;
               emit("close");
@@ -1613,7 +1609,7 @@
           "onAfterEnter": onOpened,
           "onAfterLeave": onClosed
         }, {
-          default: () => [renderPopup()]
+          default: renderPopup
         });
       };
       vue.watch(() => props2.show, (value) => {
@@ -1666,17 +1662,18 @@
   });
   var Popup = withInstall(_Popup);
   var [name$1k, bem$1g] = createNamespace("action-sheet");
+  var popupKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
   var _ActionSheet = vue.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
     }),
@@ -1761,22 +1758,14 @@
           }, [content]);
         }
       };
-      var renderOptions = () => {
-        if (props2.actions) {
-          return props2.actions.map(renderOption);
-        }
-      };
       return () => vue.createVNode(Popup, vue.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(), vue.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()]
       });
     }
   });
@@ -2316,7 +2305,7 @@
   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(),
@@ -2331,7 +2320,7 @@
   });
   var _Area = vue.defineComponent({
     name: name$1h,
-    props: props$q,
+    props: props$r,
     emits: ["change", "confirm", "cancel"],
     setup(props2, {
       emit,
@@ -2768,7 +2757,7 @@
       default: null
     }
   };
-  var props$p = extend({}, cellProps, fieldSharedProps, {
+  var props$q = extend({}, cellProps, fieldSharedProps, {
     rows: numericProp,
     type: makeStringProp("text"),
     rules: Array,
@@ -2785,7 +2774,7 @@
   });
   var _Field = vue.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,
@@ -3207,6 +3196,7 @@
     }
   }
   var [name$1e, bem$1a] = createNamespace("toast");
+  var popupProps$2 = ["show", "overlay", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
   var VanToast = vue.defineComponent({
     name: name$1e,
     props: {
@@ -3299,21 +3289,14 @@
       vue.onMounted(toggleClickable);
       vue.onUnmounted(toggleClickable);
       return () => vue.createVNode(Popup, vue.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()]
       });
     }
@@ -3450,273 +3433,9 @@
     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 = vue.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 = vue.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 vue.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 vue.createVNode("div", {
-            "class": classNames,
-            "innerHTML": content
-          }, null);
-        }
-        return vue.createVNode("div", {
-          "class": classNames
-        }, [content]);
-      };
-      var renderContent = () => {
-        if (slots.default) {
-          return vue.createVNode("div", {
-            "class": bem$19("content")
-          }, [slots.default()]);
-        }
-        var {
-          title,
-          message,
-          allowHtml
-        } = props2;
-        if (message) {
-          var hasTitle = !!(title || slots.title);
-          return vue.createVNode("div", {
-            "key": allowHtml ? 1 : 0,
-            "class": bem$19("content", {
-              isolated: !hasTitle
-            })
-          }, [renderMessage(hasTitle)]);
-        }
-      };
-      var renderButtons = () => vue.createVNode("div", {
-        "class": [BORDER_TOP, bem$19("footer")]
-      }, [props2.showCancelButton && vue.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 && vue.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 = () => vue.createVNode(ActionBar, {
-        "class": bem$19("footer")
-      }, {
-        default: () => [props2.showCancelButton && vue.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 && vue.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 vue.createVNode(Popup, vue.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 () => vue.createVNode(VanDialog, vue.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 = vue.defineComponent({
-    name: name$1c,
+    name: name$1d,
     props: {
       size: numericProp,
       loading: Boolean,
@@ -3749,7 +3468,7 @@
         if (props2.loading) {
           var color = isChecked() ? props2.activeColor : props2.inactiveColor;
           return vue.createVNode(Loading, {
-            "class": bem$18("loading"),
+            "class": bem$19("loading"),
             "color": color
           }, null);
         }
@@ -3770,7 +3489,7 @@
         };
         return vue.createVNode("div", {
           "role": "switch",
-          "class": bem$18({
+          "class": bem$19({
             on: checked,
             loading,
             disabled
@@ -3779,15 +3498,15 @@
           "aria-checked": checked,
           "onClick": onClick
         }, [vue.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 = vue.defineComponent({
-    name: name$1b,
+    name: name$1c,
     props: {
       show: Boolean,
       value: String,
@@ -3810,7 +3529,7 @@
       };
       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 vue.createVNode("div", {
             "innerHTML": text
           }, null);
@@ -3828,7 +3547,7 @@
           "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)
         }, {
@@ -3840,29 +3559,28 @@
       var onInput = (value) => emit("input", value);
       return () => {
         if (props2.show) {
-          return vue.createVNode(vue.Fragment, null, [vue.createVNode(Field, vue.mergeProps({
+          return vue.createVNode(vue.Fragment, null, [vue.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: "",
@@ -3876,7 +3594,7 @@
     addressDetail: ""
   };
   var isPostal = (value) => /^\d{6}$/.test(value);
-  var props$o = {
+  var props$p = {
     areaList: Object,
     isSaving: Boolean,
     isDeleting: Boolean,
@@ -3910,9 +3628,9 @@
     }
   };
   var _AddressEdit = vue.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
@@ -3975,15 +3693,15 @@
         }
         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 = () => {
@@ -4015,18 +3733,14 @@
       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 || "";
@@ -4054,8 +3768,8 @@
           };
           return vue.withDirectives(vue.createVNode(Cell, {
             "center": true,
-            "title": t$f("defaultAddress"),
-            "class": bem$16("default")
+            "title": t$g("defaultAddress"),
+            "class": bem$17("default")
           }, _slots), [[vue.vShow, !hideBottomFields.value]]);
         }
         return null;
@@ -4082,15 +3796,15 @@
           disableArea
         } = props2;
         return vue.createVNode("div", {
-          "class": bem$16()
+          "class": bem$17()
         }, [vue.createVNode("div", {
-          "class": bem$16("fields")
+          "class": bem$17("fields")
         }, [vue.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), vue.createVNode(Field, {
@@ -4098,17 +3812,17 @@
           "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), vue.withDirectives(vue.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": () => {
@@ -4132,27 +3846,27 @@
           "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), [[vue.vShow, !hideBottomFields.value]]), slots.default == null ? void 0 : slots.default()]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-          "class": bem$16("buttons")
+          "class": bem$17("buttons")
         }, [vue.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 && vue.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)]), [[vue.vShow, !hideBottomFields.value]]), vue.createVNode(Popup, {
           "show": state.showAreaPopup,
@@ -4178,18 +3892,18 @@
     }
   });
   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 = vue.defineComponent({
-    name: name$19,
-    props: props$n,
+    name: name$1a,
+    props: props$o,
     emits: ["change", "update:modelValue"],
     setup(props2, {
       emit,
@@ -4206,15 +3920,15 @@
       });
       useCustomFieldValue(() => props2.modelValue);
       return () => vue.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 = vue.defineComponent({
-    name: name$18,
+    name: name$19,
     props: {
       size: String,
       mark: Boolean,
@@ -4266,12 +3980,12 @@
         }
         var CloseIcon = closeable && vue.createVNode(Icon, {
           "name": "cross",
-          "class": bem$14("close"),
+          "class": bem$15("close"),
           "onClick": onClose
         }, null);
         return vue.createVNode("span", {
           "style": getStyle(),
-          "class": bem$14([classes, type])
+          "class": bem$15([classes, type])
         }, [slots.default == null ? void 0 : slots.default(), CloseIcon]);
       };
       return () => vue.createVNode(vue.Transition, {
@@ -4367,12 +4081,7 @@
         }
       };
       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 vue.createVNode("div", {
           "role": props2.role,
           "class": props2.bem([{
@@ -4386,9 +4095,9 @@
       };
     }
   });
-  var [name$17, bem$13] = createNamespace("radio");
+  var [name$18, bem$14] = createNamespace("radio");
   var _Radio = vue.defineComponent({
-    name: name$17,
+    name: name$18,
     props: checkerProps,
     emits: ["update:modelValue"],
     setup(props2, {
@@ -4410,7 +4119,7 @@
         }
       };
       return () => vue.createVNode(Checker, vue.mergeProps({
-        "bem": bem$13,
+        "bem": bem$14,
         "role": "radio",
         "parent": parent,
         "checked": checked(),
@@ -4419,9 +4128,9 @@
     }
   });
   var Radio = withInstall(_Radio);
-  var [name$16, bem$12] = createNamespace("address-item");
+  var [name$17, bem$13] = createNamespace("address-item");
   var AddressListItem = vue.defineComponent({
-    name: name$16,
+    name: name$17,
     props: {
       address: makeRequiredProp(Object),
       disabled: Boolean,
@@ -4441,7 +4150,7 @@
       };
       var renderRightIcon = () => vue.createVNode(Icon, {
         "name": "edit",
-        "class": bem$12("edit"),
+        "class": bem$13("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -4456,7 +4165,7 @@
           return vue.createVNode(Tag, {
             "type": "danger",
             "round": true,
-            "class": bem$12("tag")
+            "class": bem$13("tag")
           }, {
             default: () => [props2.defaultTagText]
           });
@@ -4469,9 +4178,9 @@
           switchable
         } = props2;
         var Info = [vue.createVNode("div", {
-          "class": bem$12("name")
+          "class": bem$13("name")
         }, [address.name + " " + address.tel, renderTag()]), vue.createVNode("div", {
-          "class": bem$12("address")
+          "class": bem$13("address")
         }, [address.address])];
         if (switchable && !disabled) {
           return vue.createVNode(Radio, {
@@ -4488,13 +4197,13 @@
           disabled
         } = props2;
         return vue.createVNode("div", {
-          "class": bem$12({
+          "class": bem$13({
             disabled
           }),
           "onClick": onClick
         }, [vue.createVNode(Cell, {
           "border": false,
-          "valueClass": bem$12("value")
+          "valueClass": bem$13("value")
         }, {
           value: renderContent,
           "right-icon": renderRightIcon
@@ -4504,9 +4213,9 @@
       };
     }
   });
-  var [name$15, bem$11, t$e] = createNamespace("address-list");
+  var [name$16, bem$12, t$f] = createNamespace("address-list");
   var _AddressList = vue.defineComponent({
-    name: name$15,
+    name: name$16,
     props: {
       list: makeArrayProp(),
       modelValue: numericProp,
@@ -4522,14 +4231,10 @@
       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);
           }
@@ -4554,23 +4259,23 @@
         }
       };
       var renderBottom = () => vue.createVNode("div", {
-        "class": [bem$11("bottom"), "van-safe-area-bottom"]
+        "class": [bem$12("bottom"), "van-safe-area-bottom"]
       }, [vue.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 && vue.createVNode("div", {
-          "class": bem$11("disabled-text")
+          "class": bem$12("disabled-text")
         }, [props2.disabledText]);
         return vue.createVNode("div", {
-          "class": bem$11()
+          "class": bem$12()
         }, [slots.top == null ? void 0 : slots.top(), vue.createVNode(RadioGroup, {
           "modelValue": props2.modelValue
         }, {
@@ -4580,8 +4285,8 @@
     }
   });
   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();
@@ -4668,9 +4373,9 @@
     }));
     return height;
   };
-  var [name$13] = createNamespace("calendar-day");
+  var [name$14] = createNamespace("calendar-day");
   var CalendarDay = vue.defineComponent({
-    name: name$13,
+    name: name$14,
     props: {
       item: makeRequiredProp(Object),
       color: String,
@@ -4728,7 +4433,7 @@
         } = props2.item;
         if (topInfo || slots["top-info"]) {
           return vue.createVNode("div", {
-            "class": bem$10("top-info")
+            "class": bem$11("top-info")
           }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
         }
       };
@@ -4738,7 +4443,7 @@
         } = props2.item;
         if (bottomInfo || slots["bottom-info"]) {
           return vue.createVNode("div", {
-            "class": bem$10("bottom-info")
+            "class": bem$11("bottom-info")
           }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
         }
       };
@@ -4755,7 +4460,7 @@
         var Nodes = [renderTopInfo(), text, renderBottomInfo()];
         if (type === "selected") {
           return vue.createVNode("div", {
-            "class": bem$10("selected-day"),
+            "class": bem$11("selected-day"),
             "style": {
               width: rowHeight,
               height: rowHeight,
@@ -4772,22 +4477,22 @@
         } = props2.item;
         if (type === "placeholder") {
           return vue.createVNode("div", {
-            "class": bem$10("day"),
+            "class": bem$11("day"),
             "style": style.value
           }, null);
         }
         return vue.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,
@@ -4804,8 +4509,8 @@
     firstDayOfWeek: Number
   };
   var CalendarMonth = vue.defineComponent({
-    name: name$12,
-    props: props$m,
+    name: name$13,
+    props: props$n,
     emits: ["click", "update-height"],
     setup(props2, {
       emit,
@@ -4906,24 +4611,24 @@
       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 vue.createVNode("div", {
-            "class": bem$10("month-title")
+            "class": bem$11("month-title")
           }, [title.value]);
         }
       };
       var renderMark = () => {
         if (props2.showMark && shouldRender.value) {
           return vue.createVNode("div", {
-            "class": bem$10("month-mark")
+            "class": bem$11("month-mark")
           }, [props2.date.getMonth() + 1]);
         }
       };
@@ -4965,7 +4670,7 @@
       var renderDays = () => vue.createVNode("div", {
         "ref": daysRef,
         "role": "grid",
-        "class": bem$10("days")
+        "class": bem$11("days")
       }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
       useExpose({
         getTitle,
@@ -4975,14 +4680,14 @@
         disabledDays
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$11,
+    name: name$12,
     props: {
       title: String,
       subtitle: String,
@@ -4997,10 +4702,10 @@
     }) {
       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 vue.createVNode("div", {
-            "class": bem$10("header-title")
+            "class": bem$11("header-title")
           }, [title]);
         }
       };
@@ -5011,7 +4716,7 @@
         if (props2.showSubtitle) {
           var title = slots.subtitle ? slots.subtitle() : props2.subtitle;
           return vue.createVNode("div", {
-            "class": bem$10("header-subtitle"),
+            "class": bem$11("header-subtitle"),
             "onClick": onClickSubtitle
           }, [title]);
         }
@@ -5020,20 +4725,20 @@
         var {
           firstDayOfWeek
         } = props2;
-        var weekdays = t$d("weekdays");
+        var weekdays = t$e("weekdays");
         var renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
         return vue.createVNode("div", {
-          "class": bem$10("weekdays")
+          "class": bem$11("weekdays")
         }, [renderWeekDays2.map((text) => vue.createVNode("span", {
-          "class": bem$10("weekday")
+          "class": bem$11("weekday")
         }, [text]))]);
       };
       return () => vue.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,
@@ -5080,8 +4785,8 @@
     }
   };
   var _Calendar = vue.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,
@@ -5236,7 +4941,7 @@
         } = 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;
@@ -5321,7 +5026,7 @@
             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]);
           }
@@ -5347,28 +5052,32 @@
           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 vue.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 = () => vue.createVNode("div", {
-        "class": [bem$10("footer"), {
+        "class": [bem$11("footer"), {
           "van-safe-area-bottom": props2.safeAreaInsetBottom
         }]
       }, [renderFooterButton()]);
       var renderCalendar = () => vue.createVNode("div", {
-        "class": bem$10()
+        "class": bem$11()
       }, [vue.createVNode(CalendarHeader, {
         "title": props2.title,
         "subtitle": subtitle.value,
@@ -5378,7 +5087,7 @@
         "onClick-subtitle": (event) => emit("click-subtitle", event)
       }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
         "ref": bodyRef,
-        "class": bem$10("body"),
+        "class": bem$11("body"),
         "onScroll": onScroll
       }, [months.value.map(renderMonth)]), renderFooter()]);
       vue.watch(() => props2.show, init);
@@ -5394,19 +5103,18 @@
       onMountedOrActivated(init);
       return () => {
         if (props2.poppable) {
-          return vue.createVNode(Popup, vue.mergeProps({
+          return vue.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();
@@ -5414,9 +5122,9 @@
     }
   });
   var Calendar = withInstall(_Calendar);
-  var [name$10, bem$$] = createNamespace("image");
+  var [name$11, bem$10] = createNamespace("image");
   var _Image = vue.defineComponent({
-    name: name$10,
+    name: name$11,
     props: {
       src: String,
       alt: String,
@@ -5471,38 +5179,27 @@
         loading.value = false;
         emit("error", event);
       };
-      var renderLoadingIcon = () => {
-        if (slots.loading) {
-          return slots.loading();
-        }
-        return vue.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 vue.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 vue.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 vue.createVNode("div", {
-            "class": bem$$("error")
-          }, [renderErrorIcon()]);
+            "class": bem$10("error")
+          }, [renderIcon(props2.errorIcon, bem$10("error-icon"), slots.error)]);
         }
       };
       var renderImage = () => {
@@ -5511,7 +5208,7 @@
         }
         var attrs = {
           alt: props2.alt,
-          class: bem$$("img"),
+          class: bem$10("img"),
           style: {
             objectFit: props2.fit
           }
@@ -5550,7 +5247,7 @@
         });
       }
       return () => vue.createVNode("div", {
-        "class": bem$$({
+        "class": bem$10({
           round: props2.round
         }),
         "style": style.value
@@ -5558,9 +5255,9 @@
     }
   });
   var Image$1 = withInstall(_Image);
-  var [name$$, bem$_] = createNamespace("card");
+  var [name$10, bem$$] = createNamespace("card");
   var _Card = vue.defineComponent({
-    name: name$$,
+    name: name$10,
     props: {
       tag: String,
       num: numericProp,
@@ -5585,14 +5282,14 @@
         }
         if (props2.title) {
           return vue.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 vue.createVNode("div", {
-            "class": bem$_("tag")
+            "class": bem$$("tag")
           }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
             "mark": true,
             "type": "danger"
@@ -5617,7 +5314,7 @@
         if (slots.thumb || props2.thumb) {
           return vue.createVNode("a", {
             "href": props2.thumbLink,
-            "class": bem$_("thumb"),
+            "class": bem$$("thumb"),
             "onClick": (event) => emit("click-thumb", event)
           }, [renderThumbImage(), renderThumbTag()]);
         }
@@ -5628,18 +5325,18 @@
         }
         if (props2.desc) {
           return vue.createVNode("div", {
-            "class": [bem$_("desc"), "van-ellipsis"]
+            "class": [bem$$("desc"), "van-ellipsis"]
           }, [props2.desc]);
         }
       };
       var renderPriceText = () => {
         var priceArr = props2.price.toString().split(".");
         return vue.createVNode("div", null, [vue.createVNode("span", {
-          "class": bem$_("price-currency")
+          "class": bem$$("price-currency")
         }, [props2.currency]), vue.createVNode("span", {
-          "class": bem$_("price-integer")
+          "class": bem$$("price-integer")
         }, [priceArr[0]]), vue.createTextVNode("."), vue.createVNode("span", {
-          "class": bem$_("price-decimal")
+          "class": bem$$("price-decimal")
         }, [priceArr[1]])]);
       };
       return () => {
@@ -5649,26 +5346,26 @@
         var showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
         var showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
         var Price = showPrice && vue.createVNode("div", {
-          "class": bem$_("price")
+          "class": bem$$("price")
         }, [slots.price ? slots.price() : renderPriceText()]);
         var OriginPrice = showOriginPrice && vue.createVNode("div", {
-          "class": bem$_("origin-price")
+          "class": bem$$("origin-price")
         }, [slots["origin-price"] ? slots["origin-price"]() : props2.currency + " " + props2.originPrice]);
         var Num = showNum && vue.createVNode("div", {
-          "class": bem$_("num")
+          "class": bem$$("num")
         }, [slots.num ? slots.num() : "x" + props2.num]);
         var Footer = slots.footer && vue.createVNode("div", {
-          "class": bem$_("footer")
+          "class": bem$$("footer")
         }, [slots.footer()]);
         var Bottom = showBottom && vue.createVNode("div", {
-          "class": bem$_("bottom")
+          "class": bem$$("bottom")
         }, [(_slots$priceTop = slots["price-top"]) == null ? void 0 : _slots$priceTop.call(slots), Price, OriginPrice, Num, slots.bottom == null ? void 0 : slots.bottom()]);
         return vue.createVNode("div", {
-          "class": bem$_()
+          "class": bem$$()
         }, [vue.createVNode("div", {
-          "class": bem$_("header")
+          "class": bem$$("header")
         }, [renderThumb(), vue.createVNode("div", {
-          "class": bem$_("content", {
+          "class": bem$$("content", {
             centered: props2.centered
           })
         }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), slots.tags == null ? void 0 : slots.tags()]), Bottom])]), Footer]);
@@ -5730,9 +5427,9 @@
     vue.onBeforeUnmount(unobserve);
     onMountedOrActivated(observe);
   }
-  var [name$_, bem$Z] = createNamespace("sticky");
+  var [name$$, bem$_] = createNamespace("sticky");
   var _Sticky = vue.defineComponent({
-    name: name$_,
+    name: name$$,
     props: {
       zIndex: numericProp,
       position: makeStringProp("top"),
@@ -5830,7 +5527,7 @@
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$Z({
+        "class": bem$_({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -5838,9 +5535,9 @@
     }
   });
   var Sticky = withInstall(_Sticky);
-  var [name$Z, bem$Y] = createNamespace("tab");
+  var [name$_, bem$Z] = createNamespace("tab");
   var TabsTitle = vue.defineComponent({
-    name: name$Z,
+    name: name$_,
     props: {
       dot: Boolean,
       type: String,
@@ -5885,7 +5582,7 @@
       });
       var renderText = () => {
         var Text = vue.createVNode("span", {
-          "class": bem$Y("text", {
+          "class": bem$Z("text", {
             ellipsis: !props2.scrollable
           })
         }, [props2.renderTitle ? props2.renderTitle() : props2.title]);
@@ -5902,7 +5599,7 @@
       };
       return () => vue.createVNode("div", {
         "role": "tab",
-        "class": [bem$Y({
+        "class": [bem$Z({
           active: props2.isActive,
           disabled: props2.disabled
         })],
@@ -5911,8 +5608,8 @@
       }, [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,
@@ -5926,10 +5623,10 @@
     showIndicators: truthProp,
     stopPropagation: truthProp
   };
-  var SWIPE_KEY = Symbol(name$Y);
+  var SWIPE_KEY = Symbol(name$Z);
   var _Swipe = vue.defineComponent({
-    name: name$Y,
-    props: props$k,
+    name: name$Z,
+    props: props$l,
     emits: ["change"],
     setup(props2, {
       emit,
@@ -6180,7 +5877,7 @@
         } : void 0;
         return vue.createVNode("i", {
           "style": style,
-          "class": bem$X("indicator", {
+          "class": bem$Y("indicator", {
             active
           })
         }, null);
@@ -6193,7 +5890,7 @@
         }
         if (props2.showIndicators && count.value > 1) {
           return vue.createVNode("div", {
-            "class": bem$X("indicators", {
+            "class": bem$Y("indicators", {
               vertical: props2.vertical
             })
           }, [Array(count.value).fill("").map(renderDot)]);
@@ -6230,10 +5927,10 @@
       vue.onBeforeUnmount(stopAutoplay);
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$X()
+        "class": bem$Y()
       }, [vue.createVNode("div", {
         "style": trackStyle.value,
-        "class": bem$X("track", {
+        "class": bem$Y("track", {
           vertical: props2.vertical
         }),
         "onTouchstart": onTouchStart,
@@ -6244,9 +5941,9 @@
     }
   });
   var Swipe = withInstall(_Swipe);
-  var [name$X, bem$W] = createNamespace("tabs");
+  var [name$Y, bem$X] = createNamespace("tabs");
   var TabsContent = vue.defineComponent({
-    name: name$X,
+    name: name$Y,
     props: {
       count: makeRequiredProp(Number),
       inited: Boolean,
@@ -6269,7 +5966,7 @@
           return vue.createVNode(Swipe, {
             "ref": swipeRef,
             "loop": false,
-            "class": bem$W("track"),
+            "class": bem$X("track"),
             "duration": +props2.duration * 1e3,
             "touchable": props2.swipeable,
             "lazyRender": props2.lazyRender,
@@ -6294,14 +5991,14 @@
         swipeToCurrentTab(props2.currentIndex);
       });
       return () => vue.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,
@@ -6322,10 +6019,10 @@
     titleActiveColor: String,
     titleInactiveColor: String
   };
-  var TABS_KEY = Symbol(name$W);
+  var TABS_KEY = Symbol(name$X);
   var _Tabs = vue.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,
@@ -6468,8 +6165,7 @@
         if (disabled) {
           emit("disabled", name2, title);
         } else {
-          callInterceptor({
-            interceptor: props2.beforeChange,
+          callInterceptor(props2.beforeChange, {
             args: [name2],
             done: () => {
               setCurrentIndex(index2);
@@ -6518,9 +6214,7 @@
         "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;
@@ -6530,7 +6224,7 @@
         } = props2;
         return vue.createVNode("div", {
           "ref": wrapRef,
-          "class": [bem$V("wrap", {
+          "class": [bem$W("wrap", {
             scrollable: scrollable.value
           }), {
             [BORDER_TOP_BOTTOM]: type === "line" && border
@@ -6538,12 +6232,12 @@
         }, [vue.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" && vue.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)])]);
       };
@@ -6601,7 +6295,7 @@
         var _slots$navBottom, _slots$navBottom2;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$V([props2.type])
+          "class": bem$W([props2.type])
         }, [props2.sticky ? vue.createVNode(Sticky, {
           "container": root.value,
           "offsetTop": offsetTopPx.value,
@@ -6625,9 +6319,9 @@
   });
   var TAB_STATUS_KEY = Symbol();
   var useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-  var [name$V, bem$U] = createNamespace("swipe-item");
+  var [name$W, bem$V] = createNamespace("swipe-item");
   var _SwipeItem = vue.defineComponent({
-    name: name$V,
+    name: name$W,
     setup(props2, {
       slots
     }) {
@@ -6687,15 +6381,15 @@
         setOffset
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$U,
+    name: name$V,
     props: extend({}, routeProps, {
       dot: Boolean,
       name: numericProp,
@@ -6756,12 +6450,12 @@
           return vue.createVNode(SwipeItem, {
             "role": "tabpanel",
             "aria-hidden": !active.value,
-            "class": bem$T("pane-wrapper", {
+            "class": bem$U("pane-wrapper", {
               inactive: !active.value
             })
           }, {
             default: () => [vue.createVNode("div", {
-              "class": bem$T("pane")
+              "class": bem$U("pane")
             }, [slots.default == null ? void 0 : slots.default()])]
           });
         }
@@ -6769,36 +6463,35 @@
         var Content = shouldRender ? slots.default == null ? void 0 : slots.default() : null;
         return vue.withDirectives(vue.createVNode("div", {
           "role": "tabpanel",
-          "class": bem$T("pane")
+          "class": bem$U("pane")
         }, [Content]), [[vue.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 = vue.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 = vue.reactive({
-        tabs: [],
-        activeTab: 0
-      });
+      var tabs = vue.ref([]);
+      var activeTab = vue.ref(0);
       var {
         text: textKey,
         value: valueKey,
@@ -6809,8 +6502,7 @@
         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];
           }
@@ -6823,11 +6515,15 @@
         }
       };
       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
@@ -6839,19 +6535,19 @@
               return tab;
             });
             if (optionsCursor) {
-              state.tabs.push({
+              tabs.value.push({
                 options: optionsCursor,
                 selected: null
               });
             }
             vue.nextTick(() => {
-              state.activeTab = state.tabs.length - 1;
+              activeTab.value = tabs.value.length - 1;
             });
             return;
           }
         }
-        state.tabs = [{
-          options: props2.options,
+        tabs.value = [{
+          options,
           selected: null
         }];
       };
@@ -6859,34 +6555,34 @@
         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);
           }
           vue.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");
@@ -6895,12 +6591,12 @@
         title
       }) => emit("click-tab", name2, title);
       var renderHeader = () => vue.createVNode("div", {
-        "class": bem$S("header")
+        "class": bem$T("header")
       }, [vue.createVNode("h2", {
-        "class": bem$S("title")
+        "class": bem$T("title")
       }, [slots.title ? slots.title() : props2.title]), props2.closeable ? vue.createVNode(Icon, {
         "name": props2.closeIcon,
-        "class": bem$S("close-icon"),
+        "class": bem$T("close-icon"),
         "onClick": onClose
       }, null) : null]);
       var renderOption = (option, selectedOption, tabIndex) => {
@@ -6911,7 +6607,7 @@
           selected
         }) : vue.createVNode("span", null, [option[textKey]]);
         return vue.createVNode("li", {
-          "class": [bem$S("option", {
+          "class": [bem$T("option", {
             selected,
             disabled: option.disabled
           }), option.className],
@@ -6921,21 +6617,22 @@
           "onClick": () => onSelect(option, tabIndex)
         }, [Text, selected ? vue.createVNode(Icon, {
           "name": "success",
-          "class": bem$S("selected-icon")
+          "class": bem$T("selected-icon")
         }, null) : null]);
       };
       var renderOptions = (options, selectedOption, tabIndex) => vue.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 vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$S("tab", {
+          "titleClass": bem$T("tab", {
             unselected: !selected
           })
         }, {
@@ -6943,24 +6640,24 @@
         });
       };
       var renderTabs = () => vue.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();
       vue.watch(() => props2.options, updateTabs, {
         deep: true
       });
       vue.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];
           });
@@ -6971,14 +6668,14 @@
         updateTabs();
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$S,
+    name: name$T,
     inheritAttrs: false,
     props: {
       title: String,
@@ -6990,14 +6687,14 @@
       attrs
     }) {
       var renderGroup = () => vue.createVNode("div", vue.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 = () => vue.createVNode("div", {
-        "class": bem$R("title", {
+        "class": bem$S("title", {
           inset: props2.inset
         })
       }, [slots.title ? slots.title() : props2.title]);
@@ -7010,7 +6707,7 @@
     }
   });
   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,
@@ -7019,9 +6716,9 @@
     modelValue: makeArrayProp(),
     checkedColor: String
   };
-  var CHECKBOX_GROUP_KEY = Symbol(name$R);
+  var CHECKBOX_GROUP_KEY = Symbol(name$S);
   var _CheckboxGroup = vue.defineComponent({
-    name: name$R,
+    name: name$S,
     props: props$i,
     emits: ["change", "update:modelValue"],
     setup(props2, {
@@ -7065,16 +6762,16 @@
         updateValue
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$Q,
+    name: name$R,
     props: props$h,
     emits: ["change", "update:modelValue"],
     setup(props2, {
@@ -7132,7 +6829,7 @@
       });
       useCustomFieldValue(() => props2.modelValue);
       return () => vue.createVNode(Checker, vue.mergeProps({
-        "bem": bem$P,
+        "bem": bem$Q,
         "role": "checkbox",
         "parent": parent,
         "checked": checked.value,
@@ -7142,7 +6839,7 @@
   });
   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) {
@@ -7150,7 +6847,7 @@
     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 = vue.defineComponent({
-    name: name$P,
+    name: name$Q,
     props: {
       text: String,
       size: numericProp,
@@ -7231,7 +6928,7 @@
         return vue.createVNode("path", {
           "d": path.value,
           "style": style,
-          "class": bem$O("hover"),
+          "class": bem$P("hover"),
           "stroke": color
         }, null);
       };
@@ -7242,7 +6939,7 @@
           strokeWidth: props2.strokeWidth + "px"
         };
         return vue.createVNode("path", {
-          "class": bem$O("layer"),
+          "class": bem$P("layer"),
           "style": style,
           "d": path.value
         }, null);
@@ -7273,12 +6970,12 @@
         }
         if (props2.text) {
           return vue.createVNode("div", {
-            "class": bem$O("text")
+            "class": bem$P("text")
           }, [props2.text]);
         }
       };
       return () => vue.createVNode("div", {
-        "class": bem$O(),
+        "class": bem$P(),
         "style": getSizeStyle(props2.size)
       }, [vue.createVNode("svg", {
         "viewBox": "0 0 " + viewBoxSize.value + " " + viewBoxSize.value,
@@ -7287,10 +6984,10 @@
     }
   });
   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 = vue.defineComponent({
-    name: name$O,
+    name: name$P,
     props: {
       tag: makeStringProp("div"),
       wrap: truthProp,
@@ -7355,7 +7052,7 @@
           justify
         } = props2;
         return vue.createVNode(tag, {
-          "class": bem$N({
+          "class": bem$O({
             ["align-" + align]: align,
             ["justify-" + justify]: justify,
             nowrap: !wrap
@@ -7366,9 +7063,9 @@
       };
     }
   });
-  var [name$N, bem$M] = createNamespace("col");
+  var [name$O, bem$N] = createNamespace("col");
   var _Col = vue.defineComponent({
-    name: name$N,
+    name: name$O,
     props: {
       tag: makeStringProp("div"),
       span: makeNumericProp(0),
@@ -7407,7 +7104,7 @@
         } = props2;
         return vue.createVNode(tag, {
           "style": style.value,
-          "class": bem$M({
+          "class": bem$N({
             [span]: span,
             ["offset-" + offset2]: offset2
           })
@@ -7418,10 +7115,10 @@
     }
   });
   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 = vue.defineComponent({
-    name: name$M,
+    name: name$N,
     props: {
       border: truthProp,
       accordion: Boolean,
@@ -7467,14 +7164,14 @@
         isExpanded
       });
       return () => vue.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,
@@ -7483,7 +7180,7 @@
     readonly: Boolean
   });
   var _CollapseItem = vue.defineComponent({
-    name: name$L,
+    name: name$M,
     props: props$g,
     setup(props2, {
       slots
@@ -7562,7 +7259,7 @@
         }
         return vue.createVNode(Cell, vue.mergeProps({
           "role": "button",
-          "class": bem$K("title", {
+          "class": bem$L("title", {
             disabled,
             expanded: expanded.value,
             borderless: !border
@@ -7573,17 +7270,17 @@
       };
       var renderContent = lazyRender(() => vue.withDirectives(vue.createVNode("div", {
         "ref": wrapperRef,
-        "class": bem$K("wrapper"),
+        "class": bem$L("wrapper"),
         "onTransitionend": onTransitionEnd
       }, [vue.createVNode("div", {
         "ref": contentRef,
-        "class": bem$K("content")
+        "class": bem$L("content")
       }, [slots.default == null ? void 0 : slots.default()])]), [[vue.vShow, show.value]]));
       useExpose({
         toggle
       });
       return () => vue.createVNode("div", {
-        "class": [bem$K({
+        "class": [bem$L({
           border: index2.value && props2.border
         })]
       }, [renderTitle(), renderContent()]);
@@ -7591,9 +7288,9 @@
   });
   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 = vue.defineComponent({
-    name: name$K,
+    name: name$L,
     props: {
       tel: String,
       name: String,
@@ -7612,17 +7309,17 @@
       };
       var renderContent = () => {
         if (props2.type === "add") {
-          return props2.addText || t$b("addText");
+          return props2.addText || t$c("addText");
         }
-        return [vue.createVNode("div", null, [t$b("name") + "\uFF1A" + props2.name]), vue.createVNode("div", null, [t$b("tel") + "\uFF1A" + props2.tel])];
+        return [vue.createVNode("div", null, [t$c("name") + "\uFF1A" + props2.name]), vue.createVNode("div", null, [t$c("tel") + "\uFF1A" + props2.tel])];
       };
       return () => vue.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
@@ -7630,7 +7327,7 @@
     }
   });
   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,
@@ -7647,7 +7344,7 @@
     errorMessageAlign: String
   };
   var _Form = vue.defineComponent({
-    name: name$J,
+    name: name$K,
     props: props$f,
     emits: ["submit", "failed"],
     setup(props2, {
@@ -7763,19 +7460,19 @@
         resetValidation
       });
       return () => vue.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 = vue.defineComponent({
-    name: name$I,
+    name: name$J,
     props: {
       isEdit: Boolean,
       isSaving: Boolean,
@@ -7801,24 +7498,22 @@
           emit("save", contact);
         }
       };
-      var onDelete = () => Dialog.confirm({
-        title: t$a("confirmDelete")
-      }).then(() => emit("delete", contact));
+      var onDelete = () => emit("delete", contact);
       var renderButtons = () => vue.createVNode("div", {
-        "class": bem$H("buttons")
+        "class": bem$I("buttons")
       }, [vue.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 && vue.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)]);
@@ -7832,7 +7527,7 @@
         if (props2.showSetDefault) {
           return vue.createVNode(Cell, {
             "title": props2.setDefaultLabel,
-            "class": bem$H("switch-cell"),
+            "class": bem$I("switch-cell"),
             "border": false
           }, {
             "right-icon": renderSwitch
@@ -7841,41 +7536,41 @@
       };
       vue.watch(() => props2.contactInfo, (value) => extend(contact, DEFAULT_CONTACT, value));
       return () => vue.createVNode(Form, {
-        "class": bem$H(),
+        "class": bem$I(),
         "onSubmit": onSave
       }, {
         default: () => [vue.createVNode("div", {
-          "class": bem$H("fields")
+          "class": bem$I("fields")
         }, [vue.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), vue.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 = vue.defineComponent({
-    name: name$H,
+    name: name$I,
     props: {
       list: Array,
       addText: String,
@@ -7892,13 +7587,13 @@
           emit("select", item, index2);
         };
         var renderRightIcon = () => vue.createVNode(Radio, {
-          "class": bem$G("radio"),
+          "class": bem$H("radio"),
           "name": item.id,
           "iconSize": 16
         }, null);
         var renderEditIcon = () => vue.createVNode(Icon, {
           "name": "edit",
-          "class": bem$G("edit"),
+          "class": bem$H("edit"),
           "onClick": (event) => {
             event.stopPropagation();
             emit("edit", item, index2);
@@ -7910,7 +7605,7 @@
             nodes.push(vue.createVNode(Tag, {
               "type": "danger",
               "round": true,
-              "class": bem$G("item-tag")
+              "class": bem$H("item-tag")
             }, {
               default: () => [props2.defaultTagText]
             }));
@@ -7921,8 +7616,8 @@
           "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,
@@ -7931,20 +7626,20 @@
         });
       };
       return () => vue.createVNode("div", {
-        "class": bem$G()
+        "class": bem$H()
       }, [vue.createVNode(RadioGroup, {
         "modelValue": props2.modelValue,
-        "class": bem$G("group")
+        "class": bem$H("group")
       }, {
         default: () => [props2.list && props2.list.map(renderItem)]
       }), vue.createVNode("div", {
-        "class": [bem$G("bottom"), "van-safe-area-bottom"]
+        "class": [bem$H("bottom"), "van-safe-area-bottom"]
       }, [vue.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)])]);
     }
@@ -7992,7 +7687,7 @@
     }
     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"),
@@ -8000,7 +7695,7 @@
     millisecond: Boolean
   };
   var _CountDown = vue.defineComponent({
-    name: name$G,
+    name: name$H,
     props: props$e,
     emits: ["change", "finish"],
     setup(props2, {
@@ -8034,12 +7729,12 @@
         reset: resetTime
       });
       return () => vue.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());
@@ -8047,7 +7742,7 @@
   var formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
   var formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
   var _Coupon = vue.defineComponent({
-    name: name$F,
+    name: name$G,
     props: {
       chosen: Boolean,
       coupon: makeRequiredProp(Object),
@@ -8075,13 +7770,13 @@
           return [vue.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 = vue.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 {
@@ -8091,34 +7786,34 @@
         } = props2;
         var description = disabled && coupon.reason || coupon.description;
         return vue.createVNode("div", {
-          "class": bem$E({
+          "class": bem$F({
             disabled
           })
         }, [vue.createVNode("div", {
-          "class": bem$E("content")
+          "class": bem$F("content")
         }, [vue.createVNode("div", {
-          "class": bem$E("head")
+          "class": bem$F("head")
         }, [vue.createVNode("h2", {
-          "class": bem$E("amount")
+          "class": bem$F("amount")
         }, [faceAmount.value]), vue.createVNode("p", {
-          "class": bem$E("condition")
+          "class": bem$F("condition")
         }, [coupon.condition || conditionMessage.value])]), vue.createVNode("div", {
-          "class": bem$E("body")
+          "class": bem$F("body")
         }, [vue.createVNode("p", {
-          "class": bem$E("name")
+          "class": bem$F("name")
         }, [coupon.name]), vue.createVNode("p", {
-          "class": bem$E("valid")
+          "class": bem$F("valid")
         }, [validPeriod.value]), !disabled && vue.createVNode(Checkbox, {
-          "class": bem$E("corner"),
+          "class": bem$F("corner"),
           "modelValue": chosen
         }, null)])]), description && vue.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) {
@@ -8132,10 +7827,10 @@
       }
       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 = vue.defineComponent({
-    name: name$E,
+    name: name$F,
     props: {
       title: String,
       border: truthProp,
@@ -8149,12 +7844,12 @@
         var selected = props2.coupons[+props2.chosenCoupon];
         var value = formatValue(props2.coupons, props2.chosenCoupon, props2.currency);
         return vue.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);
@@ -8162,10 +7857,10 @@
     }
   });
   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 = vue.defineComponent({
-    name: name$D,
+    name: name$E,
     props: {
       code: makeStringProp(""),
       coupons: makeArrayProp(),
@@ -8211,27 +7906,27 @@
         });
       };
       var renderEmpty = () => vue.createVNode("div", {
-        "class": bem$C("empty")
+        "class": bem$D("empty")
       }, [vue.createVNode("img", {
         "src": props2.emptyImage
-      }, null), vue.createVNode("p", null, [t$6("noCoupon")])]);
+      }, null), vue.createVNode("p", null, [t$7("noCoupon")])]);
       var renderExchangeBar = () => {
         if (props2.showExchangeBar) {
           return vue.createVNode("div", {
-            "class": bem$C("exchange-bar")
+            "class": bem$D("exchange-bar")
           }, [vue.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), vue.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
@@ -8244,12 +7939,12 @@
           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 vue.createVNode(Tab, {
           "title": title
         }, {
           default: () => [vue.createVNode("div", {
-            "class": bem$C("list", {
+            "class": bem$D("list", {
               "with-bar": props2.showExchangeBar,
               "with-bottom": props2.showCloseButton
             })
@@ -8269,12 +7964,12 @@
           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 vue.createVNode(Tab, {
           "title": title
         }, {
           default: () => [vue.createVNode("div", {
-            "class": bem$C("list", {
+            "class": bem$D("list", {
               "with-bar": props2.showExchangeBar,
               "with-bottom": props2.showCloseButton
             })
@@ -8295,30 +7990,30 @@
         scrollToCoupon(props2.displayedCouponIndex);
       });
       return () => vue.createVNode("div", {
-        "class": bem$C()
+        "class": bem$D()
       }, [renderExchangeBar(), vue.createVNode(Tabs, {
         "active": state.tab,
         "onUpdate:active": ($event) => state.tab = $event,
-        "class": bem$C("tab"),
+        "class": bem$D("tab"),
         "border": false
       }, {
         default: () => [renderCouponTab(), renderDisabledTab()]
       }), vue.createVNode("div", {
-        "class": bem$C("bottom")
+        "class": bem$D("bottom")
       }, [vue.withDirectives(vue.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), [[vue.vShow, props2.showCloseButton]])])]);
     }
   });
   var CouponList = withInstall(_CouponList);
-  var [name$C] = createNamespace("time-picker");
+  var [name$D] = createNamespace("time-picker");
   var TimePicker = vue.defineComponent({
-    name: name$C,
+    name: name$D,
     props: extend({}, sharedProps, {
       minHour: makeNumericProp(0),
       maxHour: makeNumericProp(23),
@@ -8425,9 +8120,9 @@
     }
   });
   var currentYear = new Date().getFullYear();
-  var [name$B] = createNamespace("date-picker");
+  var [name$C] = createNamespace("date-picker");
   var DatePicker = vue.defineComponent({
-    name: name$B,
+    name: name$C,
     props: extend({}, sharedProps, {
       type: makeStringProp("datetime"),
       modelValue: Date,
@@ -8622,81 +8317,341 @@
           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();
+        vue.nextTick(() => {
+          vue.nextTick(() => emit("change", currentDate.value));
+        });
+      };
+      vue.onMounted(() => {
+        updateColumnValue();
+        vue.nextTick(updateInnerValue);
+      });
+      vue.watch(columns, updateColumnValue);
+      vue.watch(currentDate, (value, oldValue) => emit("update:modelValue", oldValue ? value : null));
+      vue.watch(() => [props2.filter, props2.maxDate], updateInnerValue);
+      vue.watch(() => props2.minDate, () => {
+        vue.nextTick(updateInnerValue);
+      });
+      vue.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 () => vue.createVNode(Picker, vue.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 = vue.defineComponent({
+    name: name$B,
+    props: props$d,
+    setup(props2, {
+      attrs,
+      slots
+    }) {
+      var root = vue.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 vue.createVNode(Component, vue.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 = vue.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 = vue.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 vue.createVNode("div", {
+            "class": bem$B("header", {
+              isolated: !props2.message && !slots.default
+            })
+          }, [title]);
+        }
       };
-      var onCancel = () => emit("cancel");
-      var onChange = () => {
-        updateInnerValue();
-        vue.nextTick(() => {
-          vue.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 vue.createVNode("div", {
+            "class": classNames,
+            "innerHTML": content
+          }, null);
+        }
+        return vue.createVNode("div", {
+          "class": classNames
+        }, [content]);
       };
-      vue.onMounted(() => {
-        updateColumnValue();
-        vue.nextTick(updateInnerValue);
-      });
-      vue.watch(columns, updateColumnValue);
-      vue.watch(currentDate, (value, oldValue) => emit("update:modelValue", oldValue ? value : null));
-      vue.watch(() => [props2.filter, props2.maxDate], updateInnerValue);
-      vue.watch(() => props2.minDate, () => {
-        vue.nextTick(updateInnerValue);
-      });
-      vue.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 vue.createVNode("div", {
+            "class": bem$B("content")
+          }, [slots.default()]);
         }
-      });
-      useExpose({
-        getPicker: () => picker.value
-      });
-      return () => vue.createVNode(Picker, vue.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 = vue.defineComponent({
-    name: name$A,
-    props: props$d,
-    setup(props2, {
-      attrs,
-      slots
-    }) {
-      var root = vue.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 vue.createVNode("div", {
+            "key": allowHtml ? 1 : 0,
+            "class": bem$B("content", {
+              isolated: !hasTitle
+            })
+          }, [renderMessage(hasTitle)]);
         }
+      };
+      var renderButtons = () => vue.createVNode("div", {
+        "class": [BORDER_TOP, bem$B("footer")]
+      }, [props2.showCancelButton && vue.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 && vue.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 = () => vue.createVNode(ActionBar, {
+        "class": bem$B("footer")
+      }, {
+        default: () => [props2.showCancelButton && vue.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 && vue.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 vue.createVNode(Component, vue.mergeProps({
-          "ref": root,
-          "class": bem$B()
-        }, inheritProps, attrs), slots);
+        var {
+          width,
+          title,
+          theme,
+          message,
+          className
+        } = props2;
+        return vue.createVNode(Popup, vue.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 () => vue.createVNode(VanDialog, vue.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 = vue.defineComponent({
     name: name$z,
@@ -9008,40 +8963,24 @@
     "id": prefix + "1",
     "x1": "64.022%",
     "y1": "100%",
-    "x2": "64.022%",
-    "y2": "0%"
+    "x2": "64.022%"
   }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), vue.createVNode("linearGradient", {
     "id": prefix + "2",
     "x1": "50%",
-    "y1": "0%",
     "x2": "50%",
     "y2": "84.459%"
   }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
     "id": prefix + "3",
     "x1": "100%",
-    "y1": "0%",
     "x2": "100%",
     "y2": "100%"
   }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.createVNode("linearGradient", {
     "id": prefix + "4",
     "x1": "100%",
     "y1": "100%",
-    "x2": "100%",
-    "y2": "0%"
-  }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.createVNode("linearGradient", {
-    "id": prefix + "5",
-    "x1": "0%",
-    "y1": "43.982%",
-    "x2": "100%",
-    "y2": "54.703%"
-  }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.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)]), vue.createVNode("radialGradient", {
-    "id": prefix + "7",
+    "id": prefix + "5",
     "cx": "50%",
     "cy": "0%",
     "fx": "50%",
@@ -9049,8 +8988,7 @@
     "r": "100%",
     "gradientTransform": "matrix(0 1 -.54835 0 .5 -.5)"
   }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), vue.createVNode("g", {
-    "fill": "none",
-    "fill-rule": "evenodd"
+    "fill": "none"
   }, [vue.createVNode("g", {
     "opacity": ".8"
   }, [vue.createVNode("path", {
@@ -9062,12 +9000,11 @@
     "fill": "url(#" + prefix + "1)",
     "transform": "translate(2 7)"
   }, null)]), vue.createVNode("path", {
-    "fill": "url(#" + prefix + "7)",
+    "fill": "url(#" + prefix + "5)",
     "d": "M0 139h160v21H0z"
   }, null), vue.createVNode("path", {
     "d": "M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z",
     "fill": "url(#" + prefix + "2)",
-    "fill-rule": "nonzero",
     "transform": "translate(43 36)"
   }, null), vue.createVNode("g", {
     "opacity": ".6",
@@ -9090,10 +9027,9 @@
     "stroke": "url(#" + prefix + "4)",
     "transform": "rotate(-180 89.791 42.146)"
   }, null)]), vue.createVNode("g", {
-    "transform": "translate(31 105)",
-    "fill-rule": "nonzero"
+    "transform": "translate(31 105)"
   }, [vue.createVNode("rect", {
-    "fill": "url(#" + prefix + "5)",
+    "fill": "#EBEDF0",
     "width": "98",
     "height": "34",
     "rx": "2"
@@ -9105,7 +9041,7 @@
     "height": "18",
     "rx": "1.114"
   }, null), vue.createVNode("rect", {
-    "fill": "url(#" + prefix + "6)",
+    "fill": "#EBEDF0",
     "x": "15",
     "y": "12",
     "width": "18",
@@ -9264,7 +9200,7 @@
             "dot": props2.dot,
             "content": props2.badge
           }, {
-            default: () => [slots.icon()]
+            default: slots.icon
           });
         }
         if (props2.icon) {
@@ -9561,6 +9497,7 @@
     }
   });
   var [name$t, bem$t] = createNamespace("image-preview");
+  var popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate"];
   var props$9 = {
     show: Boolean,
     loop: truthProp,
@@ -9607,8 +9544,7 @@
       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)
         });
@@ -9702,10 +9638,9 @@
       return () => vue.createVNode(Popup, vue.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()]
       });
     }
@@ -9746,7 +9681,7 @@
           state.images = [];
         };
         return () => vue.createVNode(VanImagePreview, vue.mergeProps(state, {
-          onClosed,
+          "onClosed": onClosed,
           "onUpdate:show": toggle
         }), null);
       }
@@ -9821,15 +9756,6 @@
           };
         }
       });
-      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;
@@ -9849,7 +9775,7 @@
           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];
@@ -11332,9 +11258,12 @@
       background: String,
       lockScroll: Boolean
     }),
+    emits: ["update:show"],
     setup(props2, {
+      emit,
       slots
     }) {
+      var updateShow = (show) => emit("update:show", show);
       return () => vue.createVNode(Popup, {
         "show": props2.show,
         "class": [bem$n([props2.type]), props2.className],
@@ -11345,7 +11274,8 @@
         "overlay": false,
         "position": "top",
         "duration": 0.2,
-        "lockScroll": props2.lockScroll
+        "lockScroll": props2.lockScroll,
+        "onUpdate:show": updateShow
       }, {
         default: () => [slots.default ? slots.default() : props2.message]
       });
@@ -12766,10 +12696,9 @@
         "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 && vue.createVNode("div", {
           "class": bem$i("arrow")
         }, null), vue.createVNode("div", {
@@ -12800,7 +12729,7 @@
     name: name$h,
     props: props$5,
     setup(props2) {
-      var background = vue.computed(() => props2.inactive ? "#cacaca" : props2.color);
+      var background = vue.computed(() => props2.inactive ? void 0 : props2.color);
       var renderPivot = () => {
         var {
           textColor,
@@ -12818,7 +12747,9 @@
           };
           return vue.createVNode("span", {
             "style": style,
-            "class": bem$h("pivot")
+            "class": bem$h("pivot", {
+              inactive: props2.inactive
+            })
           }, [text]);
         }
       };
@@ -12840,7 +12771,9 @@
           "class": bem$h(),
           "style": rootStyle
         }, [vue.createVNode("span", {
-          "class": bem$h("portion"),
+          "class": bem$h("portion", {
+            inactive: props2.inactive
+          }),
           "style": portionStyle
         }, null), renderPivot()]);
       };
@@ -12939,7 +12872,7 @@
           nodes.push(vue.createVNode(Loading, {
             "class": bem$g("loading")
           }, {
-            default: () => [getStatusText()]
+            default: getStatusText
           }));
         }
         return nodes;
@@ -13275,10 +13208,9 @@
           "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,
@@ -13298,7 +13230,7 @@
   });
   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";
@@ -13310,6 +13242,7 @@
     name: name$d,
     props: extend({}, popupSharedProps, {
       title: String,
+      round: truthProp,
       options: makeArrayProp(),
       cancelText: String,
       description: String,
@@ -13387,12 +13320,10 @@
         }
       };
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "round": true,
         "class": bem$d(),
-        "position": "bottom"
-      }, pick(props2, popupKeys), {
+        "position": "bottom",
         "onUpdate:show": updateShow
-      }), {
+      }, pick(props2, popupKeys)), {
         default: () => [renderHeader(), renderRows(), renderCancelButton()]
       });
     }
@@ -14039,9 +13970,8 @@
       };
       var setValue = (value) => {
         if (props2.beforeChange) {
-          callInterceptor({
+          callInterceptor(props2.beforeChange, {
             args: [value],
-            interceptor: props2.beforeChange,
             done() {
               current.value = value;
             }
@@ -14382,8 +14312,7 @@
       var onClick = (position = "outside") => {
         emit("click", position);
         if (opened && !lockClick2) {
-          callInterceptor({
-            interceptor: props2.beforeClose,
+          callInterceptor(props2.beforeClose, {
             args: [{
               name: props2.name,
               position
@@ -14489,8 +14418,7 @@
       };
       var setActive = (active) => {
         if (active !== props2.modelValue) {
-          callInterceptor({
-            interceptor: props2.beforeChange,
+          callInterceptor(props2.beforeChange, {
             args: [active],
             done() {
               emit("update:modelValue", active);
@@ -14599,7 +14527,7 @@
           "content": badge,
           "class": bem$2("icon")
         }, {
-          default: () => [renderIcon()]
+          default: renderIcon
         }), vue.createVNode("div", {
           "class": bem$2("text")
         }, [slots.default == null ? void 0 : slots.default({
@@ -14807,8 +14735,7 @@
           beforeDelete
         } = props2;
         event.stopPropagation();
-        callInterceptor({
-          interceptor: beforeDelete,
+        callInterceptor(beforeDelete, {
           args: [item, {
             name: name2,
             index: index2
@@ -14855,7 +14782,7 @@
             "lazyLoad": props2.lazyLoad,
             "onClick": onPreview
           }, {
-            default: () => [renderCover()]
+            default: renderCover
           });
         }
         return vue.createVNode("div", {
@@ -15102,7 +15029,7 @@
     }
   });
   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) => {