vant 2.13.2 → 2.13.3

package/lib/dialog/Dialog.js

@@ -1,296 +1,240 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
-var _utils = require("../utils");
-
-var _constant = require("../utils/constant");
-
-var _popup = require("../mixins/popup");
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _goodsAction = _interopRequireDefault(require("../goods-action"));
-
-var _goodsActionButton = _interopRequireDefault(require("../goods-action-button"));
-
-var _createNamespace = (0, _utils.createNamespace)('dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-var _default = createComponent({
-  mixins: [(0, _popup.PopupMixin)()],
-  props: {
-    title: String,
-    theme: String,
-    width: [Number, String],
-    message: String,
-    className: null,
-    callback: Function,
-    beforeClose: Function,
-    messageAlign: String,
-    cancelButtonText: String,
-    cancelButtonColor: String,
-    confirmButtonText: String,
-    confirmButtonColor: String,
-    showCancelButton: Boolean,
-    overlay: {
-      type: Boolean,
-      default: true
-    },
-    allowHtml: {
-      type: Boolean,
-      default: true
-    },
-    transition: {
-      type: String,
-      default: 'van-dialog-bounce'
-    },
-    showConfirmButton: {
-      type: Boolean,
-      default: true
-    },
-    closeOnPopstate: {
-      type: Boolean,
-      default: true
-    },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data: function data() {
-    return {
-      loading: {
-        confirm: false,
-        cancel: false
-      }
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  dialogProps: () => dialogProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_shared = require("../popup/shared");
+var import_popup = require("../popup");
+var import_button = require("../button");
+var import_action_bar = require("../action-bar");
+var import_action_bar_button = 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: import_utils.numericProp,
+  message: [String, Function],
+  callback: Function,
+  allowHtml: Boolean,
+  className: import_utils.unknownProp,
+  transition: (0, import_utils.makeStringProp)("van-dialog-bounce"),
+  messageAlign: String,
+  closeOnPopstate: import_utils.truthProp,
+  showCancelButton: Boolean,
+  cancelButtonText: String,
+  cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
+  confirmButtonText: String,
+  confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
+  showConfirmButton: import_utils.truthProp,
+  closeOnClickOverlay: Boolean,
+  keyboardEnabled: import_utils.truthProp
+});
+const popupInheritKeys = [...import_shared.popupSharedPropKeys, "transition", "closeOnPopstate"];
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: dialogProps,
+  emits: ["confirm", "cancel", "keydown", "update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = (0, import_vue.ref)();
+    const loading = (0, import_vue.reactive)({
+      confirm: false,
+      cancel: false
+    });
+    const updateShow = (value) => emit("update:show", value);
+    const close = (action) => {
+      var _a;
+      updateShow(false);
+      (_a = props.callback) == null ? void 0 : _a.call(props, action);
     };
-  },
-  methods: {
-    onClickOverlay: function onClickOverlay() {
-      this.handleAction('overlay');
-    },
-    handleAction: function handleAction(action) {
-      var _this = this;
-
-      this.$emit(action); // show not trigger close event when hidden
-
-      if (!this.value) {
+    const getActionHandler = (action) => () => {
+      if (!props.show) {
         return;
       }
-
-      if (this.beforeClose) {
-        this.loading[action] = true;
-        this.beforeClose(action, function (state) {
-          if (state !== false && _this.loading[action]) {
-            _this.onClose(action);
+      emit(action);
+      if (props.beforeClose) {
+        loading[action] = true;
+        (0, import_utils.callInterceptor)(props.beforeClose, {
+          args: [action],
+          done() {
+            close(action);
+            loading[action] = false;
+          },
+          canceled() {
+            loading[action] = false;
           }
-
-          _this.loading.confirm = false;
-          _this.loading.cancel = false;
         });
       } else {
-        this.onClose(action);
+        close(action);
+      }
+    };
+    const onCancel = getActionHandler("cancel");
+    const onConfirm = getActionHandler("confirm");
+    const onKeydown = (0, import_vue.withKeys)((event) => {
+      var _a, _b;
+      if (!props.keyboardEnabled) {
+        return;
+      }
+      if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
+        return;
       }
-    },
-    onClose: function onClose(action) {
-      this.close();
-
-      if (this.callback) {
-        this.callback(action);
+      const onEventType = {
+        Enter: props.showConfirmButton ? onConfirm : import_utils.noop,
+        Escape: props.showCancelButton ? onCancel : import_utils.noop
+      };
+      onEventType[event.key]();
+      emit("keydown", event);
+    }, ["enter", "esc"]);
+    const renderTitle = () => {
+      const title = slots.title ? slots.title() : props.title;
+      if (title) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("header", {
+            isolated: !props.message && !slots.default
+          })
+        }, [title]);
       }
-    },
-    onOpened: function onOpened() {
-      var _this2 = this;
-
-      this.$emit('opened');
-      this.$nextTick(function () {
-        var _this2$$refs$dialog;
-
-        (_this2$$refs$dialog = _this2.$refs.dialog) == null ? void 0 : _this2$$refs$dialog.focus();
+    };
+    const renderMessage = (hasTitle) => {
+      const {
+        message,
+        allowHtml,
+        messageAlign
+      } = props;
+      const classNames = bem("message", {
+        "has-title": hasTitle,
+        [messageAlign]: messageAlign
       });
-    },
-    onClosed: function onClosed() {
-      this.$emit('closed');
-    },
-    onKeydown: function onKeydown(event) {
-      var _this3 = this;
-
-      if (event.key === 'Escape' || event.key === 'Enter') {
-        // skip keyboard events of child elements
-        if (event.target !== this.$refs.dialog) {
-          return;
-        }
-
-        var onEventType = {
-          Enter: this.showConfirmButton ? function () {
-            return _this3.handleAction('confirm');
-          } : _utils.noop,
-          Escape: this.showCancelButton ? function () {
-            return _this3.handleAction('cancel');
-          } : _utils.noop
-        };
-        onEventType[event.key]();
-        this.$emit('keydown', event);
+      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);
       }
-    },
-    genRoundButtons: function genRoundButtons() {
-      var _this4 = this;
-
-      var h = this.$createElement;
-      return h(_goodsAction.default, {
-        "class": bem('footer')
-      }, [this.showCancelButton && h(_goodsActionButton.default, {
-        "attrs": {
-          "size": "large",
-          "type": "warning",
-          "text": this.cancelButtonText || t('cancel'),
-          "color": this.cancelButtonColor,
-          "loading": this.loading.cancel
-        },
-        "class": bem('cancel'),
-        "on": {
-          "click": function click() {
-            _this4.handleAction('cancel');
-          }
-        }
-      }), this.showConfirmButton && h(_goodsActionButton.default, {
-        "attrs": {
-          "size": "large",
-          "type": "danger",
-          "text": this.confirmButtonText || t('confirm'),
-          "color": this.confirmButtonColor,
-          "loading": this.loading.confirm
-        },
-        "class": bem('confirm'),
-        "on": {
-          "click": function click() {
-            _this4.handleAction('confirm');
-          }
-        }
-      })]);
-    },
-    genButtons: function genButtons() {
-      var _this5 = this,
-          _ref;
-
-      var h = this.$createElement;
-      var multiple = this.showCancelButton && this.showConfirmButton;
-      return h("div", {
-        "class": [_constant.BORDER_TOP, bem('footer')]
-      }, [this.showCancelButton && h(_button.default, {
-        "attrs": {
-          "size": "large",
-          "loading": this.loading.cancel,
-          "text": this.cancelButtonText || t('cancel'),
-          "nativeType": "button"
-        },
-        "class": bem('cancel'),
-        "style": {
-          color: this.cancelButtonColor
-        },
-        "on": {
-          "click": function click() {
-            _this5.handleAction('cancel');
-          }
-        }
-      }), this.showConfirmButton && h(_button.default, {
-        "attrs": {
-          "size": "large",
-          "loading": this.loading.confirm,
-          "text": this.confirmButtonText || t('confirm'),
-          "nativeType": "button"
-        },
-        "class": [bem('confirm'), (_ref = {}, _ref[_constant.BORDER_LEFT] = multiple, _ref)],
-        "style": {
-          color: this.confirmButtonColor
-        },
-        "on": {
-          "click": function click() {
-            _this5.handleAction('confirm');
-          }
-        }
-      })]);
-    },
-    genContent: function genContent(hasTitle, messageSlot) {
-      var h = this.$createElement;
-
-      if (messageSlot) {
-        return h("div", {
-          "class": bem('content')
-        }, [messageSlot]);
+      return (0, import_vue.createVNode)("div", {
+        "class": classNames
+      }, [content]);
+    };
+    const renderContent = () => {
+      if (slots.default) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("content")
+        }, [slots.default()]);
       }
-
-      var message = this.message,
-          messageAlign = this.messageAlign;
-
+      const {
+        title,
+        message,
+        allowHtml
+      } = props;
       if (message) {
-        var _bem, _domProps;
-
-        var data = {
-          class: bem('message', (_bem = {
-            'has-title': hasTitle
-          }, _bem[messageAlign] = messageAlign, _bem)),
-          domProps: (_domProps = {}, _domProps[this.allowHtml ? 'innerHTML' : 'textContent'] = message, _domProps)
-        };
-        return h("div", {
-          "class": bem('content', {
+        const hasTitle = !!(title || slots.title);
+        return (0, import_vue.createVNode)("div", {
+          "key": allowHtml ? 1 : 0,
+          "class": bem("content", {
             isolated: !hasTitle
           })
-        }, [h("div", (0, _babelHelperVueJsxMergeProps.default)([{}, data]))]);
+        }, [renderMessage(hasTitle)]);
       }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-
-    if (!this.shouldRender) {
-      return;
-    }
-
-    var message = this.message;
-    var messageSlot = this.slots();
-    var title = this.slots('title') || this.title;
-    var Title = title && h("div", {
-      "class": bem('header', {
-        isolated: !message && !messageSlot
-      })
-    }, [title]);
-    return h("transition", {
-      "attrs": {
-        "name": this.transition
+    };
+    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"),
+      "style": {
+        color: props.cancelButtonColor
       },
-      "on": {
-        "afterEnter": this.onOpened,
-        "afterLeave": this.onClosed
-      }
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.value
+      "loading": loading.cancel,
+      "disabled": props.cancelButtonDisabled,
+      "onClick": onCancel
+    }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_button.Button, {
+      "size": "large",
+      "text": props.confirmButtonText || t("confirm"),
+      "class": [bem("confirm"), {
+        [import_utils.BORDER_LEFT]: props.showCancelButton
       }],
-      "attrs": {
-        "role": "dialog",
-        "aria-labelledby": this.title || message,
-        "tabIndex": 0
-      },
-      "class": [bem([this.theme]), this.className],
       "style": {
-        width: (0, _utils.addUnit)(this.width)
+        color: props.confirmButtonColor
       },
-      "ref": "dialog",
-      "on": {
-        "keydown": this.onKeydown
+      "loading": loading.confirm,
+      "disabled": props.confirmButtonDisabled,
+      "onClick": onConfirm
+    }, null)]);
+    const renderRoundButtons = () => (0, import_vue.createVNode)(import_action_bar.ActionBar, {
+      "class": bem("footer")
+    }, {
+      default: () => [props.showCancelButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
+        "type": "warning",
+        "text": props.cancelButtonText || t("cancel"),
+        "class": bem("cancel"),
+        "color": props.cancelButtonColor,
+        "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
+        "onClick": onCancel
+      }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
+        "type": "danger",
+        "text": props.confirmButtonText || t("confirm"),
+        "class": bem("confirm"),
+        "color": props.confirmButtonColor,
+        "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
+        "onClick": onConfirm
+      }, null)]
+    });
+    const renderFooter = () => {
+      if (slots.footer) {
+        return slots.footer();
       }
-    }, [Title, this.genContent(title, messageSlot), this.theme === 'round-button' ? this.genRoundButtons() : this.genButtons()])]);
+      return props.theme === "round-button" ? renderRoundButtons() : renderButtons();
+    };
+    return () => {
+      const {
+        width,
+        title,
+        theme,
+        message,
+        className
+      } = props;
+      return (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
+        "ref": root,
+        "role": "dialog",
+        "class": [bem([theme]), className],
+        "style": {
+          width: (0, import_utils.addUnit)(width)
+        },
+        "tabindex": 0,
+        "aria-labelledby": title || message,
+        "onKeydown": onKeydown,
+        "onUpdate:show": updateShow
+      }, (0, import_utils.pick)(props, popupInheritKeys)), {
+        default: () => [renderTitle(), renderContent(), renderFooter()]
+      });
+    };
   }
 });
-
-exports.default = _default;

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

@@ -0,0 +1,21 @@
+import type { DialogAction, DialogOptions } from './types';
+/**
+ * Display a message prompt dialog with a default confirm button
+ */
+export declare function showDialog(options: DialogOptions): Promise<DialogAction | undefined>;
+/**
+ * Modify the default configuration that affects all `showDialog` calls
+ */
+export declare const setDialogDefaultOptions: (options: DialogOptions) => void;
+/**
+ * Reset the default configuration that affects all `showDialog` calls
+ */
+export declare const resetDialogDefaultOptions: () => void;
+/**
+ * Display a message confirmation dialog with default confirm and cancel buttons
+ */
+export declare const showConfirmDialog: (options: DialogOptions) => Promise<DialogAction | undefined>;
+/**
+ * Close the currently displayed dialog
+ */
+export declare const closeDialog: () => void;

package/lib/dialog/function-call.js

@@ -0,0 +1,114 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  closeDialog: () => closeDialog,
+  resetDialogDefaultOptions: () => resetDialogDefaultOptions,
+  setDialogDefaultOptions: () => setDialogDefaultOptions,
+  showConfirmDialog: () => showConfirmDialog,
+  showDialog: () => showDialog
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_mount_component = require("../utils/mount-component");
+var import_Dialog = __toESM(require("./Dialog"));
+let instance;
+const DEFAULT_OPTIONS = {
+  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,
+  cancelButtonDisabled: false,
+  confirmButtonText: "",
+  confirmButtonColor: null,
+  confirmButtonDisabled: false,
+  showConfirmButton: true,
+  showCancelButton: false,
+  closeOnPopstate: true,
+  closeOnClickOverlay: false
+};
+let currentOptions = (0, import_utils.extend)({}, DEFAULT_OPTIONS);
+function initInstance() {
+  const Wrapper = {
+    setup() {
+      const {
+        state,
+        toggle
+      } = (0, import_mount_component.usePopupState)();
+      return () => (0, import_vue.createVNode)(import_Dialog.default, (0, import_vue.mergeProps)(state, {
+        "onUpdate:show": toggle
+      }), null);
+    }
+  };
+  ({
+    instance
+  } = (0, import_mount_component.mountComponent)(Wrapper));
+}
+function showDialog(options) {
+  if (!import_utils.inBrowser) {
+    return Promise.resolve(void 0);
+  }
+  return new Promise((resolve, reject) => {
+    if (!instance) {
+      initInstance();
+    }
+    instance.open((0, import_utils.extend)({}, currentOptions, options, {
+      callback: (action) => {
+        (action === "confirm" ? resolve : reject)(action);
+      }
+    }));
+  });
+}
+const setDialogDefaultOptions = (options) => {
+  (0, import_utils.extend)(currentOptions, options);
+};
+const resetDialogDefaultOptions = () => {
+  currentOptions = (0, import_utils.extend)({}, DEFAULT_OPTIONS);
+};
+const showConfirmDialog = (options) => showDialog((0, import_utils.extend)({
+  showCancelButton: true
+}, options));
+const closeDialog = () => {
+  if (instance) {
+    instance.toggle(false);
+  }
+};

package/lib/dialog/index.css

@@ -1 +1 @@
-.van-dialog{position:fixed;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:16px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:321px){.van-dialog{width:90%}}.van-dialog__header{padding-top:26px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:24px 0}.van-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:104px}.van-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:26px 24px;overflow-y:auto;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:8px;color:#646566}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:48px;margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#ee0a24}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:8px 24px 16px}.van-dialog--round-button .van-dialog__message{padding-bottom:16px;color:#323233}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:36px}.van-dialog--round-button .van-dialog__confirm{color:#fff}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+:root,:host{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-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-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-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{color:var(--van-text-color);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{color:var(--van-text-color);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__message--justify{text-align:justify}.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;border-radius: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--round-button .van-action-bar-button--first{border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-dialog--round-button .van-action-bar-button--last{border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-dialog-bounce-enter-from{transform:translate3d(0,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(0,-50%,0) scale(.9);opacity:0}