vft 0.0.415 → 0.0.416

package/es/components/dialog/dialog-content.vue2.js

@@ -1,23 +1,23 @@
-import { defineComponent as g, inject as m, computed as d, createElementBlock as p, openBlock as r, normalizeStyle as k, normalizeClass as l, unref as e, createElementVNode as s, createCommentVNode as u, renderSlot as a, createBlock as R, toDisplayString as $, mergeProps as v } from "vue";
-import { singleAttrToObj as E } from "@vft/utils";
-import { VftIcon as N } from "../icon/index.js";
+import { defineComponent as y, inject as u, computed as r, createElementBlock as g, openBlock as a, normalizeStyle as E, normalizeClass as s, unref as t, createElementVNode as n, createCommentVNode as p, renderSlot as i, createBlock as N, toDisplayString as P, mergeProps as S } from "vue";
+import { singleAttrToObj as T } from "@vft/utils";
+import { VftIcon as j } from "../icon/index.js";
 import "../focus-trap/focus-trap.vue2.js";
-import { FOCUS_TRAP_INJECTION_KEY as S } from "../focus-trap/tokens.js";
+import { FOCUS_TRAP_INJECTION_KEY as z } from "../focus-trap/tokens.js";
 import "../focus-trap/utils.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { composeRefs as T } from "../../utils/vue/refs.js";
+import { composeRefs as K } from "../../utils/vue/refs.js";
 import "../form/index.js";
-import { useDraggable as j } from "../../hooks/use-draggable/index.js";
+import { useDraggable as O } from "../../hooks/use-draggable/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { dialogInjectionKey as z } from "./constants.js";
-const D = ["id"], O = g({
+import { dialogInjectionKey as V } from "./constants.js";
+const A = ["id"], F = y({
   name: "vft-dialog-content"
-}), Z = /* @__PURE__ */ g({
-  ...O,
+}), le = /* @__PURE__ */ y({
+  ...F,
   props: {
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
@@ -26,61 +26,72 @@ const D = ["id"], O = g({
     draggable: { type: Boolean, default: !1 },
     fullscreen: { type: Boolean, default: !1 },
     showClose: { type: Boolean, default: !0 },
-    title: { default: "" }
+    title: { default: "" },
+    overflow: { type: Boolean },
+    headerClass: {},
+    bodyClass: {},
+    footerClass: {}
   },
   emits: ["close"],
-  setup(n) {
-    const { dialogRef: i, headerRef: f, bodyId: y, ns: t, style: C } = m(z), { focusTrapRef: b } = m(S), h = T(b, i), B = d(() => n.draggable);
-    j(i, f, B);
-    const I = d(() => E(n.closeIcon, "icon", {
+  setup(l, { expose: C }) {
+    const { dialogRef: f, headerRef: d, bodyId: b, ns: e, style: h } = u(V), { focusTrapRef: v } = u(z), B = K(v, f), c = r(() => l.draggable), I = r(() => l.overflow), { resetPosition: k, updatePosition: w, isDragging: R } = O(
+      f,
+      d,
+      c,
+      I
+    ), $ = r(() => [
+      e.b(),
+      e.is("fullscreen", l.fullscreen),
+      e.is("draggable", c.value),
+      e.is("dragging", R.value),
+      e.is("align-center", l.alignCenter),
+      { [e.m("center")]: l.center }
+    ]), D = r(() => T(l.closeIcon, "icon", {
       icon: "icon-close",
-      pointer: !0
+      pointer: !0,
+      size: 16
     }));
-    return (o, c) => (r(), p("div", {
-      ref: e(h),
-      class: l([
-        e(t).b(),
-        e(t).is("fullscreen", o.fullscreen),
-        e(t).is("draggable", o.draggable),
-        e(t).is("align-center", o.alignCenter),
-        { [e(t).m("center")]: o.center },
-        o.customClass
-      ]),
-      style: k(e(C)),
+    return C({
+      resetPosition: k,
+      updatePosition: w
+    }), (o, m) => (a(), g("div", {
+      ref: t(B),
+      class: s($.value),
+      style: E(t(h)),
       tabindex: "-1"
     }, [
-      s("header", {
+      n("header", {
         ref_key: "headerRef",
-        ref: f,
-        class: l(e(t).e("header"))
+        ref: d,
+        class: s([t(e).e("header"), o.headerClass, { "show-close": o.showClose }])
       }, [
-        a(o.$slots, "header", {}, () => [
-          s("span", {
+        i(o.$slots, "header", {}, () => [
+          n("span", {
             role: "heading",
-            class: l(e(t).e("title"))
-          }, $(o.title), 3)
+            class: s(t(e).e("title"))
+          }, P(o.title), 3)
         ]),
-        o.showClose ? (r(), R(e(N), v({
+        o.showClose ? (a(), N(t(j), S({
           key: 0,
-          onClick: c[0] || (c[0] = (V) => o.$emit("close")),
-          class: e(t).e("close")
-        }, I.value, { size: "20" }), null, 16, ["class"])) : u("", !0)
+          class: [t(e).e("headerbtn")],
+          onClick: m[0] || (m[0] = (J) => o.$emit("close"))
+        }, D.value), null, 16, ["class"])) : p("", !0)
       ], 2),
-      s("div", {
-        id: e(y),
-        class: l(e(t).e("body"))
+      n("div", {
+        id: t(b),
+        class: s([t(e).e("body"), o.bodyClass])
       }, [
-        a(o.$slots, "default")
-      ], 10, D),
-      o.$slots.footer ? (r(), p("footer", {
+        i(o.$slots, "default")
+      ], 10, A),
+      o.$slots.footer ? (a(), g("footer", {
         key: 0,
-        class: l(e(t).e("footer"))
+        class: s([t(e).e("footer"), o.footerClass])
       }, [
-        a(o.$slots, "footer")
-      ], 2)) : u("", !0)
+        i(o.$slots, "footer")
+      ], 2)) : p("", !0)
     ], 6));
   }
 });
 export {
-  Z as default
+  le as default
 };

package/es/components/dialog/dialog.vue.d.ts

@@ -1,22 +1,4 @@
-import { type DialogContentProps } from './types';
-type DoneFn = (cancel?: boolean) => void;
-export interface DialogProps extends DialogContentProps {
-    appendToBody?: boolean;
-    beforeClose?: (done: DoneFn) => void;
-    destroyOnClose?: boolean;
-    closeOnClickModal?: boolean;
-    closeOnPressEscape?: boolean;
-    lockScroll?: boolean;
-    modal?: boolean;
-    openDelay?: number;
-    closeDelay?: number;
-    top?: string;
-    modelValue?: boolean;
-    modalClass?: string;
-    width?: string | number;
-    zIndex?: number;
-    trapFocus?: boolean;
-}
+import { type DialogProps } from './types';
 declare function __VLS_template(): {
     header?(_: {
         close: () => void;
@@ -28,8 +10,11 @@ declare function __VLS_template(): {
     footer?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogProps>>, {
+    /** @description whether the dialog is visible */
     visible: import("vue").Ref<boolean, boolean>;
     dialogContentRef: import("vue").Ref<any, any>;
+    resetPosition: () => void;
+    handleClose: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     close: () => void;

package/es/components/dialog/dialog.vue2.js

@@ -1,29 +1,30 @@
-import { defineComponent as B, ref as i, getCurrentInstance as z, provide as O, computed as P, createBlock as C, openBlock as b, unref as e, withCtx as t, createVNode as f, Transition as N, withDirectives as q, createElementVNode as j, normalizeStyle as K, normalizeClass as U, createCommentVNode as G, mergeProps as H, createSlots as J, renderSlot as n, vShow as Q } from "vue";
-import { isBoolean as W } from "@vft/utils";
-import X from "../focus-trap/focus-trap.vue.js";
+import { defineComponent as B, ref as p, getCurrentInstance as O, provide as N, computed as q, createBlock as b, openBlock as g, unref as e, withCtx as l, createVNode as m, Transition as j, normalizeProps as K, guardReactiveProps as L, withDirectives as U, createElementVNode as G, normalizeStyle as H, normalizeClass as J, createCommentVNode as Q, mergeProps as W, createSlots as X, renderSlot as d, vShow as Y } from "vue";
+import Z from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
-import { VftOverlay as Y } from "../overlay/index.js";
-import { UPDATE_MODEL_EVENT as Z } from "../../constants/event.js";
+import { VftOverlay as _ } from "../overlay/index.js";
+import { VftTeleport as x } from "../teleport/index.js";
+import { UPDATE_MODEL_EVENT as ee } from "../../constants/event.js";
 import "@vueuse/core";
+import { isBoolean as oe } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
-import { useSameTarget as x } from "../../hooks/use-same-target/index.js";
+import { useSameTarget as te } from "../../hooks/use-same-target/index.js";
 import "../../hooks/use-z-index/index.js";
-import { VftTeleport as ee } from "../teleport/index.js";
-import { dialogInjectionKey as oe } from "./constants.js";
-import te from "./dialog-content.vue2.js";
-import { useDialog as le } from "./hooks/use-dialog.js";
-const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = B({
+import { dialogInjectionKey as ae } from "./constants.js";
+import se from "./dialog-content.vue2.js";
+import { useDialog as re } from "./use-dialog.js";
+const ne = ["aria-label", "aria-labelledby", "aria-describedby"], de = B({
   name: "vft-dialog",
   inheritAttrs: !1
-}), Re = /* @__PURE__ */ B({
-  ...se,
+}), $e = /* @__PURE__ */ B({
+  ...de,
   props: {
     appendToBody: { type: Boolean, default: !1 },
+    appendTo: { default: "body" },
     beforeClose: {},
     destroyOnClose: { type: Boolean, default: !1 },
     closeOnClickModal: { type: Boolean, default: !0 },
@@ -33,11 +34,14 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = B({
     openDelay: { default: 0 },
     closeDelay: { default: 0 },
     top: {},
+    modalPenetrable: { type: Boolean },
     modelValue: { type: Boolean, default: !1 },
     modalClass: {},
     width: {},
     zIndex: {},
     trapFocus: { type: Boolean, default: !1 },
+    overflow: { type: Boolean },
+    transition: {},
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
     closeIcon: {},
@@ -45,10 +49,13 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = B({
     draggable: { type: Boolean, default: !1 },
     fullscreen: { type: Boolean, default: !1 },
     showClose: { type: Boolean, default: !0 },
-    title: { default: "" }
+    title: { default: "" },
+    headerClass: {},
+    bodyClass: {},
+    footerClass: {}
   },
   emits: {
-    [Z]: (r) => W(r),
+    [ee]: (s) => oe(s),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -56,134 +63,142 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = B({
     openAutoFocus: () => !0,
     closeAutoFocus: () => !0
   },
-  setup(r, { expose: k }) {
-    const d = _("dialog"), p = i(), A = i(), m = i(), F = z(), {
+  setup(s, { expose: k }) {
+    const r = le("dialog"), c = p(), w = p(), i = p(), h = O(), {
       visible: u,
-      titleId: c,
-      bodyId: y,
-      style: w,
-      overlayDialogStyle: R,
+      titleId: y,
+      bodyId: C,
+      style: F,
+      overlayDialogStyle: P,
       rendered: v,
-      zIndex: E,
-      afterEnter: T,
-      afterLeave: h,
-      beforeLeave: I,
-      handleClose: g,
+      transitionConfig: T,
+      zIndex: R,
+      _draggable: A,
+      _alignCenter: $,
+      _overflow: I,
+      handleClose: f,
       onModalClick: M,
-      onOpenAutoFocus: $,
-      onCloseAutoFocus: V,
+      onOpenAutoFocus: V,
+      onCloseAutoFocus: z,
       onCloseRequested: D,
-      onFocusoutPrevented: L
-    } = le(F.props, p);
-    O(oe, {
-      dialogRef: p,
-      headerRef: A,
-      bodyId: y,
-      ns: d,
+      onFocusoutPrevented: E
+    } = re(h.props, c);
+    N(ae, {
+      dialogRef: c,
+      headerRef: w,
+      bodyId: C,
+      ns: r,
       rendered: v,
-      style: w
+      style: F
     });
-    const l = x(M), S = P(() => r.draggable && !r.fullscreen);
+    const t = te(M), S = q(() => s.modalPenetrable && !s.modal && !s.fullscreen);
     return k({
+      /** @description whether the dialog is visible */
       visible: u,
-      dialogContentRef: m
-    }), (o, a) => (b(), C(e(ee), {
-      to: "body",
-      disabled: !o.appendToBody
+      dialogContentRef: i,
+      resetPosition: () => {
+        i.value?.resetPosition();
+      },
+      handleClose: f
+    }), (o, a) => (g(), b(e(x), {
+      to: o.appendTo,
+      disabled: o.appendTo !== "body" ? !1 : !o.appendToBody
     }, {
-      default: t(() => [
-        f(N, {
-          name: "dialog-fade",
-          onAfterEnter: e(T),
-          onAfterLeave: e(h),
-          onBeforeLeave: e(I)
-        }, {
-          default: t(() => [
-            q(f(e(Y), {
+      default: l(() => [
+        m(j, K(L(e(T))), {
+          default: l(() => [
+            U(m(e(_), {
               "custom-mask-event": "",
               mask: o.modal,
-              "overlay-class": o.modalClass,
-              "z-index": e(E)
+              "overlay-class": [
+                o.modalClass ?? "",
+                `${e(r).namespace.value}-modal-dialog`,
+                e(r).is("penetrable", S.value)
+              ],
+              "z-index": e(R)
             }, {
-              default: t(() => [
-                j("div", {
+              default: l(() => [
+                G("div", {
                   role: "dialog",
                   "aria-modal": "true",
                   "aria-label": o.title || void 0,
-                  "aria-labelledby": o.title ? void 0 : e(c),
-                  "aria-describedby": e(y),
-                  class: U(`${e(d).namespace.value}-overlay-dialog`),
-                  style: K(e(R)),
+                  "aria-labelledby": o.title ? void 0 : e(y),
+                  "aria-describedby": e(C),
+                  class: J(`${e(r).namespace.value}-overlay-dialog`),
+                  style: H(e(P)),
                   onClick: a[0] || (a[0] = //@ts-ignore
-                  (...s) => e(l).onClick && e(l).onClick(...s)),
+                  (...n) => e(t).onClick && e(t).onClick(...n)),
                   onMousedown: a[1] || (a[1] = //@ts-ignore
-                  (...s) => e(l).onMousedown && e(l).onMousedown(...s)),
+                  (...n) => e(t).onMousedown && e(t).onMousedown(...n)),
                   onMouseup: a[2] || (a[2] = //@ts-ignore
-                  (...s) => e(l).onMouseup && e(l).onMouseup(...s))
+                  (...n) => e(t).onMouseup && e(t).onMouseup(...n))
                 }, [
-                  f(e(X), {
+                  m(e(Z), {
                     loop: "",
                     trapped: e(u),
                     "focus-start-el": "container",
-                    onFocusAfterTrapped: e($),
-                    onFocusAfterReleased: e(V),
-                    onFocusoutPrevented: e(L),
+                    onFocusAfterTrapped: e(V),
+                    onFocusAfterReleased: e(z),
+                    onFocusoutPrevented: e(E),
                     onReleaseRequested: e(D)
                   }, {
-                    default: t(() => [
-                      e(v) ? (b(), C(te, H({
+                    default: l(() => [
+                      e(v) ? (g(), b(se, W({
                         key: 0,
                         ref_key: "dialogContentRef",
-                        ref: m
+                        ref: i
                       }, o.$attrs, {
-                        "custom-class": o.customClass,
                         center: o.center,
-                        "align-center": o.alignCenter,
+                        "align-center": e($),
                         "close-icon": o.closeIcon,
-                        draggable: S.value,
+                        draggable: e(A),
+                        overflow: e(I),
                         fullscreen: o.fullscreen,
+                        "header-class": o.headerClass,
+                        "body-class": o.bodyClass,
+                        "footer-class": o.footerClass,
                         "show-close": o.showClose,
                         title: o.title,
-                        onClose: e(g)
-                      }), J({
-                        header: t(() => [
-                          o.$slots.title ? n(o.$slots, "title", { key: 1 }) : n(o.$slots, "header", {
+                        onClose: e(f)
+                      }), X({
+                        header: l(() => [
+                          o.$slots.title ? d(o.$slots, "title", { key: 1 }) : d(o.$slots, "header", {
                             key: 0,
-                            close: e(g),
-                            titleId: e(c),
-                            titleClass: e(d).e("title")
+                            close: e(f),
+                            titleId: e(y),
+                            titleClass: e(r).e("title")
                           })
                         ]),
-                        default: t(() => [
-                          n(o.$slots, "default")
+                        default: l(() => [
+                          d(o.$slots, "default")
                         ]),
                         _: 2
                       }, [
                         o.$slots.footer ? {
                           name: "footer",
-                          fn: t(() => [
-                            n(o.$slots, "footer")
+                          fn: l(() => [
+                            d(o.$slots, "footer")
                           ]),
                           key: "0"
                         } : void 0
-                      ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : G("", !0)
+                      ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "onClose"])) : Q("", !0)
                     ]),
                     _: 3
                   }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                ], 46, ae)
+                ], 46, ne)
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index"]), [
-              [Q, e(u)]
+              [Y, e(u)]
             ])
           ]),
           _: 3
-        }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+        }, 16)
       ]),
       _: 3
-    }, 8, ["disabled"]));
+    }, 8, ["to", "disabled"]));
   }
 });
 export {
-  Re as default
+  $e as default
 };

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

@@ -1,13 +1,14 @@
-import { type DialogProps } from './dialog.vue';
 export * from './constants';
-export * from './hooks/use-dialog';
+export * from './use-dialog';
 export * from './types';
-export type { DialogProps };
 export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         appendToBody: {
             type: import("vue").PropType<boolean>;
         };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
         beforeClose: {
             type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
         };
@@ -35,6 +36,9 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         top: {
             type: import("vue").PropType<string>;
         };
+        modalPenetrable: {
+            type: import("vue").PropType<boolean>;
+        };
         modelValue: {
             type: import("vue").PropType<boolean>;
         };
@@ -50,6 +54,12 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         trapFocus: {
             type: import("vue").PropType<boolean>;
         };
+        overflow: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string | import("vue").TransitionProps>;
+        };
         center: {
             type: import("vue").PropType<boolean>;
         };
@@ -74,6 +84,15 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         title: {
             type: import("vue").PropType<string>;
         };
+        headerClass: {
+            type: import("vue").PropType<string>;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        footerClass: {
+            type: import("vue").PropType<string>;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onClose?: (() => any) | undefined;
@@ -85,6 +104,8 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     }>, {
         visible: import("vue").Ref<boolean, boolean>;
         dialogContentRef: import("vue").Ref<any, any>;
+        resetPosition: () => void;
+        handleClose: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
         close: () => void;
@@ -104,6 +125,9 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         appendToBody: {
             type: import("vue").PropType<boolean>;
         };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
         beforeClose: {
             type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
         };
@@ -131,6 +155,9 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         top: {
             type: import("vue").PropType<string>;
         };
+        modalPenetrable: {
+            type: import("vue").PropType<boolean>;
+        };
         modelValue: {
             type: import("vue").PropType<boolean>;
         };
@@ -146,6 +173,12 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         trapFocus: {
             type: import("vue").PropType<boolean>;
         };
+        overflow: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string | import("vue").TransitionProps>;
+        };
         center: {
             type: import("vue").PropType<boolean>;
         };
@@ -170,6 +203,15 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         title: {
             type: import("vue").PropType<string>;
         };
+        headerClass: {
+            type: import("vue").PropType<string>;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        footerClass: {
+            type: import("vue").PropType<string>;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onClose?: (() => any) | undefined;
@@ -181,6 +223,8 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     }>, {
         visible: import("vue").Ref<boolean, boolean>;
         dialogContentRef: import("vue").Ref<any, any>;
+        resetPosition: () => void;
+        handleClose: () => void;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -189,6 +233,9 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     appendToBody: {
         type: import("vue").PropType<boolean>;
     };
+    appendTo: {
+        type: import("vue").PropType<string | HTMLElement>;
+    };
     beforeClose: {
         type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
     };
@@ -216,6 +263,9 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     top: {
         type: import("vue").PropType<string>;
     };
+    modalPenetrable: {
+        type: import("vue").PropType<boolean>;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
     };
@@ -231,6 +281,12 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     trapFocus: {
         type: import("vue").PropType<boolean>;
     };
+    overflow: {
+        type: import("vue").PropType<boolean>;
+    };
+    transition: {
+        type: import("vue").PropType<string | import("vue").TransitionProps>;
+    };
     center: {
         type: import("vue").PropType<boolean>;
     };
@@ -255,6 +311,15 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     title: {
         type: import("vue").PropType<string>;
     };
+    headerClass: {
+        type: import("vue").PropType<string>;
+    };
+    bodyClass: {
+        type: import("vue").PropType<string>;
+    };
+    footerClass: {
+        type: import("vue").PropType<string>;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
@@ -266,6 +331,8 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
 }>, {
     visible: import("vue").Ref<boolean, boolean>;
     dialogContentRef: import("vue").Ref<any, any>;
+    resetPosition: () => void;
+    handleClose: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     close: () => void;