vft 0.0.413 → 0.0.414

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

@@ -1,13 +1,4 @@
-export interface DialogContentProps {
-    center?: boolean;
-    alignCenter?: boolean;
-    closeIcon?: string;
-    customClass?: string;
-    draggable?: boolean;
-    fullscreen?: boolean;
-    showClose?: boolean;
-    title?: string;
-}
+import type { DialogContentProps } from './types';
 declare function __VLS_template(): {
     header?(_: {}): any;
     default?(_: {}): any;

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

@@ -1,27 +1,27 @@
-import { defineComponent as p, inject as m, computed as B, createElementBlock as s, openBlock as r, normalizeStyle as I, normalizeClass as l, unref as e, createElementVNode as a, createCommentVNode as c, renderSlot as n, toDisplayString as R, createVNode as k } from "vue";
-import { VftIcon as $ } from "../icon/index.js";
+import { defineComponent as g, inject as m, computed as d, createElementBlock as p, openBlock as s, normalizeStyle as k, normalizeClass as l, unref as e, createElementVNode as r, 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 "../focus-trap/focus-trap.vue2.js";
-import { FOCUS_TRAP_INJECTION_KEY as N } from "../focus-trap/tokens.js";
+import { FOCUS_TRAP_INJECTION_KEY as S } from "../focus-trap/tokens.js";
 import "../focus-trap/utils.js";
 import "@vueuse/core";
-import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { composeRefs as v } from "../../utils/vue/refs.js";
+import { composeRefs as T } from "../../utils/vue/refs.js";
 import "../form/index.js";
-import { useDraggable as E } from "../../hooks/use-draggable/index.js";
+import { useDraggable as j } 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 S } from "./constants.js";
-const V = ["id"], z = p({
+import { dialogInjectionKey as z } from "./constants.js";
+const D = ["id"], O = g({
   name: "vft-dialog-content"
-}), Q = /* @__PURE__ */ p({
-  ...z,
+}), Z = /* @__PURE__ */ g({
+  ...O,
   props: {
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
-    closeIcon: { default: "icon-close" },
+    closeIcon: {},
     customClass: {},
     draggable: { type: Boolean, default: !1 },
     fullscreen: { type: Boolean, default: !1 },
@@ -29,10 +29,14 @@ const V = ["id"], z = p({
     title: { default: "" }
   },
   emits: ["close"],
-  setup(u) {
-    const { dialogRef: i, headerRef: f, bodyId: g, ns: t, style: y } = m(S), { focusTrapRef: b } = m(N), C = v(b, i), h = B(() => u.draggable);
-    return E(i, f, h), (o, d) => (r(), s("div", {
-      ref: e(C),
+  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", {
+      icon: "icon-close"
+    }));
+    return (o, c) => (s(), p("div", {
+      ref: e(h),
       class: l([
         e(t).b(),
         e(t).is("fullscreen", o.fullscreen),
@@ -41,48 +45,41 @@ const V = ["id"], z = p({
         { [e(t).m("center")]: o.center },
         o.customClass
       ]),
-      style: I(e(y)),
+      style: k(e(C)),
       tabindex: "-1"
     }, [
-      a("header", {
+      r("header", {
         ref_key: "headerRef",
         ref: f,
         class: l(e(t).e("header"))
       }, [
-        n(o.$slots, "header", {}, () => [
-          a("span", {
+        a(o.$slots, "header", {}, () => [
+          r("span", {
             role: "heading",
             class: l(e(t).e("title"))
-          }, R(o.title), 3)
+          }, $(o.title), 3)
         ]),
-        o.showClose ? (r(), s("button", {
+        o.showClose ? (s(), R(e(N), v({
           key: 0,
-          class: l(e(t).e("headerbtn")),
-          type: "button",
-          onClick: d[0] || (d[0] = (D) => o.$emit("close"))
-        }, [
-          k(e($), {
-            class: l(e(t).e("close")),
-            icon: o.closeIcon,
-            size: "20"
-          }, null, 8, ["class", "icon"])
-        ], 2)) : c("", !0)
+          onClick: c[0] || (c[0] = (V) => o.$emit("close")),
+          class: e(t).e("close")
+        }, I.value, { size: "20" }), null, 16, ["class"])) : u("", !0)
       ], 2),
-      a("div", {
-        id: e(g),
+      r("div", {
+        id: e(y),
         class: l(e(t).e("body"))
       }, [
-        n(o.$slots, "default")
-      ], 10, V),
-      o.$slots.footer ? (r(), s("footer", {
+        a(o.$slots, "default")
+      ], 10, D),
+      o.$slots.footer ? (s(), p("footer", {
         key: 0,
         class: l(e(t).e("footer"))
       }, [
-        n(o.$slots, "footer")
-      ], 2)) : c("", !0)
+        a(o.$slots, "footer")
+      ], 2)) : u("", !0)
     ], 6));
   }
 });
 export {
-  Q as default
+  Z as default
 };

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

@@ -57,7 +57,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -153,7 +153,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -238,7 +238,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     closeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     customClass: {
         type: import("vue").PropType<string>;

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

@@ -1,7 +1,8 @@
+import type { IconProps } from 'vft/es/components/icon';
 export interface DialogContentProps {
     center?: boolean;
     alignCenter?: boolean;
-    closeIcon?: string;
+    closeIcon?: string | IconProps;
     customClass?: string;
     draggable?: boolean;
     fullscreen?: boolean;

package/es/components/drawer/drawer.vue2.js

@@ -1,25 +1,25 @@
-import { defineComponent as g, getCurrentInstance as L, ref as b, computed as k, createBlock as h, openBlock as l, unref as e, withCtx as d, createVNode as m, Transition as T, withDirectives as O, createElementVNode as w, mergeProps as N, withModifiers as M, createElementBlock as n, createCommentVNode as r, normalizeClass as a, renderSlot as i, toDisplayString as P, vShow as q } from "vue";
-import { isBoolean as H } from "@vft/utils";
+import { defineComponent as A, getCurrentInstance as O, ref as k, computed as m, createBlock as h, openBlock as a, unref as e, withCtx as d, createVNode as y, Transition as N, withDirectives as M, createElementVNode as w, mergeProps as g, withModifiers as P, createElementBlock as n, createCommentVNode as s, normalizeClass as r, renderSlot as i, toDisplayString as q, vShow as H } from "vue";
+import { isBoolean as U, singleAttrToObj as j } from "@vft/utils";
 import "../dialog/index.js";
-import U from "../focus-trap/focus-trap.vue.js";
+import G from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
-import { VftIcon as j } from "../icon/index.js";
-import { VftOverlay as G } from "../overlay/index.js";
-import { UPDATE_MODEL_EVENT as J } from "../../constants/event.js";
+import { VftIcon as J } from "../icon/index.js";
+import { VftOverlay as K } from "../overlay/index.js";
+import { UPDATE_MODEL_EVENT as Q } from "../../constants/event.js";
 import "@vueuse/core";
-import { addUnit as K } from "../../utils/helper.js";
+import { addUnit as W } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { VftTeleport as W } from "../teleport/index.js";
-import { useDialog as X } from "../dialog/hooks/use-dialog.js";
-const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ = ["id"], x = g({
+import { VftTeleport as Y } from "../teleport/index.js";
+import { useDialog as Z } from "../dialog/hooks/use-dialog.js";
+const _ = ["aria-label", "aria-labelledby", "aria-describedby"], x = ["id"], ee = ["id"], oe = A({
   name: "vft-drawer"
-}), Ae = /* @__PURE__ */ g({
-  ...x,
+}), Re = /* @__PURE__ */ A({
+  ...oe,
   props: {
     direction: { default: "rtl" },
     size: { default: "30%" },
@@ -50,7 +50,7 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
     title: { default: "" }
   },
   emits: {
-    [J]: (s) => H(s),
+    [Q]: (l) => U(l),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -58,50 +58,52 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
     openAutoFocus: () => !0,
     closeAutoFocus: () => !0
   },
-  setup(s, { expose: E }) {
-    const t = Q("drawer"), z = L(), u = b(), {
-      afterEnter: A,
+  setup(l, { expose: E }) {
+    const t = X("drawer"), I = O(), u = k(), {
+      afterEnter: z,
       afterLeave: R,
       beforeLeave: V,
       handleClose: f,
       onModalClick: D,
-      close: ee,
-      doClose: oe,
-      onOpenAutoFocus: te,
-      onCloseAutoFocus: le,
+      close: te,
+      doClose: le,
+      onOpenAutoFocus: ae,
+      onCloseAutoFocus: se,
       onCloseRequested: F,
-      onFocusoutPrevented: ae,
+      onFocusoutPrevented: re,
       titleId: c,
-      bodyId: y,
-      closed: se,
-      style: re,
-      overlayDialogStyle: de,
-      rendered: I,
+      bodyId: v,
+      closed: de,
+      style: ne,
+      overlayDialogStyle: ie,
+      rendered: S,
       visible: p,
-      zIndex: S
-    } = X(z.props, u), C = b(), $ = k(() => s.direction === "rtl" || s.direction === "ltr"), v = k(() => K(s.size));
+      zIndex: T
+    } = Z(I.props, u), C = k(), $ = m(() => l.direction === "rtl" || l.direction === "ltr"), b = m(() => W(l.size)), L = m(() => j(l.closeIcon, "icon", {
+      icon: "icon-close"
+    }));
     return E({
       close: f
-    }), (o, B) => (l(), h(e(W), {
+    }), (o, B) => (a(), h(e(Y), {
       to: "body",
       disabled: !o.appendToBody
     }, {
       default: d(() => [
-        m(T, {
+        y(N, {
           name: e(t).b("fade"),
-          onAfterEnter: e(A),
+          onAfterEnter: e(z),
           onAfterLeave: e(R),
           onBeforeLeave: e(V)
         }, {
           default: d(() => [
-            O(m(e(G), {
+            M(y(e(K), {
               mask: o.modal,
               "overlay-class": o.modalClass,
-              "z-index": e(S),
+              "z-index": e(T),
               onClick: e(D)
             }, {
               default: d(() => [
-                m(e(U), {
+                y(e(G), {
                   loop: "",
                   trapped: e(p),
                   "focus-trap-el": u.value,
@@ -109,29 +111,29 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
                   onReleaseRequested: e(F)
                 }, {
                   default: d(() => [
-                    w("div", N({
+                    w("div", g({
                       ref_key: "drawerRef",
                       ref: u,
                       "aria-modal": "true",
                       "aria-label": o.title || void 0,
                       "aria-labelledby": o.title ? void 0 : e(c),
-                      "aria-describedby": e(y)
+                      "aria-describedby": e(v)
                     }, o.$attrs, {
                       class: [e(t).b(), o.direction, e(p) && "open", o.customClass],
-                      style: $.value ? "width: " + v.value : "height: " + v.value,
+                      style: $.value ? "width: " + b.value : "height: " + b.value,
                       role: "dialog",
-                      onClick: B[0] || (B[0] = M(() => {
+                      onClick: B[0] || (B[0] = P(() => {
                       }, ["stop"]))
                     }), [
                       w("span", {
                         ref_key: "focusStartRef",
                         ref: C,
-                        class: a(e(t).e("sr-focus")),
+                        class: r(e(t).e("sr-focus")),
                         tabindex: "-1"
                       }, null, 2),
-                      o.withHeader ? (l(), n("header", {
+                      o.withHeader ? (a(), n("header", {
                         key: 0,
-                        class: a(e(t).e("header"))
+                        class: r(e(t).e("header"))
                       }, [
                         o.$slots.title ? i(o.$slots, "title", { key: 1 }) : i(o.$slots, "header", {
                           key: 0,
@@ -139,41 +141,41 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
                           titleId: e(c),
                           titleClass: e(t).e("title")
                         }, () => [
-                          o.$slots.title ? r("", !0) : (l(), n("span", {
+                          o.$slots.title ? s("", !0) : (a(), n("span", {
                             key: 0,
                             id: e(c),
                             role: "heading",
-                            class: a(e(t).e("title"))
-                          }, P(o.title), 11, Z))
+                            class: r(e(t).e("title"))
+                          }, q(o.title), 11, x))
                         ]),
-                        o.showClose ? (l(), h(e(j), {
+                        o.showClose ? (a(), h(e(J), g({
                           key: 2,
-                          onClick: e(f),
-                          icon: "icon-close",
-                          class: a(e(t).e("close"))
-                        }, null, 8, ["onClick", "class"])) : r("", !0)
-                      ], 2)) : r("", !0),
-                      e(I) ? (l(), n("div", {
+                          onClick: e(f)
+                        }, L.value, {
+                          class: e(t).e("close")
+                        }), null, 16, ["onClick", "class"])) : s("", !0)
+                      ], 2)) : s("", !0),
+                      e(S) ? (a(), n("div", {
                         key: 1,
-                        id: e(y),
-                        class: a(e(t).e("body"))
+                        id: e(v),
+                        class: r(e(t).e("body"))
                       }, [
                         i(o.$slots, "default")
-                      ], 10, _)) : r("", !0),
-                      o.$slots.footer ? (l(), n("div", {
+                      ], 10, ee)) : s("", !0),
+                      o.$slots.footer ? (a(), n("div", {
                         key: 2,
-                        class: a(e(t).e("footer"))
+                        class: r(e(t).e("footer"))
                       }, [
                         i(o.$slots, "footer")
-                      ], 2)) : r("", !0)
-                    ], 16, Y)
+                      ], 2)) : s("", !0)
+                    ], 16, _)
                   ]),
                   _: 3
                 }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-              [q, e(p)]
+              [H, e(p)]
             ])
           ]),
           _: 3
@@ -184,5 +186,5 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
   }
 });
 export {
-  Ae as default
+  Re as default
 };

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

@@ -65,7 +65,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -172,7 +172,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -268,7 +268,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     closeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     customClass: {
         type: import("vue").PropType<string>;

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

@@ -50,7 +50,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             default: boolean;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         appendToBody: {
             type: import("vue").PropType<boolean>;
@@ -195,7 +195,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             default: boolean;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         appendToBody: {
             type: import("vue").PropType<boolean>;
@@ -337,7 +337,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         default: boolean;
     };
     closeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     appendToBody: {
         type: import("vue").PropType<boolean>;

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.413",
+  "version": "0.0.414",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.413";
+const o = "0.0.414";
 export {
   o as version
 };

package/lib/components/dialog/dialog-content.vue.d.ts

@@ -1,13 +1,4 @@
-export interface DialogContentProps {
-    center?: boolean;
-    alignCenter?: boolean;
-    closeIcon?: string;
-    customClass?: string;
-    draggable?: boolean;
-    fullscreen?: boolean;
-    showClose?: boolean;
-    title?: string;
-}
+import type { DialogContentProps } from './types';
 declare function __VLS_template(): {
     header?(_: {}): any;
     default?(_: {}): any;

package/lib/components/dialog/dialog-content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const m=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const g=require("../../utils/vue/refs.cjs");require("../form/index.cjs");const p=require("../../hooks/use-draggable/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./constants.cjs"),y=["id"],q=e.defineComponent({name:"vft-dialog-content"}),b=e.defineComponent({...q,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{default:"icon-close"},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(t){const{dialogRef:n,headerRef:l,bodyId:a,ns:o,style:i}=e.inject(C.dialogInjectionKey),{focusTrapRef:u}=e.inject(m.FOCUS_TRAP_INJECTION_KEY),c=g.composeRefs(u,n),f=e.computed(()=>t.draggable);return p.useDraggable(n,l,f),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(o).b(),e.unref(o).is("fullscreen",r.fullscreen),e.unref(o).is("draggable",r.draggable),e.unref(o).is("align-center",r.alignCenter),{[e.unref(o).m("center")]:r.center},r.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:l,class:e.normalizeClass(e.unref(o).e("header"))},[e.renderSlot(r.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(o).e("title"))},e.toDisplayString(r.title),3)]),r.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(o).e("headerbtn")),type:"button",onClick:s[0]||(s[0]=k=>r.$emit("close"))},[e.createVNode(e.unref(d.VftIcon),{class:e.normalizeClass(e.unref(o).e("close")),icon:r.closeIcon,size:"20"},null,8,["class","icon"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(o).e("body"))},[e.renderSlot(r.$slots,"default")],10,y),r.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(o).e("footer"))},[e.renderSlot(r.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),g=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const p=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const C=require("../../utils/vue/refs.cjs");require("../form/index.cjs");const q=require("../../hooks/use-draggable/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const y=require("./constants.cjs"),b=["id"],k=e.defineComponent({name:"vft-dialog-content"}),B=e.defineComponent({...k,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(n){const{dialogRef:l,headerRef:s,bodyId:a,ns:r,style:i}=e.inject(y.dialogInjectionKey),{focusTrapRef:u}=e.inject(p.FOCUS_TRAP_INJECTION_KEY),c=C.composeRefs(u,l),f=e.computed(()=>n.draggable);q.useDraggable(l,s,f);const d=e.computed(()=>m.singleAttrToObj(n.closeIcon,"icon",{icon:"icon-close"}));return(o,t)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("fullscreen",o.fullscreen),e.unref(r).is("draggable",o.draggable),e.unref(r).is("align-center",o.alignCenter),{[e.unref(r).m("center")]:o.center},o.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:s,class:e.normalizeClass(e.unref(r).e("header"))},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(o.title),3)]),o.showClose?(e.openBlock(),e.createBlock(e.unref(g.VftIcon),e.mergeProps({key:0,onClick:t[0]||(t[0]=h=>o.$emit("close")),class:e.unref(r).e("close")},d.value,{size:"20"}),null,16,["class"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(r).e("body"))},[e.renderSlot(o.$slots,"default")],10,b),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(r).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=B;

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

@@ -57,7 +57,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -153,7 +153,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -238,7 +238,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     closeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     customClass: {
         type: import("vue").PropType<string>;

package/lib/components/dialog/types.d.ts

@@ -1,7 +1,8 @@
+import type { IconProps } from 'vft/es/components/icon';
 export interface DialogContentProps {
     center?: boolean;
     alignCenter?: boolean;
-    closeIcon?: string;
+    closeIcon?: string | IconProps;
     customClass?: string;
     draggable?: boolean;
     fullscreen?: boolean;

package/lib/components/drawer/drawer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vft/utils");require("../dialog/index.cjs");const w=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const V=require("../icon/index.cjs"),g=require("../overlay/index.cjs"),z=require("../../constants/event.cjs");require("@vueuse/core");const E=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const N=require("../teleport/index.cjs"),$=require("../dialog/hooks/use-dialog.cjs"),A=["aria-label","aria-labelledby","aria-describedby"],D=["id"],R=["id"],I=e.defineComponent({name:"vft-drawer"}),T=e.defineComponent({...I,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},beforeClose:{},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:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[z.UPDATE_MODEL_EVENT]:l=>q.isBoolean(l),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(l,{expose:c}){const t=S.useNamespace("drawer"),p=e.getCurrentInstance(),r=e.ref(),{afterEnter:m,afterLeave:y,beforeLeave:C,handleClose:a,onModalClick:B,close:F,doClose:L,onOpenAutoFocus:O,onCloseAutoFocus:M,onCloseRequested:k,onFocusoutPrevented:P,titleId:n,bodyId:u,closed:H,style:U,overlayDialogStyle:j,rendered:v,visible:s,zIndex:b}=$.useDialog(p.props,r),d=e.ref(),h=e.computed(()=>l.direction==="rtl"||l.direction==="ltr"),i=e.computed(()=>E.addUnit(l.size));return c({close:a}),(o,f)=>(e.openBlock(),e.createBlock(e.unref(N.VftTeleport),{to:"body",disabled:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(m),onAfterLeave:e.unref(y),onBeforeLeave:e.unref(C)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(g.VftOverlay),{mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b),onClick:e.unref(B)},{default:e.withCtx(()=>[e.createVNode(e.unref(w.default),{loop:"",trapped:e.unref(s),"focus-trap-el":r.value,"focus-start-el":d.value,onReleaseRequested:e.unref(k)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:r,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(n),"aria-describedby":e.unref(u)},o.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(s)&&"open",o.customClass],style:h.value?"width: "+i.value:"height: "+i.value,role:"dialog",onClick:f[0]||(f[0]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:d,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(a),titleId:e.unref(n),titleClass:e.unref(t).e("title")},()=>[o.$slots.title?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,id:e.unref(n),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,D))]),o.showClose?(e.openBlock(),e.createBlock(e.unref(V.VftIcon),{key:2,onClick:e.unref(a),icon:"icon-close",class:e.normalizeClass(e.unref(t).e("close"))},null,8,["onClick","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(u),class:e.normalizeClass(e.unref(t).e("body"))},[e.renderSlot(o.$slots,"default")],10,R)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],16,A)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(s)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["disabled"]))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../dialog/index.cjs");const g=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const V=require("../icon/index.cjs"),E=require("../overlay/index.cjs"),z=require("../../constants/event.cjs");require("@vueuse/core");const S=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=require("../teleport/index.cjs"),A=require("../dialog/hooks/use-dialog.cjs"),I=["aria-label","aria-labelledby","aria-describedby"],D=["id"],R=["id"],T=e.defineComponent({name:"vft-drawer"}),O=e.defineComponent({...T,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},beforeClose:{},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:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[z.UPDATE_MODEL_EVENT]:l=>c.isBoolean(l),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(l,{expose:p}){const t=N.useNamespace("drawer"),m=e.getCurrentInstance(),r=e.ref(),{afterEnter:y,afterLeave:C,beforeLeave:B,handleClose:a,onModalClick:k,close:F,doClose:L,onOpenAutoFocus:M,onCloseAutoFocus:P,onCloseRequested:v,onFocusoutPrevented:H,titleId:n,bodyId:u,closed:j,style:U,overlayDialogStyle:G,rendered:b,visible:s,zIndex:h}=A.useDialog(m.props,r),d=e.ref(),q=e.computed(()=>l.direction==="rtl"||l.direction==="ltr"),i=e.computed(()=>S.addUnit(l.size)),w=e.computed(()=>c.singleAttrToObj(l.closeIcon,"icon",{icon:"icon-close"}));return p({close:a}),(o,f)=>(e.openBlock(),e.createBlock(e.unref($.VftTeleport),{to:"body",disabled:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(y),onAfterLeave:e.unref(C),onBeforeLeave:e.unref(B)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(E.VftOverlay),{mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(h),onClick:e.unref(k)},{default:e.withCtx(()=>[e.createVNode(e.unref(g.default),{loop:"",trapped:e.unref(s),"focus-trap-el":r.value,"focus-start-el":d.value,onReleaseRequested:e.unref(v)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:r,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(n),"aria-describedby":e.unref(u)},o.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(s)&&"open",o.customClass],style:q.value?"width: "+i.value:"height: "+i.value,role:"dialog",onClick:f[0]||(f[0]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:d,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(a),titleId:e.unref(n),titleClass:e.unref(t).e("title")},()=>[o.$slots.title?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,id:e.unref(n),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,D))]),o.showClose?(e.openBlock(),e.createBlock(e.unref(V.VftIcon),e.mergeProps({key:2,onClick:e.unref(a)},w.value,{class:e.unref(t).e("close")}),null,16,["onClick","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(u),class:e.normalizeClass(e.unref(t).e("body"))},[e.renderSlot(o.$slots,"default")],10,R)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],16,I)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(s)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["disabled"]))}});exports.default=O;

package/lib/components/drawer/index.d.ts

@@ -65,7 +65,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -172,7 +172,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         customClass: {
             type: import("vue").PropType<string>;
@@ -268,7 +268,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     closeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     customClass: {
         type: import("vue").PropType<string>;

package/lib/components/modal/index.d.ts

@@ -50,7 +50,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             default: boolean;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         appendToBody: {
             type: import("vue").PropType<boolean>;
@@ -195,7 +195,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             default: boolean;
         };
         closeIcon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         appendToBody: {
             type: import("vue").PropType<boolean>;
@@ -337,7 +337,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         default: boolean;
     };
     closeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     appendToBody: {
         type: import("vue").PropType<boolean>;