vant 3.4.0 → 3.4.4

package/lib/dialog/Dialog.js

@@ -1,175 +1,167 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _shared = require("../popup/shared");
-
-var _popup = require("../popup");
-
-var _button = require("../button");
-
-var _actionBar = require("../action-bar");
-
-var _actionBarButton = require("../action-bar-button");
-
-// Utils
-// Components
-var [name, bem, t] = (0, _utils.createNamespace)('dialog');
-var dialogProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_shared = __toModule(require("../popup/shared"));
+var import_popup = __toModule(require("../popup"));
+var import_button = __toModule(require("../button"));
+var import_action_bar = __toModule(require("../action-bar"));
+var import_action_bar_button = __toModule(require("../action-bar-button"));
+const [name, bem, t] = (0, import_utils.createNamespace)("dialog");
+const dialogProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
   title: String,
   theme: String,
-  width: _utils.numericProp,
+  width: import_utils.numericProp,
   message: [String, Function],
   callback: Function,
   allowHtml: Boolean,
-  className: _utils.unknownProp,
-  transition: (0, _utils.makeStringProp)('van-dialog-bounce'),
+  className: import_utils.unknownProp,
+  transition: (0, import_utils.makeStringProp)("van-dialog-bounce"),
   messageAlign: String,
-  closeOnPopstate: _utils.truthProp,
+  closeOnPopstate: import_utils.truthProp,
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
   confirmButtonText: String,
   confirmButtonColor: String,
-  showConfirmButton: _utils.truthProp,
+  showConfirmButton: import_utils.truthProp,
   closeOnClickOverlay: Boolean
 });
-var popupInheritKeys = [..._shared.popupSharedPropKeys, 'transition', 'closeOnPopstate'];
-
-var _default = (0, _vue.defineComponent)({
+const popupInheritKeys = [...import_shared.popupSharedPropKeys, "transition", "closeOnPopstate"];
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: dialogProps,
-  emits: ['confirm', 'cancel', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var loading = (0, _vue.reactive)({
+  emits: ["confirm", "cancel", "update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const loading = (0, import_vue2.reactive)({
       confirm: false,
       cancel: false
     });
-
-    var updateShow = value => emit('update:show', value);
-
-    var close = action => {
+    const updateShow = (value) => emit("update:show", value);
+    const close = (action) => {
+      var _a;
       updateShow(false);
-      props.callback == null ? void 0 : props.callback(action);
+      (_a = props.callback) == null ? void 0 : _a.call(props, action);
     };
-
-    var getActionHandler = action => () => {
-      // should not trigger close event when hidden
+    const getActionHandler = (action) => () => {
       if (!props.show) {
         return;
       }
-
       emit(action);
-
       if (props.beforeClose) {
         loading[action] = true;
-        (0, _utils.callInterceptor)(props.beforeClose, {
+        (0, import_utils.callInterceptor)(props.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() : props.title;
-
+    const onCancel = getActionHandler("cancel");
+    const onConfirm = getActionHandler("confirm");
+    const renderTitle = () => {
+      const title = slots.title ? slots.title() : props.title;
       if (title) {
-        return (0, _vue.createVNode)("div", {
-          "class": bem('header', {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("header", {
             isolated: !props.message && !slots.default
           })
         }, [title]);
       }
     };
-
-    var renderMessage = hasTitle => {
-      var {
+    const renderMessage = (hasTitle) => {
+      const {
         message,
         allowHtml,
         messageAlign
       } = props;
-      var classNames = bem('message', {
-        'has-title': hasTitle,
+      const classNames = bem("message", {
+        "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
-      var content = (0, _utils.isFunction)(message) ? message() : message;
-
-      if (allowHtml && typeof content === 'string') {
-        return (0, _vue.createVNode)("div", {
+      const content = (0, import_utils.isFunction)(message) ? message() : message;
+      if (allowHtml && typeof content === "string") {
+        return (0, import_vue.createVNode)("div", {
           "class": classNames,
           "innerHTML": content
         }, null);
       }
-
-      return (0, _vue.createVNode)("div", {
+      return (0, import_vue.createVNode)("div", {
         "class": classNames
       }, [content]);
     };
-
-    var renderContent = () => {
+    const renderContent = () => {
       if (slots.default) {
-        return (0, _vue.createVNode)("div", {
-          "class": bem('content')
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("content")
         }, [slots.default()]);
       }
-
-      var {
+      const {
         title,
         message,
         allowHtml
       } = props;
-
       if (message) {
-        var hasTitle = !!(title || slots.title);
-        return (0, _vue.createVNode)("div", {
+        const hasTitle = !!(title || slots.title);
+        return (0, import_vue.createVNode)("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem('content', {
+          "class": bem("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
-
-    var renderButtons = () => (0, _vue.createVNode)("div", {
-      "class": [_utils.BORDER_TOP, bem('footer')]
-    }, [props.showCancelButton && (0, _vue.createVNode)(_button.Button, {
+    const renderButtons = () => (0, import_vue.createVNode)("div", {
+      "class": [import_utils.BORDER_TOP, bem("footer")]
+    }, [props.showCancelButton && (0, import_vue.createVNode)(import_button.Button, {
       "size": "large",
-      "text": props.cancelButtonText || t('cancel'),
-      "class": bem('cancel'),
+      "text": props.cancelButtonText || t("cancel"),
+      "class": bem("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
       "loading": loading.cancel,
       "onClick": onCancel
-    }, null), props.showConfirmButton && (0, _vue.createVNode)(_button.Button, {
+    }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_button.Button, {
       "size": "large",
-      "text": props.confirmButtonText || t('confirm'),
-      "class": [bem('confirm'), {
-        [_utils.BORDER_LEFT]: props.showCancelButton
+      "text": props.confirmButtonText || t("confirm"),
+      "class": [bem("confirm"), {
+        [import_utils.BORDER_LEFT]: props.showCancelButton
       }],
       "style": {
         color: props.confirmButtonColor
@@ -177,57 +169,50 @@ var _default = (0, _vue.defineComponent)({
       "loading": loading.confirm,
       "onClick": onConfirm
     }, null)]);
-
-    var renderRoundButtons = () => (0, _vue.createVNode)(_actionBar.ActionBar, {
-      "class": bem('footer')
+    const renderRoundButtons = () => (0, import_vue.createVNode)(import_action_bar.ActionBar, {
+      "class": bem("footer")
     }, {
-      default: () => [props.showCancelButton && (0, _vue.createVNode)(_actionBarButton.ActionBarButton, {
+      default: () => [props.showCancelButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
         "type": "warning",
-        "text": props.cancelButtonText || t('cancel'),
-        "class": bem('cancel'),
+        "text": props.cancelButtonText || t("cancel"),
+        "class": bem("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
         "onClick": onCancel
-      }, null), props.showConfirmButton && (0, _vue.createVNode)(_actionBarButton.ActionBarButton, {
+      }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
         "type": "danger",
-        "text": props.confirmButtonText || t('confirm'),
-        "class": bem('confirm'),
+        "text": props.confirmButtonText || t("confirm"),
+        "class": bem("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
         "onClick": onConfirm
       }, null)]
     });
-
-    var renderFooter = () => {
+    const renderFooter = () => {
       if (slots.footer) {
         return slots.footer();
       }
-
-      return props.theme === 'round-button' ? renderRoundButtons() : renderButtons();
+      return props.theme === "round-button" ? renderRoundButtons() : renderButtons();
     };
-
     return () => {
-      var {
+      const {
         width,
         title,
         theme,
         message,
         className
       } = props;
-      return (0, _vue.createVNode)(_popup.Popup, (0, _vue.mergeProps)({
+      return (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
         "role": "dialog",
         "class": [bem([theme]), className],
         "style": {
-          width: (0, _utils.addUnit)(width)
+          width: (0, import_utils.addUnit)(width)
         },
         "aria-labelledby": title || message,
         "onUpdate:show": updateShow
-      }, (0, _utils.pick)(props, popupInheritKeys)), {
+      }, (0, import_utils.pick)(props, popupInheritKeys)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
       });
     };
   }
-
 });
-
-exports.default = _default;

package/lib/dialog/function-call.d.ts

@@ -109,66 +109,59 @@ declare namespace Dialog {
             default: true;
         };
         closeOnClickOverlay: BooleanConstructor;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        show?: unknown;
-        zIndex?: unknown;
-        overlay?: unknown;
-        duration?: unknown;
-        teleport?: unknown;
-        lockScroll?: unknown;
-        lazyRender?: unknown;
-        beforeClose?: unknown;
-        overlayStyle?: unknown;
-        overlayClass?: unknown;
-        transitionAppear?: unknown;
-        closeOnClickOverlay?: unknown;
-        title?: unknown;
-        theme?: unknown;
-        width?: unknown;
-        message?: unknown;
-        callback?: unknown;
-        allowHtml?: unknown;
-        className?: unknown;
-        transition?: unknown;
-        messageAlign?: unknown;
-        closeOnPopstate?: unknown;
-        showCancelButton?: unknown;
-        cancelButtonText?: unknown;
-        cancelButtonColor?: unknown;
-        confirmButtonText?: unknown;
-        confirmButtonColor?: unknown;
-        showConfirmButton?: unknown;
-    } & {
-        overlay: boolean;
-        show: boolean;
-        lockScroll: boolean;
-        lazyRender: boolean;
-        transitionAppear: boolean;
-        closeOnClickOverlay: boolean;
-        transition: string;
-        closeOnPopstate: boolean;
-        allowHtml: boolean;
-        showCancelButton: boolean;
-        showConfirmButton: boolean;
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: BooleanConstructor;
+        zIndex: (NumberConstructor | StringConstructor)[];
+        overlay: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        duration: (NumberConstructor | StringConstructor)[];
+        teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+        lockScroll: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        lazyRender: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+        overlayClass: import("vue").PropType<unknown>;
+        transitionAppear: BooleanConstructor;
+        closeOnClickOverlay: {
+            type: BooleanConstructor;
+            default: true;
+        };
     } & {
-        width?: string | number | undefined;
-        message?: import("./types").DialogMessage | undefined;
-        title?: string | undefined;
-        zIndex?: string | number | undefined;
-        duration?: string | number | undefined;
-        teleport?: string | import("vue").RendererElement | null | undefined;
-        beforeClose?: import("../utils").Interceptor | undefined;
-        overlayStyle?: import("vue").CSSProperties | undefined;
-        overlayClass?: unknown;
-        className?: unknown;
-        callback?: ((action?: DialogAction | undefined) => void) | undefined;
-        cancelButtonText?: string | undefined;
-        confirmButtonText?: string | undefined;
-        theme?: import("./types").DialogTheme | undefined;
-        messageAlign?: import("./types").DialogMessageAlign | undefined;
-        cancelButtonColor?: string | undefined;
-        confirmButtonColor?: string | undefined;
-    }> & {
+        title: StringConstructor;
+        theme: import("vue").PropType<import("./types").DialogTheme>;
+        width: (NumberConstructor | StringConstructor)[];
+        message: import("vue").PropType<import("./types").DialogMessage>;
+        callback: import("vue").PropType<(action?: DialogAction | undefined) => void>;
+        allowHtml: BooleanConstructor;
+        className: import("vue").PropType<unknown>;
+        transition: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        messageAlign: import("vue").PropType<import("./types").DialogMessageAlign>;
+        closeOnPopstate: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        showCancelButton: BooleanConstructor;
+        cancelButtonText: StringConstructor;
+        cancelButtonColor: StringConstructor;
+        confirmButtonText: StringConstructor;
+        confirmButtonColor: StringConstructor;
+        showConfirmButton: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        closeOnClickOverlay: BooleanConstructor;
+    }>> & {
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
         onCancel?: ((...args: any[]) => any) | undefined;
         onConfirm?: ((...args: any[]) => any) | undefined;

package/lib/dialog/function-call.js

@@ -1,106 +1,108 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Dialog = Dialog;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _mountComponent = require("../utils/mount-component");
-
-var _Dialog = _interopRequireDefault(require("./Dialog"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var instance;
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Dialog: () => Dialog
+});
+var import_vue = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_mount_component = __toModule(require("../utils/mount-component"));
+var import_Dialog = __toModule(require("./Dialog"));
+let instance;
 function initInstance() {
-  var Wrapper = {
+  const Wrapper = {
     setup() {
-      var {
+      const {
         state,
         toggle
-      } = (0, _mountComponent.usePopupState)();
-      return () => (0, _vue.createVNode)(_Dialog.default, (0, _vue.mergeProps)(state, {
+      } = (0, import_mount_component.usePopupState)();
+      return () => (0, import_vue.createVNode)(import_Dialog.default, (0, import_vue.mergeProps)(state, {
         "onUpdate:show": toggle
       }), null);
     }
-
   };
   ({
     instance
-  } = (0, _mountComponent.mountComponent)(Wrapper));
+  } = (0, import_mount_component.mountComponent)(Wrapper));
 }
-
 function Dialog(options) {
-  /* istanbul ignore if */
-  if (!_utils.inBrowser) {
+  if (!import_utils.inBrowser) {
     return Promise.resolve();
   }
-
   return new Promise((resolve, reject) => {
     if (!instance) {
       initInstance();
     }
-
-    instance.open((0, _utils.extend)({}, Dialog.currentOptions, options, {
-      callback: action => {
-        (action === 'confirm' ? resolve : reject)(action);
+    instance.open((0, import_utils.extend)({}, Dialog.currentOptions, options, {
+      callback: (action) => {
+        (action === "confirm" ? resolve : reject)(action);
       }
     }));
   });
 }
-
 Dialog.defaultOptions = {
-  title: '',
-  width: '',
+  title: "",
+  width: "",
   theme: null,
-  message: '',
+  message: "",
   overlay: true,
   callback: null,
-  teleport: 'body',
-  className: '',
+  teleport: "body",
+  className: "",
   allowHtml: false,
   lockScroll: true,
-  transition: undefined,
+  transition: void 0,
   beforeClose: null,
-  overlayClass: '',
-  overlayStyle: undefined,
-  messageAlign: '',
-  cancelButtonText: '',
+  overlayClass: "",
+  overlayStyle: void 0,
+  messageAlign: "",
+  cancelButtonText: "",
   cancelButtonColor: null,
-  confirmButtonText: '',
+  confirmButtonText: "",
   confirmButtonColor: null,
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,
   closeOnClickOverlay: false
 };
-Dialog.currentOptions = (0, _utils.extend)({}, Dialog.defaultOptions);
+Dialog.currentOptions = (0, import_utils.extend)({}, Dialog.defaultOptions);
 Dialog.alert = Dialog;
-
-Dialog.confirm = options => Dialog((0, _utils.extend)({
+Dialog.confirm = (options) => Dialog((0, import_utils.extend)({
   showCancelButton: true
 }, options));
-
 Dialog.close = () => {
   if (instance) {
     instance.toggle(false);
   }
 };
-
-Dialog.setDefaultOptions = options => {
-  (0, _utils.extend)(Dialog.currentOptions, options);
+Dialog.setDefaultOptions = (options) => {
+  (0, import_utils.extend)(Dialog.currentOptions, options);
 };
-
 Dialog.resetDefaultOptions = () => {
-  Dialog.currentOptions = (0, _utils.extend)({}, Dialog.defaultOptions);
+  Dialog.currentOptions = (0, import_utils.extend)({}, Dialog.defaultOptions);
 };
-
-Dialog.Component = (0, _utils.withInstall)(_Dialog.default);
-
-Dialog.install = app => {
+Dialog.Component = (0, import_utils.withInstall)(import_Dialog.default);
+Dialog.install = (app) => {
   app.use(Dialog.Component);
   app.config.globalProperties.$dialog = Dialog;
-};
+};

package/lib/dialog/index.css

@@ -1 +1 @@
-:root{--van-dialog-width:320px;--van-dialog-small-screen-width:90%;--van-dialog-font-size:var(--van-font-size-lg);--van-dialog-transition:var(--van-animation-duration-base);--van-dialog-border-radius:16px;--van-dialog-background-color:var(--van-background-color-light);--van-dialog-header-font-weight:var(--van-font-weight-bold);--van-dialog-header-line-height:24px;--van-dialog-header-padding-top:26px;--van-dialog-header-isolated-padding:var(--van-padding-lg) 0;--van-dialog-message-padding:var(--van-padding-lg);--van-dialog-message-font-size:var(--van-font-size-md);--van-dialog-message-line-height:var(--van-line-height-md);--van-dialog-message-max-height:60vh;--van-dialog-has-title-message-text-color:var(--van-gray-7);--van-dialog-has-title-message-padding-top:var(--van-padding-xs);--van-dialog-button-height:48px;--van-dialog-round-button-height:36px;--van-dialog-confirm-button-text-color:var(--van-danger-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background-color);border-radius:var(--van-dialog-border-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width:321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+:root{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-animation-duration-base);--van-dialog-border-radius: 16px;--van-dialog-background-color: var(--van-background-color-light);--van-dialog-header-font-weight: var(--van-font-weight-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-danger-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background-color);border-radius:var(--van-dialog-border-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate(-50%,-50%) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate(-50%,-50%) scale(.9);opacity:0}