vft 0.0.412 → 0.0.414

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = C();
+const a = g();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

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

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/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

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/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, createTextVNode as G, isVNode as le, resolveComponent as V } from "vue";
+import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as G, resolveComponent as V } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
+import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = v(x);
+    const r = Z(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.412",
+  "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.412";
+const o = "0.0.414";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
+import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

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;