zartui 3.0.1 → 3.0.3

package/es/dialog/Dialog.d.ts

@@ -0,0 +1,187 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
+export declare const dialogProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<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;
+};
+export declare type DialogProps = ExtractPropTypes<typeof dialogProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction | undefined) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<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;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:show" | "cancel" | "confirm")[], "keydown" | "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction | undefined) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<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;
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    overlay: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+    transition: string;
+    closeOnPopstate: boolean;
+    allowHtml: boolean;
+    showCancelButton: boolean;
+    cancelButtonDisabled: boolean;
+    confirmButtonDisabled: boolean;
+    showConfirmButton: boolean;
+}>;
+export default _default;

package/es/dialog/Dialog.mjs

@@ -0,0 +1,197 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { ref, reactive, withKeys, defineComponent } from "vue";
+import { noop, pick, extend, addUnit, truthProp, isFunction, unknownProp, numericProp, makeStringProp, callInterceptor, createNamespace } from "../utils/index.mjs";
+import { popupSharedProps, popupSharedPropKeys } from "../popup/shared.mjs";
+import { Popup } from "../popup/index.mjs";
+import { Button } from "../button/index.mjs";
+const [name, bem, t] = createNamespace("dialog");
+const dialogProps = extend({}, popupSharedProps, {
+  title: String,
+  theme: String,
+  width: numericProp,
+  message: [String, Function],
+  callback: Function,
+  allowHtml: Boolean,
+  className: unknownProp,
+  transition: makeStringProp("zt-dialog-bounce"),
+  messageAlign: String,
+  closeOnPopstate: truthProp,
+  showCancelButton: Boolean,
+  cancelButtonText: String,
+  cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
+  confirmButtonText: String,
+  confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
+  showConfirmButton: truthProp,
+  closeOnClickOverlay: Boolean
+});
+const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
+var stdin_default = defineComponent({
+  name,
+  props: dialogProps,
+  emits: ["confirm", "cancel", "keydown", "update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = ref();
+    const loading = 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);
+    };
+    const getActionHandler = (action) => () => {
+      if (!props.show) {
+        return;
+      }
+      emit(action);
+      if (props.beforeClose) {
+        loading[action] = true;
+        callInterceptor(props.beforeClose, {
+          args: [action],
+          done() {
+            close(action);
+            loading[action] = false;
+          },
+          canceled() {
+            loading[action] = false;
+          }
+        });
+      } else {
+        close(action);
+      }
+    };
+    const onCancel = getActionHandler("cancel");
+    const onConfirm = getActionHandler("confirm");
+    const onKeydown = withKeys((event) => {
+      var _a, _b;
+      if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
+        return;
+      }
+      const onEventType = {
+        Enter: props.showConfirmButton ? onConfirm : noop,
+        Escape: props.showCancelButton ? onCancel : noop
+      };
+      onEventType[event.key]();
+      emit("keydown", event);
+    }, ["enter", "esc"]);
+    const renderTitle = () => {
+      const title = slots.title ? slots.title() : props.title;
+      if (title) {
+        return _createVNode("div", {
+          "class": bem("header", {
+            isolated: !props.message && !slots.default,
+            "custom-title": !!slots.title
+          })
+        }, [title]);
+      }
+    };
+    const renderMessage = (hasTitle) => {
+      const {
+        message,
+        allowHtml,
+        messageAlign
+      } = props;
+      const classNames = bem("message", {
+        "has-title": hasTitle,
+        [messageAlign]: messageAlign
+      });
+      const content = isFunction(message) ? message() : message;
+      if (allowHtml && typeof content === "string") {
+        return _createVNode("div", {
+          "class": classNames,
+          "innerHTML": content
+        }, null);
+      }
+      return _createVNode("div", {
+        "class": classNames
+      }, [content]);
+    };
+    const renderContent = () => {
+      if (slots.default) {
+        return _createVNode("div", {
+          "class": bem("content")
+        }, [slots.default()]);
+      }
+      const {
+        title,
+        message,
+        allowHtml
+      } = props;
+      if (message) {
+        const hasTitle = !!(title || slots.title);
+        return _createVNode("div", {
+          "key": allowHtml ? 1 : 0,
+          "class": bem("content", {
+            isolated: !hasTitle
+          })
+        }, [renderMessage(hasTitle)]);
+      }
+    };
+    const renderButtons = () => _createVNode("div", {
+      "class": bem("footer")
+    }, [props.showCancelButton && _createVNode(Button, {
+      "type": "default",
+      "hairline": true,
+      "text": props.cancelButtonText || t("cancel"),
+      "class": bem("cancel"),
+      "style": {
+        color: props.cancelButtonColor
+      },
+      "loading": loading.cancel,
+      "disabled": props.cancelButtonDisabled,
+      "onClick": onCancel
+    }, null), props.showConfirmButton && _createVNode(Button, {
+      "type": "primary",
+      "text": props.confirmButtonText || t("confirm"),
+      "class": bem("confirm", {
+        "with-cancel": props.showCancelButton
+      }),
+      "style": {
+        color: props.confirmButtonColor
+      },
+      "loading": loading.confirm,
+      "disabled": props.confirmButtonDisabled,
+      "onClick": onConfirm
+    }, null)]);
+    const renderFooter = () => {
+      if (slots.footer) {
+        return slots.footer();
+      }
+      return renderButtons();
+    };
+    return () => {
+      const {
+        width,
+        title,
+        theme,
+        message,
+        className
+      } = props;
+      return _createVNode(Popup, _mergeProps({
+        "ref": root,
+        "role": "dialog",
+        "class": [bem([theme]), className],
+        "style": {
+          width: addUnit(width)
+        },
+        "tabindex": 0,
+        "aria-labelledby": title || message,
+        "onKeydown": onKeydown,
+        "onUpdate:show": updateShow
+      }, pick(props, popupInheritKeys)), {
+        default: () => [renderTitle(), renderContent(), renderFooter()]
+      });
+    };
+  }
+});
+export {
+  stdin_default as default,
+  dialogProps
+};

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

@@ -0,0 +1,6 @@
+import type { DialogOptions } from './types';
+export declare function showDialog(options: DialogOptions): Promise<unknown>;
+export declare const setDialogDefaultOptions: (options: DialogOptions) => void;
+export declare const resetDialogDefaultOptions: () => void;
+export declare const showConfirmDialog: (options: DialogOptions) => Promise<unknown>;
+export declare const closeDialog: () => void;

package/es/dialog/function-call.mjs

@@ -0,0 +1,85 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { extend, inBrowser } from "../utils/index.mjs";
+import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
+import Dialog 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() {
+      const {
+        state,
+        toggle
+      } = usePopupState();
+      return () => _createVNode(Dialog, _mergeProps(state, {
+        "onUpdate:show": toggle
+      }), null);
+    }
+  };
+  ({
+    instance
+  } = mountComponent(Wrapper));
+}
+function showDialog(options) {
+  if (!inBrowser) {
+    return Promise.resolve();
+  }
+  return new Promise((resolve, reject) => {
+    if (!instance) {
+      initInstance();
+    }
+    instance.open(extend({}, currentOptions, options, {
+      callback: (action) => {
+        (action === "confirm" ? resolve : reject)(action);
+      }
+    }));
+  });
+}
+const setDialogDefaultOptions = (options) => {
+  extend(currentOptions, options);
+};
+const resetDialogDefaultOptions = () => {
+  currentOptions = extend({}, DEFAULT_OPTIONS);
+};
+const showConfirmDialog = (options) => showDialog(extend({
+  showCancelButton: true
+}, options));
+const closeDialog = () => {
+  if (instance) {
+    instance.toggle(false);
+  }
+};
+export {
+  closeDialog,
+  resetDialogDefaultOptions,
+  setDialogDefaultOptions,
+  showConfirmDialog,
+  showDialog
+};

package/es/dialog/index.css

@@ -0,0 +1 @@
+:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-font-size: var(--zt-font-size-lg);--zt-dialog-transition: var(--zt-duration-base);--zt-dialog-radius: 12px;--zt-dialog-background: var(--zt-background-2);--zt-dialog-header-font-weight: var(--zt-font-bold);--zt-dialog-header-line-height: 24px;--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-font-size: var(--zt-font-size-lg);--zt-dialog-message-line-height: var(--zt-line-height-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-font-size: var(--zt-font-size-md);--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white)}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-dialog-font-size);background:var(--zt-dialog-background);border-radius:var(--zt-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--zt-dialog-transition);transition-property:transform,opacity}.zt-dialog__header{color:var(--zt-text-color);padding-top:var(--zt-dialog-header-padding-top);font-weight:var(--zt-dialog-header-font-weight);line-height:var(--zt-dialog-header-line-height);text-align:center}.zt-dialog__header--isolated{padding:var(--zt-dialog-header-isolated-padding)}.zt-dialog__header--custom-title{padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content{text-align:center;font-size:0}.zt-dialog__message{display:inline-block;color:var(--zt-gray-a8);max-height:var(--zt-dialog-message-max-height);padding:var(--zt-dialog-message-padding);overflow-y:auto;font-size:var(--zt-dialog-message-font-size);line-height:var(--zt-dialog-message-line-height);white-space:pre-wrap;text-align:left;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:var(--zt-dialog-has-title-message-padding-top);color:var(--zt-dialog-has-title-message-text-color);font-size:var(--zt-dialog-has-title-message-font-size)}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__message--justify{text-align:justify}.zt-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:0 var(--zt-padding-xl) var(--zt-padding-lg)}.zt-dialog__confirm,.zt-dialog__cancel{flex:1;margin:0;background-color:var(--zt-dialog-cancel-button-background-color)}.zt-dialog__confirm,.zt-dialog__confirm:active{color:var(--zt-dialog-confirm-button-text-color)}.zt-dialog__confirm--with-cancel{margin-left:8px}.zt-dialog--round-button .zt-dialog__footer{position:relative;height:auto;padding:var(--zt-padding-xs) var(--zt-padding-lg) var(--zt-padding-md)}.zt-dialog--round-button .zt-dialog__message{padding-bottom:var(--zt-padding-md);color:var(--zt-text-color)}.zt-dialog--round-button .zt-dialog__confirm,.zt-dialog--round-button .zt-dialog__cancel{height:var(--zt-dialog-round-button-height)}.zt-dialog--round-button .zt-dialog__confirm{color:var(--zt-white)}.zt-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.d.ts

@@ -0,0 +1,138 @@
+export declare const Dialog: import("../utils").WithInstall<import("vue").DefineComponent<{
+    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;
+    };
+} & {
+    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 | 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;
+    cancelButtonDisabled: BooleanConstructor;
+    confirmButtonText: StringConstructor;
+    confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:show" | "cancel" | "confirm")[], "keydown" | "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;
+    };
+} & {
+    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 | 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;
+    cancelButtonDisabled: BooleanConstructor;
+    confirmButtonText: StringConstructor;
+    confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: BooleanConstructor;
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    overlay: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+    transition: string;
+    closeOnPopstate: boolean;
+    allowHtml: boolean;
+    showCancelButton: boolean;
+    cancelButtonDisabled: boolean;
+    confirmButtonDisabled: boolean;
+    showConfirmButton: boolean;
+}>>;
+export default Dialog;
+export { dialogProps } from './Dialog';
+export { showDialog, closeDialog, showConfirmDialog, setDialogDefaultOptions, resetDialogDefaultOptions, } from './function-call';
+export type { DialogProps } from './Dialog';
+export type { DialogTheme, DialogMessage, DialogOptions, DialogMessageAlign, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtDialog: typeof Dialog;
+    }
+}

package/es/dialog/index.mjs

@@ -0,0 +1,22 @@
+import { withInstall } from "../utils/index.mjs";
+import _Dialog from "./Dialog.mjs";
+const Dialog = withInstall(_Dialog);
+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
+};

package/es/dialog/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/dialog/style/index.mjs

@@ -0,0 +1,8 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../loading/index.css";
+import "../../button/index.css";
+import "../index.css";

package/es/dialog/types.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties, TeleportProps } from 'vue';
+import type { Interceptor, Numeric } from '../utils';
+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;
+    message?: DialogMessage;
+    overlay?: boolean;
+    teleport?: TeleportProps['to'];
+    className?: unknown;
+    allowHtml?: boolean;
+    lockScroll?: boolean;
+    transition?: string;
+    beforeClose?: Interceptor;
+    messageAlign?: DialogMessageAlign;
+    overlayClass?: string;
+    overlayStyle?: CSSProperties;
+    closeOnPopstate?: boolean;
+    showCancelButton?: boolean;
+    showConfirmButton?: boolean;
+    cancelButtonText?: string;
+    cancelButtonColor?: string;
+    cancelButtonDisabled?: boolean;
+    confirmButtonText?: string;
+    confirmButtonColor?: string;
+    confirmButtonDisabled?: boolean;
+    closeOnClickOverlay?: boolean;
+};