vant 3.6.14 → 3.6.16

package/es/dialog/function-call.mjs

@@ -1,36 +1,8 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { extend, inBrowser } from "../utils/index.mjs";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { extend, inBrowser, withInstall } from "../utils/index.mjs";
 import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
-import Dialog from "./Dialog.mjs";
+import VanDialog from "./Dialog.mjs";
 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 = extend({}, DEFAULT_OPTIONS);
 function initInstance() {
   const Wrapper = {
     setup() {
@@ -38,7 +10,7 @@ function initInstance() {
         state,
         toggle
       } = usePopupState();
-      return () => _createVNode(Dialog, _mergeProps(state, {
+      return () => _createVNode(VanDialog, _mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -47,39 +19,69 @@ function initInstance() {
     instance
   } = mountComponent(Wrapper));
 }
-function showDialog(options) {
+function Dialog(options) {
   if (!inBrowser) {
-    return Promise.resolve(void 0);
+    return Promise.resolve();
   }
   return new Promise((resolve, reject) => {
     if (!instance) {
       initInstance();
     }
-    instance.open(extend({}, currentOptions, options, {
+    instance.open(extend({}, Dialog.currentOptions, options, {
       callback: (action) => {
         (action === "confirm" ? resolve : reject)(action);
       }
     }));
   });
 }
-const setDialogDefaultOptions = (options) => {
-  extend(currentOptions, options);
-};
-const resetDialogDefaultOptions = () => {
-  currentOptions = extend({}, DEFAULT_OPTIONS);
+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,
+  cancelButtonDisabled: false,
+  confirmButtonText: "",
+  confirmButtonColor: null,
+  confirmButtonDisabled: false,
+  showConfirmButton: true,
+  showCancelButton: false,
+  closeOnPopstate: true,
+  closeOnClickOverlay: false
 };
-const showConfirmDialog = (options) => showDialog(extend({
+Dialog.currentOptions = extend({}, Dialog.defaultOptions);
+Dialog.alert = Dialog;
+Dialog.confirm = (options) => Dialog(extend({
   showCancelButton: true
 }, options));
-const closeDialog = () => {
+Dialog.close = () => {
   if (instance) {
     instance.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;
+};
 export {
-  closeDialog,
-  resetDialogDefaultOptions,
-  setDialogDefaultOptions,
-  showConfirmDialog,
-  showDialog
+  Dialog
 };

package/es/dialog/index.css

@@ -1 +1 @@
-: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}
+: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__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}.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:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.d.ts

@@ -1,147 +1,10 @@
-export declare const Dialog: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    show: BooleanConstructor;
-    zIndex: (NumberConstructor | StringConstructor)[];
-    overlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
-    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;
-    };
-} & {
-    title: StringConstructor;
-    theme: import("vue").PropType<import("./types").DialogTheme>;
-    width: (NumberConstructor | StringConstructor)[];
-    message: import("vue").PropType<import("./types").DialogMessage>;
-    callback: import("vue").PropType<(action?: import("./types").DialogAction) => void>;
-    allowHtml: BooleanConstructor;
-    className: import("vue").PropType<unknown>;
-    transition: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    messageAlign: import("vue").PropType<import("./types").DialogMessageAlign>;
-    closeOnPopstate: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showCancelButton: BooleanConstructor;
-    cancelButtonText: StringConstructor;
-    cancelButtonColor: StringConstructor;
-    cancelButtonDisabled: BooleanConstructor;
-    confirmButtonText: StringConstructor;
-    confirmButtonColor: StringConstructor;
-    confirmButtonDisabled: BooleanConstructor;
-    showConfirmButton: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    closeOnClickOverlay: BooleanConstructor;
-    keyboardEnabled: {
-        type: BooleanConstructor;
-        default: true;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "keydown" | "update:show" | "confirm")[], "cancel" | "keydown" | "update:show" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    show: BooleanConstructor;
-    zIndex: (NumberConstructor | StringConstructor)[];
-    overlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
-    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;
-    };
-} & {
-    title: StringConstructor;
-    theme: import("vue").PropType<import("./types").DialogTheme>;
-    width: (NumberConstructor | StringConstructor)[];
-    message: import("vue").PropType<import("./types").DialogMessage>;
-    callback: import("vue").PropType<(action?: import("./types").DialogAction) => void>;
-    allowHtml: BooleanConstructor;
-    className: import("vue").PropType<unknown>;
-    transition: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    messageAlign: import("vue").PropType<import("./types").DialogMessageAlign>;
-    closeOnPopstate: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showCancelButton: BooleanConstructor;
-    cancelButtonText: StringConstructor;
-    cancelButtonColor: StringConstructor;
-    cancelButtonDisabled: BooleanConstructor;
-    confirmButtonText: StringConstructor;
-    confirmButtonColor: StringConstructor;
-    confirmButtonDisabled: BooleanConstructor;
-    showConfirmButton: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    closeOnClickOverlay: BooleanConstructor;
-    keyboardEnabled: {
-        type: BooleanConstructor;
-        default: true;
-    };
-}>> & Readonly<{
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
-}>, {
-    overlay: boolean;
-    show: boolean;
-    lockScroll: boolean;
-    lazyRender: boolean;
-    transitionAppear: boolean;
-    closeOnClickOverlay: boolean;
-    transition: string;
-    closeOnPopstate: boolean;
-    allowHtml: boolean;
-    showCancelButton: boolean;
-    cancelButtonDisabled: boolean;
-    confirmButtonDisabled: boolean;
-    showConfirmButton: boolean;
-    keyboardEnabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+import { Dialog } from './function-call';
 export default Dialog;
-export { dialogProps } from './Dialog';
-export { showDialog, closeDialog, showConfirmDialog, setDialogDefaultOptions, resetDialogDefaultOptions, } from './function-call';
+export { Dialog };
 export type { DialogProps } from './Dialog';
-export type { DialogTheme, DialogMessage, DialogOptions, DialogThemeVars, DialogMessageAlign, } from './types';
+export type { DialogTheme, DialogMessage, DialogOptions, DialogMessageAlign, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
-        VanDialog: typeof Dialog;
+        VanDialog: typeof Dialog.Component;
     }
 }

package/es/dialog/index.less

@@ -0,0 +1,144 @@
+@import './var.less';
+
+:root {
+  --van-dialog-width: @dialog-width;
+  --van-dialog-small-screen-width: @dialog-small-screen-width;
+  --van-dialog-font-size: @dialog-font-size;
+  --van-dialog-transition: @dialog-transition;
+  --van-dialog-border-radius: @dialog-border-radius;
+  --van-dialog-background-color: @dialog-background-color;
+  --van-dialog-header-font-weight: @dialog-header-font-weight;
+  --van-dialog-header-line-height: @dialog-header-line-height;
+  --van-dialog-header-padding-top: @dialog-header-padding-top;
+  --van-dialog-header-isolated-padding: @dialog-header-isolated-padding;
+  --van-dialog-message-padding: @dialog-message-padding;
+  --van-dialog-message-font-size: @dialog-message-font-size;
+  --van-dialog-message-line-height: @dialog-message-line-height;
+  --van-dialog-message-max-height: @dialog-message-max-height;
+  --van-dialog-has-title-message-text-color: @dialog-has-title-message-text-color;
+  --van-dialog-has-title-message-padding-top: @dialog-has-title-message-padding-top;
+  --van-dialog-button-height: @dialog-button-height;
+  --van-dialog-round-button-height: @dialog-round-button-height;
+  --van-dialog-confirm-button-text-color: @dialog-confirm-button-text-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);
+  backface-visibility: hidden; // avoid blurry text after scale animation
+  transition: var(--van-dialog-transition);
+  transition-property: transform, opacity;
+
+  @media (max-width: 321px) {
+    width: var(--van-dialog-small-screen-width);
+  }
+
+  &__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;
+
+    &--isolated {
+      padding: var(--van-dialog-header-isolated-padding);
+    }
+  }
+
+  &__content {
+    &--isolated {
+      display: flex;
+      align-items: center;
+      min-height: 104px;
+    }
+  }
+
+  &__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);
+
+    // allow newline character
+    white-space: pre-wrap;
+    text-align: center;
+    word-wrap: break-word;
+    -webkit-overflow-scrolling: touch;
+
+    &--has-title {
+      padding-top: var(--van-dialog-has-title-message-padding-top);
+      color: var(--van-dialog-has-title-message-text-color);
+    }
+
+    &--left {
+      text-align: left;
+    }
+
+    &--right {
+      text-align: right;
+    }
+
+    &--justify {
+      text-align: justify;
+    }
+  }
+
+  &__footer {
+    display: flex;
+    overflow: hidden;
+    user-select: none;
+  }
+
+  &__confirm,
+  &__cancel {
+    flex: 1;
+    height: var(--van-dialog-button-height);
+    margin: 0;
+    border: 0;
+  }
+
+  &__confirm {
+    &,
+    &:active {
+      color: var(--van-dialog-confirm-button-text-color);
+    }
+  }
+
+  &--round-button {
+    .van-dialog__footer {
+      position: relative;
+      height: auto;
+      padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md);
+    }
+
+    .van-dialog__message {
+      padding-bottom: var(--van-padding-md);
+      color: var(--van-text-color);
+    }
+
+    .van-dialog__confirm,
+    .van-dialog__cancel {
+      height: var(--van-dialog-round-button-height);
+    }
+
+    .van-dialog__confirm {
+      color: var(--van-white);
+    }
+  }
+
+  &-bounce-enter-from {
+    transform: translate3d(-50%, -50%, 0) scale(0.7);
+    opacity: 0;
+  }
+
+  &-bounce-leave-active {
+    transform: translate3d(-50%, -50%, 0) scale(0.9);
+    opacity: 0;
+  }
+}

package/es/dialog/index.mjs

@@ -1,22 +1,6 @@
-import { withInstall } from "../utils/index.mjs";
-import _Dialog from "./Dialog.mjs";
-const Dialog = withInstall(_Dialog);
+import { Dialog } from "./function-call.mjs";
 var stdin_default = Dialog;
-import { dialogProps } from "./Dialog.mjs";
-import {
-  showDialog,
-  closeDialog,
-  showConfirmDialog,
-  setDialogDefaultOptions,
-  resetDialogDefaultOptions
-} from "./function-call.mjs";
 export {
   Dialog,
-  closeDialog,
-  stdin_default as default,
-  dialogProps,
-  resetDialogDefaultOptions,
-  setDialogDefaultOptions,
-  showConfirmDialog,
-  showDialog
+  stdin_default as default
 };

package/es/dialog/style/less.mjs

@@ -0,0 +1,10 @@
+import "../../style/base.less";
+import "../../action-bar/index.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../button/index.less";
+import "../../action-bar-button/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../index.less";

package/es/dialog/types.d.ts

@@ -1,10 +1,11 @@
+import { Dialog } from './function-call';
 import type { CSSProperties, TeleportProps } from 'vue';
 import type { Interceptor, Numeric } from '../utils';
-export type DialogTheme = 'default' | 'round-button';
-export type DialogAction = 'confirm' | 'cancel';
-export type DialogMessage = string | (() => JSX.Element);
-export type DialogMessageAlign = 'left' | 'center' | 'right' | 'justify';
-export type DialogOptions = {
+export declare type DialogTheme = 'default' | 'round-button';
+export declare type DialogAction = 'confirm' | 'cancel';
+export declare type DialogMessage = string | (() => JSX.Element);
+export declare type DialogMessageAlign = 'left' | 'center' | 'right' | 'justify';
+export declare type DialogOptions = {
     title?: string;
     width?: Numeric;
     theme?: DialogTheme;
@@ -30,24 +31,8 @@ export type DialogOptions = {
     confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
 };
-export type DialogThemeVars = {
-    dialogWidth?: string;
-    dialogSmallScreenWidth?: string;
-    dialogFontSize?: string;
-    dialogTransition?: string;
-    dialogRadius?: string;
-    dialogBackground?: string;
-    dialogHeaderFontWeight?: string;
-    dialogHeaderLineHeight?: number | string;
-    dialogHeaderPaddingTop?: string;
-    dialogHeaderIsolatedPadding?: string;
-    dialogMessagePadding?: string;
-    dialogMessageFontSize?: string;
-    dialogMessageLineHeight?: number | string;
-    dialogMessageMaxHeight?: string;
-    dialogHasTitleMessageTextColor?: string;
-    dialogHasTitleMessagePaddingTop?: string;
-    dialogButtonHeight?: string;
-    dialogRoundButtonHeight?: string;
-    dialogConfirmButtonTextColor?: string;
-};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $dialog: typeof Dialog;
+    }
+}

package/es/dialog/var.less

@@ -0,0 +1,21 @@
+@import '../style/var.less';
+
+@dialog-width: 320px;
+@dialog-small-screen-width: 90%;
+@dialog-font-size: var(--van-font-size-lg);
+@dialog-transition: var(--van-animation-duration-base);
+@dialog-border-radius: 16px;
+@dialog-background-color: var(--van-background-color-light);
+@dialog-header-font-weight: var(--van-font-weight-bold);
+@dialog-header-line-height: 24px;
+@dialog-header-padding-top: 26px;
+@dialog-header-isolated-padding: var(--van-padding-lg) 0;
+@dialog-message-padding: var(--van-padding-lg);
+@dialog-message-font-size: var(--van-font-size-md);
+@dialog-message-line-height: var(--van-line-height-md);
+@dialog-message-max-height: 60vh;
+@dialog-has-title-message-text-color: var(--van-gray-7);
+@dialog-has-title-message-padding-top: var(--van-padding-xs);
+@dialog-button-height: 48px;
+@dialog-round-button-height: 36px;
+@dialog-confirm-button-text-color: var(--van-danger-color);

package/es/divider/Divider.d.ts

@@ -1,44 +1,40 @@
 import { type ExtractPropTypes } from 'vue';
-export type DividerContentPosition = 'left' | 'center' | 'right';
-export declare const dividerProps: {
+export declare type DividerContentPosition = 'left' | 'center' | 'right';
+declare const dividerProps: {
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;
         default: true;
     };
-    vertical: BooleanConstructor;
     contentPosition: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
     };
 };
-export type DividerProps = ExtractPropTypes<typeof dividerProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;
+declare const _default: import("vue").DefineComponent<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;
         default: true;
     };
-    vertical: BooleanConstructor;
     contentPosition: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;
         default: true;
     };
-    vertical: BooleanConstructor;
     contentPosition: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
     };
-}>> & Readonly<{}>, {
+}>>, {
     dashed: boolean;
-    vertical: boolean;
     hairline: boolean;
     contentPosition: DividerContentPosition;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/divider/Divider.mjs

@@ -1,10 +1,10 @@
-import { defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
 import { truthProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
-  vertical: Boolean,
   contentPosition: makeStringProp("center")
 };
 var stdin_default = defineComponent({
@@ -20,14 +20,12 @@ var stdin_default = defineComponent({
         "class": bem({
           dashed: props.dashed,
           hairline: props.hairline,
-          vertical: props.vertical,
-          [`content-${props.contentPosition}`]: !!slots.default && !props.vertical
+          [`content-${props.contentPosition}`]: !!slots.default
         })
-      }, [!props.vertical && ((_a = slots.default) == null ? void 0 : _a.call(slots))]);
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
 export {
-  stdin_default as default,
-  dividerProps
+  stdin_default as default
 };

package/es/divider/index.css

@@ -1 +1 @@
-:root,:host{--van-divider-margin: var(--van-padding-md) 0;--van-divider-vertical-margin: 0 var(--van-padding-xs);--van-divider-text-color: var(--van-text-color-2);--van-divider-font-size: var(--van-font-size-md);--van-divider-line-height: 24px;--van-divider-border-color: var(--van-border-color);--van-divider-content-padding: var(--van-padding-md);--van-divider-content-left-width: 10%;--van-divider-content-right-width: 10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider:before,.van-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width) 0 0}.van-divider:before{content:""}.van-divider--hairline:before,.van-divider--hairline:after{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{margin-left:var(--van-divider-content-padding);content:""}.van-divider--content-left:before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right:after{max-width:var(--van-divider-content-right-width)}.van-divider--vertical{display:inline-block;width:var(--van-border-width);height:1em;margin:var(--van-divider-vertical-margin);vertical-align:middle}.van-divider--vertical:before{height:100%;border-width:0 0 0 var(--van-border-width)}.van-divider--vertical:after{display:none}.van-divider--vertical.van-divider--hairline:before{transform:scaleX(.5)}
+:root{--van-divider-margin: var(--van-padding-md) 0;--van-divider-text-color: var(--van-text-color-2);--van-divider-font-size: var(--van-font-size-md);--van-divider-line-height: 24px;--van-divider-border-color: var(--van-border-color);--van-divider-content-padding: var(--van-padding-md);--van-divider-content-left-width: 10%;--van-divider-content-right-width: 10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider:before,.van-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width-base) 0 0}.van-divider:before{content:""}.van-divider--hairline:before,.van-divider--hairline:after{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{margin-left:var(--van-divider-content-padding);content:""}.van-divider--content-left:before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right:after{max-width:var(--van-divider-content-right-width)}