vft 0.0.61 → 0.0.62

package/es/component.js

@@ -18,17 +18,17 @@ import { VftTag as s } from "./components/tag/index.js";
 import { VftQrcode as M } from "./components/qrcode/index.js";
 import { VftOverlay as T } from "./components/overlay/index.js";
 import { VftSideMenu as b } from "./components/side-menu/index.js";
-import { VftClamp as I } from "./components/clamp/index.js";
-import { VftPageWrapper as g } from "./components/page-wrapper/index.js";
-import { VftClampToggle as P } from "./components/clamp-toggle/index.js";
-import { VftRouterViewContent as y } from "./components/router-view-content/index.js";
-import { VftIframeLayout as D } from "./components/iframe-layout/index.js";
+import { VftClamp as g } from "./components/clamp/index.js";
+import { VftPageWrapper as I } from "./components/page-wrapper/index.js";
+import { VftClampToggle as D } from "./components/clamp-toggle/index.js";
+import { VftRouterViewContent as P } from "./components/router-view-content/index.js";
+import { VftIframeLayout as y } from "./components/iframe-layout/index.js";
 import { VftFooterLayout as S } from "./components/footer-layout/index.js";
 import { VftHeaderLayout as k } from "./components/header-layout/index.js";
 import { VftPagination as w } from "./components/pagination/index.js";
-import { VftTabs as x, VftTabPane as h } from "./components/tabs/index.js";
-import { VftForm as v, VftFormItem as B } from "./components/form/index.js";
-import { VftDescriptions as L, VftDescriptionsItem as R } from "./components/descriptions/index.js";
+import { VftTabs as x, VftTabPane as L } from "./components/tabs/index.js";
+import { VftForm as h, VftFormItem as v } from "./components/form/index.js";
+import { VftDescriptions as B, VftDescriptionsItem as R } from "./components/descriptions/index.js";
 import { VftMultipleTabs as F } from "./components/multiple-tabs/index.js";
 import { VftCollapseTransition as G } from "./components/collapse-transition/index.js";
 import { VftMenu as E, VftMenuItem as A, VftMenuItemGroup as H, VftSubMenu as O } from "./components/menu/index.js";
@@ -45,13 +45,17 @@ import { VftSelectV2 as ro } from "./components/select-v2/index.js";
 import { VftVerifyCode as fo } from "./components/verify-code/index.js";
 import { VftTable as mo } from "./components/table/index.js";
 import { VftImageViewer as io } from "./components/image-viewer/index.js";
-import { VftMdComment as po } from "./components/md-comment/index.js";
-import { VftMdTabs as Vo } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as eo } from "./components/md-vue-playground/index.js";
-import { VftMdCodeDemo as ao } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as no } from "./components/md-code-tabs/index.js";
-import { VftMdContainer as uo } from "./components/md-container/index.js";
-const dt = [
+import { VftListCell as po } from "./components/list-cell/index.js";
+import { VftDialog as Vo } from "./components/dialog/index.js";
+import { VftMdComment as eo } from "./components/md-comment/index.js";
+import { VftMdTabs as ao } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as no } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as uo } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as lo } from "./components/md-code-tabs/index.js";
+import { VftMdContainer as co } from "./components/md-container/index.js";
+const st = [
+  co,
+  lo,
   uo,
   no,
   ao,
@@ -76,12 +80,12 @@ const dt = [
   K,
   j,
   q,
+  h,
   v,
-  B,
   W,
-  g,
   I,
-  P,
+  g,
+  D,
   M,
   T,
   s,
@@ -92,12 +96,12 @@ const dt = [
   d,
   u,
   l,
-  L,
+  B,
   R,
   t,
   V,
+  P,
   y,
-  D,
   S,
   k,
   n,
@@ -113,12 +117,12 @@ const dt = [
   m,
   i,
   x,
-  h,
+  L,
   p,
   e,
   a,
   Q
 ];
 export {
-  dt as default
+  st as default
 };

package/es/components/back-top/back-top.vue2.js

@@ -57,6 +57,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -78,7 +80,7 @@ const r = (
   _("back-top")
 ), N = c({
   name: r.b()
-}), Zt = /* @__PURE__ */ c({
+}), oo = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -121,5 +123,5 @@ const r = (
   }
 });
 export {
-  Zt as default
+  oo as default
 };

package/es/components/color-picker/color-picker.vue.d.ts

@@ -66,7 +66,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description current color object
      */
     color: Color;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange")[], "update:modelValue" | "change" | "activeChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPicker: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange" | "click-outside")[], "update:modelValue" | "change" | "activeChange" | "click-outside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string | undefined>;
         required: false;
@@ -117,6 +118,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onActiveChange?: ((...args: any[]) => any) | undefined;
+    "onClick-outside"?: ((...args: any[]) => any) | undefined;
 }, {
     validateEvent: boolean | undefined;
     tabindex: string | number | undefined;

package/es/components/color-picker/color-picker.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, ref as d, reactive as ne, computed as h, onMounted as ie, watch as g, nextTick as y, provide as se, openBlock as m, createBlock as C, unref as e, withCtx as V, withDirectives as L, createElementBlock as H, createElementVNode as p, normalizeClass as t, createVNode as f, createCommentVNode as E, withKeys as M, createTextVNode as O, normalizeStyle as ce, vShow as ue } from "vue";
+import { defineComponent as G, ref as d, reactive as ne, computed as k, onMounted as ie, watch as g, nextTick as y, provide as se, openBlock as f, createBlock as C, unref as e, withCtx as V, withDirectives as L, createElementBlock as H, createElementVNode as p, normalizeClass as t, createVNode as v, createCommentVNode as E, withKeys as M, createTextVNode as O, normalizeStyle as ce, vShow as ue } from "vue";
 import { debounce as de } from "lodash";
 import { VftButton as R } from "../button/index.js";
 import { VftIcon as U } from "../icon/index.js";
@@ -41,8 +41,8 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
     predefine: null,
     validateEvent: { type: Boolean, default: !0 }
   },
-  emits: [$, be, "activeChange"],
-  setup(i, { expose: W, emit: v }) {
+  emits: [$, be, "activeChange", "click-outside"],
+  setup(i, { expose: W, emit: m }) {
     const a = i, o = ve("color"), { formItem: s } = Ce(), j = Ee(), A = Ae(), { inputId: q, isLabeledByFormItem: B } = Ve(a, {
       formItemContext: s
     }), F = d(), J = d(), N = d(), Q = d();
@@ -53,7 +53,7 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
         format: a.colorFormat || "",
         value: a.modelValue
       })
-    ), k = d(!1), c = d(!1), b = d(""), X = h(() => !a.modelValue && !c.value ? "transparent" : le(r, a.showAlpha)), S = h(() => !a.modelValue && !c.value ? "" : r.value), Y = h(() => B.value ? void 0 : a.label || "色彩选择器"), Z = h(() => B.value ? s == null ? void 0 : s.labelId : void 0), ee = h(() => [
+    ), b = d(!1), c = d(!1), h = d(""), X = k(() => !a.modelValue && !c.value ? "transparent" : le(r, a.showAlpha)), S = k(() => !a.modelValue && !c.value ? "" : r.value), Y = k(() => B.value ? void 0 : a.label || "色彩选择器"), Z = k(() => B.value ? s == null ? void 0 : s.labelId : void 0), ee = k(() => [
       o.b("picker"),
       o.is("disabled", A.value),
       o.bm("picker", j.value)
@@ -65,11 +65,11 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
       return n ? `rgba(${u}, ${K}, ${D}, ${l.get("alpha") / 100})` : `rgb(${u}, ${K}, ${D})`;
     }
     function oe(l) {
-      k.value = l;
+      b.value = l;
     }
     const w = de(oe, 100);
-    function ae() {
-      w(!1), P();
+    function ae(l) {
+      w(!1), P(), m("click-outside", l);
     }
     function P() {
       y(() => {
@@ -79,14 +79,14 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
       });
     }
     function T() {
-      A.value || w(!k.value);
+      A.value || w(!b.value);
     }
     function I() {
-      r.fromString(b.value);
+      r.fromString(h.value);
     }
     function re() {
       const l = r.value;
-      v($, l), v("change", l), a.validateEvent && (s == null || s.validate("change").catch((n) => _(n))), w(!1), y(() => {
+      m($, l), m("change", l), a.validateEvent && (s == null || s.validate("change").catch((n) => _(n))), w(!1), y(() => {
         const n = new z({
           enableAlpha: a.showAlpha,
           format: a.colorFormat || "",
@@ -96,10 +96,10 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
       });
     }
     function te() {
-      w(!1), v($, null), v("change", null), a.modelValue !== null && a.validateEvent && (s == null || s.validate("change").catch((l) => _(l))), P();
+      w(!1), m($, null), m("change", null), a.modelValue !== null && a.validateEvent && (s == null || s.validate("change").catch((l) => _(l))), P();
     }
     return ie(() => {
-      a.modelValue && (b.value = S.value);
+      a.modelValue && (h.value = S.value);
     }), g(
       () => a.modelValue,
       (l) => {
@@ -108,7 +108,7 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
     ), g(
       () => S.value,
       (l) => {
-        b.value = l, x && v("activeChange", l), x = !0;
+        h.value = l, x && m("activeChange", l), x = !0;
       }
     ), g(
       () => r.value,
@@ -116,7 +116,7 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
         !a.modelValue && !c.value && (c.value = !0);
       }
     ), g(
-      () => k.value,
+      () => b.value,
       () => {
         y(() => {
           var l, n, u;
@@ -129,11 +129,12 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
       /**
        * @description current color object
        */
-      color: r
-    }), (l, n) => (m(), C(e(me), {
+      color: r,
+      showPicker: b
+    }), (l, n) => (f(), C(e(me), {
       ref_key: "popper",
       ref: Q,
-      visible: k.value,
+      visible: b.value,
       "show-arrow": !1,
       "fallback-placements": ["bottom", "top", "right", "left"],
       offset: 0,
@@ -146,29 +147,29 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
       persistent: ""
     }, {
       content: V(() => [
-        L((m(), H("div", null, [
+        L((f(), H("div", null, [
           p("div", {
             class: t(e(o).be("dropdown", "main-wrapper"))
           }, [
-            f(we, {
+            v(we, {
               ref_key: "hue",
               ref: F,
               class: "hue-slider",
               color: e(r),
               vertical: ""
             }, null, 8, ["color"]),
-            f(ye, {
+            v(ye, {
               ref: "svPanel",
               color: e(r)
             }, null, 8, ["color"])
           ], 2),
-          i.showAlpha ? (m(), C(he, {
+          i.showAlpha ? (f(), C(he, {
             key: 0,
             ref_key: "alpha",
             ref: N,
             color: e(r)
           }, null, 8, ["color"])) : E("", !0),
-          i.predefine ? (m(), C(ge, {
+          i.predefine ? (f(), C(ge, {
             key: 1,
             ref: "predefine",
             color: e(r),
@@ -180,16 +181,16 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
             p("span", {
               class: t(e(o).be("dropdown", "value"))
             }, [
-              f(e(fe), {
-                modelValue: b.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (u) => b.value = u),
+              v(e(fe), {
+                modelValue: h.value,
+                "onUpdate:modelValue": n[0] || (n[0] = (u) => h.value = u),
                 "validate-event": !1,
                 size: "small",
                 onKeyup: M(I, ["enter"]),
                 onBlur: I
               }, null, 8, ["modelValue", "onKeyup"])
             ], 2),
-            f(e(R), {
+            v(e(R), {
               class: t(e(o).be("dropdown", "link-btn")),
               text: "",
               size: "small",
@@ -200,7 +201,7 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
               ]),
               _: 1
             }, 8, ["class"]),
-            f(e(R), {
+            v(e(R), {
               plain: "",
               size: "small",
               class: t(e(o).be("dropdown", "btn")),
@@ -227,7 +228,7 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
           tabindex: i.tabindex,
           onKeydown: M(T, ["enter"])
         }, [
-          e(A) ? (m(), H("div", {
+          e(A) ? (f(), H("div", {
             key: 0,
             class: t(e(o).be("picker", "mask"))
           }, null, 2)) : E("", !0),
@@ -244,13 +245,13 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
                   backgroundColor: e(X)
                 })
               }, [
-                L(f(e(U), {
+                L(v(e(U), {
                   icon: "ico-ep:arrow-down",
                   class: t([e(o).be("picker", "icon"), e(o).is("icon-arrow-down")])
                 }, null, 8, ["class"]), [
                   [ue, i.modelValue || c.value]
                 ]),
-                !i.modelValue && !c.value ? (m(), C(e(U), {
+                !i.modelValue && !c.value ? (f(), C(e(U), {
                   key: 0,
                   icon: "ico-ep:circle-close",
                   class: t([e(o).be("picker", "empty"), e(o).is("icon-close")])

package/es/components/color-picker/index.d.ts

@@ -47,7 +47,8 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     };
 }, {
     color: import("./utils/color").default;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange")[], "update:modelValue" | "change" | "activeChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPicker: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange" | "click-outside")[], "update:modelValue" | "change" | "activeChange" | "click-outside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<string | undefined>;
         required: false;
@@ -98,6 +99,7 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onActiveChange?: ((...args: any[]) => any) | undefined;
+    "onClick-outside"?: ((...args: any[]) => any) | undefined;
 }, {
     validateEvent: boolean | undefined;
     tabindex: string | number | undefined;

package/es/components/context-menu/context-menu.vue2.js

@@ -64,6 +64,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -76,7 +78,7 @@ const N = { class: "vft-sub-menu" }, x = (
   F("context-menu")
 ), R = f({
   name: x.b()
-}), io = /* @__PURE__ */ f({
+}), eo = /* @__PURE__ */ f({
   ...R,
   props: {
     axis: null,
@@ -150,5 +152,5 @@ const N = { class: "vft-sub-menu" }, x = (
   }
 });
 export {
-  io as default
+  eo as default
 };

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

@@ -153,10 +153,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;

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

@@ -1,31 +1,31 @@
-import { defineComponent as B, useSlots as z, ref as u, getCurrentInstance as O, provide as P, computed as N, openBlock as v, createBlock as b, Teleport as q, createVNode as c, Transition as j, unref as e, withCtx as n, withDirectives as K, createElementVNode as U, normalizeClass as x, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as r, createCommentVNode as Q, vShow as W } from "vue";
-import { VftOverlay as X } from "../overlay/index.js";
-import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
+import { defineComponent as B, ref as i, getCurrentInstance as z, provide as O, computed as P, openBlock as v, createBlock as b, Teleport as N, createVNode as f, Transition as q, unref as e, withCtx as n, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as x, mergeProps as G, createSlots as H, renderSlot as r, createCommentVNode as J, vShow as Q } from "vue";
+import { VftOverlay as W } from "../overlay/index.js";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { isBoolean as Z } from "@vft/utils";
+import { isBoolean as Y } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "@vue/reactivity";
-import { useSameTarget as _ } from "../../hooks/use-same-target/index.js";
-import ee from "../focus-trap/focus-trap.vue.js";
+import { useSameTarget as Z } from "../../hooks/use-same-target/index.js";
+import _ from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
-import oe from "./dialog-content.vue2.js";
-import { dialogInjectionKey as te } from "./constants.js";
-import { useDialog as le } from "./hooks/use-dialog.js";
-import { UPDATE_MODEL_EVENT as ae } from "../../constants/event.js";
-const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
+import ee from "./dialog-content.vue2.js";
+import { dialogInjectionKey as oe } from "./constants.js";
+import { useDialog as te } from "./hooks/use-dialog.js";
+import { UPDATE_MODEL_EVENT as le } from "../../constants/event.js";
+const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   /* hoist-static*/
-  Y("dialog")
-), se = B({
+  X("dialog")
+), ne = B({
   name: d.b(),
   inheritAttrs: !1
-}), we = /* @__PURE__ */ B({
-  ...se,
+}), Fe = /* @__PURE__ */ B({
+  ...ne,
   props: {
     center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean },
+    alignCenter: { type: Boolean, default: !1 },
     closeIcon: null,
     customClass: { default: "" },
     draggable: { type: Boolean, default: !1 },
@@ -34,22 +34,22 @@ const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
     title: { default: "" },
     appendToBody: { type: Boolean, default: !1 },
     beforeClose: { type: Function },
-    destroyOnClose: { type: Boolean },
-    closeOnClickModal: { type: Boolean },
-    closeOnPressEscape: { type: Boolean },
-    lockScroll: { type: Boolean },
+    destroyOnClose: { type: Boolean, default: !1 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
     modal: { type: Boolean, default: !0 },
-    openDelay: null,
-    closeDelay: null,
+    openDelay: { default: 0 },
+    closeDelay: { default: 0 },
     top: null,
-    modelValue: { type: Boolean },
+    modelValue: { type: Boolean, default: !1 },
     modalClass: null,
     width: null,
     zIndex: null,
-    trapFocus: { type: Boolean }
+    trapFocus: { type: Boolean, default: !1 }
   },
   emits: {
-    [ae]: (o) => Z(o),
+    [le]: (o) => Y(o),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -58,9 +58,8 @@ const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
     closeAutoFocus: () => !0
   },
   setup(o, { expose: k }) {
-    z();
-    const f = u(), A = u(), m = u(), F = O(), {
-      visible: i,
+    const c = i(), A = i(), m = i(), F = z(), {
+      visible: u,
       titleId: p,
       bodyId: y,
       style: w,
@@ -73,49 +72,49 @@ const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
       handleClose: g,
       onModalClick: M,
       onOpenAutoFocus: $,
-      onCloseAutoFocus: S,
-      onCloseRequested: D,
-      onFocusoutPrevented: L
-    } = le(F.props, f);
-    P(te, {
-      dialogRef: f,
+      onCloseAutoFocus: D,
+      onCloseRequested: L,
+      onFocusoutPrevented: S
+    } = te(F.props, c);
+    O(oe, {
+      dialogRef: c,
       headerRef: A,
       bodyId: y,
       ns: d,
       rendered: C,
       style: w
     });
-    const l = _(M), V = N(() => o.draggable && !o.fullscreen);
+    const l = Z(M), V = P(() => o.draggable && !o.fullscreen);
     return k({
       /** @description whether the dialog is visible */
-      visible: i,
+      visible: u,
       dialogContentRef: m
-    }), (t, a) => (v(), b(q, {
+    }), (t, a) => (v(), b(N, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      c(j, {
+      f(q, {
         name: "dialog-fade",
         onAfterEnter: e(T),
         onAfterLeave: e(h),
         onBeforeLeave: e(I)
       }, {
         default: n(() => [
-          K(c(e(X), {
+          j(f(e(W), {
             "custom-mask-event": "",
             mask: o.modal,
             "overlay-class": o.modalClass,
             "z-index": e(E)
           }, {
             default: n(() => [
-              U("div", {
+              K("div", {
                 role: "dialog",
                 "aria-modal": "true",
                 "aria-label": o.title || void 0,
                 "aria-labelledby": o.title ? void 0 : e(p),
                 "aria-describedby": e(y),
-                class: x(`${e(d).namespace.value}-overlay-dialog`),
-                style: G(e(R)),
+                class: U(`${e(d).namespace.value}-overlay-dialog`),
+                style: x(e(R)),
                 onClick: a[0] || (a[0] = //@ts-ignore
                 (...s) => e(l).onClick && e(l).onClick(...s)),
                 onMousedown: a[1] || (a[1] = //@ts-ignore
@@ -123,17 +122,17 @@ const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                 onMouseup: a[2] || (a[2] = //@ts-ignore
                 (...s) => e(l).onMouseup && e(l).onMouseup(...s))
               }, [
-                c(e(ee), {
+                f(e(_), {
                   loop: "",
-                  trapped: e(i),
+                  trapped: e(u),
                   "focus-start-el": "container",
                   onFocusAfterTrapped: e($),
-                  onFocusAfterReleased: e(S),
-                  onFocusoutPrevented: e(L),
-                  onReleaseRequested: e(D)
+                  onFocusAfterReleased: e(D),
+                  onFocusoutPrevented: e(S),
+                  onReleaseRequested: e(L)
                 }, {
                   default: n(() => [
-                    e(C) ? (v(), b(oe, H({
+                    e(C) ? (v(), b(ee, G({
                       key: 0,
                       ref_key: "dialogContentRef",
                       ref: m
@@ -147,7 +146,7 @@ const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                       "show-close": o.showClose,
                       title: o.title,
                       onClose: e(g)
-                    }), J({
+                    }), H({
                       header: n(() => [
                         t.$slots.title ? r(t.$slots, "title", { key: 1 }) : r(t.$slots, "header", {
                           key: 0,
@@ -168,15 +167,15 @@ const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                         ]),
                         key: "0"
                       } : void 0
-                    ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : Q("", !0)
+                    ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : J("", !0)
                   ]),
                   _: 3
                 }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-              ], 46, ne)
+              ], 46, ae)
             ]),
             _: 3
           }, 8, ["mask", "overlay-class", "z-index"]), [
-            [W, e(i)]
+            [Q, e(u)]
           ])
         ]),
         _: 3
@@ -185,5 +184,5 @@ const ne = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   }
 });
 export {
-  we as default
+  Fe as default
 };

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

@@ -1,7 +1,7 @@
 export * from './hooks/use-dialog';
 export * from './types';
 export * from './constants';
-export declare const WflyDialog: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftDialog: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     appendToBody: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -135,12 +135,12 @@ export declare const WflyDialog: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
 }, {}>> & Record<string, any>;
-export default WflyDialog;
+export default VftDialog;

package/es/components/dialog/index.js

@@ -9,7 +9,7 @@ import { useDialog as c } from "./hooks/use-dialog.js";
 import { dialogInjectionKey as x } from "./constants.js";
 const l = o(t);
 export {
-  l as WflyDialog,
+  l as VftDialog,
   l as default,
   x as dialogInjectionKey,
   c as useDialog

package/es/components/dialog/style/css.js

@@ -1,3 +1,3 @@
 import "vft/theme-style/base.css";
-import "vft/theme-style/wfly-dialog.css";
+import "vft/theme-style/vft-dialog.css";
 import "vft/theme-style/vft-overlay.css";