vft 0.0.142 → 0.0.145

package/es/components/descriptions/description.vue2.js

@@ -13,7 +13,7 @@ const l = (
   /* hoist-static*/
   T("descriptions")
 ), A = N({
-  name: "vft-descriptions"
+  name: l.b()
 }), Z = /* @__PURE__ */ N({
   ...A,
   props: {
@@ -28,8 +28,8 @@ const l = (
     const f = w(), S = z();
     V(q, S.props);
     const $ = D(() => [l.b(), l.m("small")]), h = (e, o, t, r = !1) => (e.props || (e.props = {}), o > t && (e.props.span = t), r && (e.props.span = o), e), B = () => {
-      var v;
-      const e = R((v = f.default) == null ? void 0 : v.call(f)).filter(
+      var y;
+      const e = R((y = f.default) == null ? void 0 : y.call(f)).filter(
         (s) => {
           var n;
           return ((n = s == null ? void 0 : s.type) == null ? void 0 : n.name) === "ElDescriptionsItem";
@@ -37,8 +37,8 @@ const l = (
       ), o = [];
       let t = [], r = m.column, b = 0;
       return e.forEach((s, n) => {
-        var y;
-        const p = ((y = s == null ? void 0 : s.props) == null ? void 0 : y.span) || 1;
+        var v;
+        const p = ((v = s == null ? void 0 : s.props) == null ? void 0 : v.span) || 1;
         if (n < e.length - 1 && (b += p > r ? r : p), n === e.length - 1) {
           const E = m.column - b % m.column;
           t.push(h(s, E, r, !0)), o.push(t);

package/es/components/descriptions/descriptions-cell.js

@@ -2,13 +2,13 @@ import { addUnit as y } from "@vft/utils";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import { isNil as S } from "lodash";
-import { defineComponent as v, inject as w, h as s } from "vue";
-import { getNormalizedProps as A } from "../../utils/vue/vnode.js";
+import { getNormalizedProps as v } from "../../utils/vue/vnode.js";
+import { defineComponent as w, inject as A, h as s } from "vue";
 import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { descriptionsKey as D } from "./token.js";
-const q = v({
+const q = w({
   name: "VftDescriptionsCell",
   props: {
     cell: {
@@ -23,12 +23,12 @@ const q = v({
   },
   setup() {
     return {
-      descriptions: w(D, {})
+      descriptions: A(D, {})
     };
   },
   render() {
     var h, n, g, f, c, u;
-    const e = A(
+    const e = v(
       this.cell
     ), { border: p, direction: N } = this.descriptions, l = N === "vertical", o = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, d = (u = (c = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : c.default) == null ? void 0 : u.call(c), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, m = e.className, b = e.labelClassName, r = {
       width: y(e.width),

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

@@ -5,12 +5,13 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
         $props: {
             style?: unknown;
             readonly title?: string | undefined;
-            readonly direction?: "vertical" | "horizontal" | undefined;
+            readonly direction?: "horizontal" | "vertical" | undefined;
             readonly border?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly size?: string | undefined;
+            readonly column?: number | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -51,7 +52,6 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly column?: number | undefined;
             readonly extra?: string | undefined;
         };
         $attrs: {
@@ -75,7 +75,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<number>;
             };
             direction: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
             };
             size: {
                 type: import("vue").PropType<string>;
@@ -114,7 +114,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
+            type: import("vue").PropType<"horizontal" | "vertical">;
         };
         size: {
             type: import("vue").PropType<string>;
@@ -137,7 +137,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
     };
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     size: {
         type: import("vue").PropType<string>;
@@ -159,12 +159,13 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                readonly width?: string | number | undefined;
                 readonly label?: string | undefined;
                 readonly span?: number | undefined;
                 style?: unknown;
                 readonly minWidth?: string | number | undefined;
-                readonly width?: string | number | undefined;
                 key?: string | number | symbol | undefined;
+                readonly className?: string | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 class?: unknown;
                 ref_for?: boolean | undefined;
@@ -207,7 +208,6 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly className?: string | undefined;
                 readonly align?: string | undefined;
                 readonly labelAlign?: string | undefined;
                 readonly labelClassName?: string | undefined;
@@ -335,12 +335,13 @@ export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly width?: string | number | undefined;
             readonly label?: string | undefined;
             readonly span?: number | undefined;
             style?: unknown;
             readonly minWidth?: string | number | undefined;
-            readonly width?: string | number | undefined;
             key?: string | number | symbol | undefined;
+            readonly className?: string | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             ref_for?: boolean | undefined;
@@ -383,7 +384,6 @@ export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly className?: string | undefined;
             readonly align?: string | undefined;
             readonly labelAlign?: string | undefined;
             readonly labelClassName?: string | undefined;

package/es/components/descriptions/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o, withNoopInstall as i } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./description.vue2.js";
 import t from "./description-item.vue2.js";

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

@@ -33,7 +33,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: {
         type: import("vue").PropType<string>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     center: {
         type: import("vue").PropType<boolean>;
     };

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

@@ -92,13 +92,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visible: import("vue").Ref<boolean>;
     dialogContentRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     appendToBody: {
         type: import("vue").PropType<boolean>;

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

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as u, getCurrentInstance as z, provide as O, computed as P, openBlock as C, createBlock as b, Teleport as N, createVNode as i, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
+import { defineComponent as B, ref as i, getCurrentInstance as z, provide as O, computed as P, openBlock as g, createBlock as b, Teleport as N, createVNode as f, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
 import { isBoolean as X } from "@vft/utils";
 import Y from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
@@ -14,11 +14,11 @@ import "../../hooks/use-z-index/index.js";
 import { dialogInjectionKey as oe } from "./constants.js";
 import le from "./dialog-content.vue2.js";
 import { useDialog as te } from "./hooks/use-dialog.js";
-const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
+const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   /* hoist-static*/
   x("dialog")
 ), se = B({
-  name: "vft-dialog",
+  name: d.b(),
   inheritAttrs: !1
 }), Ae = /* @__PURE__ */ B({
   ...se,
@@ -57,8 +57,8 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
     closeAutoFocus: () => !0
   },
   setup(r, { expose: k }) {
-    const p = u(), A = u(), c = u(), F = z(), {
-      visible: d,
+    const p = i(), A = i(), c = i(), F = z(), {
+      visible: u,
       titleId: m,
       bodyId: y,
       style: w,
@@ -68,7 +68,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
       afterEnter: T,
       afterLeave: h,
       beforeLeave: I,
-      handleClose: g,
+      handleClose: C,
       onModalClick: M,
       onOpenAutoFocus: $,
       onCloseAutoFocus: D,
@@ -79,27 +79,27 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
       dialogRef: p,
       headerRef: A,
       bodyId: y,
-      ns: f,
+      ns: d,
       rendered: v,
       style: w
     });
     const l = ee(M), V = P(() => r.draggable && !r.fullscreen);
     return k({
       /** @description whether the dialog is visible */
-      visible: d,
+      visible: u,
       dialogContentRef: c
-    }), (o, t) => (C(), b(N, {
+    }), (o, t) => (g(), b(N, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      i(q, {
+      f(q, {
         name: "dialog-fade",
         onAfterEnter: e(T),
         onAfterLeave: e(h),
         onBeforeLeave: e(I)
       }, {
         default: a(() => [
-          j(i(e(Z), {
+          j(f(e(Z), {
             "custom-mask-event": "",
             mask: o.modal,
             "overlay-class": o.modalClass,
@@ -112,7 +112,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                 "aria-label": o.title || void 0,
                 "aria-labelledby": o.title ? void 0 : e(m),
                 "aria-describedby": e(y),
-                class: U(`${e(f).namespace.value}-overlay-dialog`),
+                class: U(`${e(d).namespace.value}-overlay-dialog`),
                 style: G(e(R)),
                 onClick: t[0] || (t[0] = //@ts-ignore
                 (...s) => e(l).onClick && e(l).onClick(...s)),
@@ -121,9 +121,9 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                 onMouseup: t[2] || (t[2] = //@ts-ignore
                 (...s) => e(l).onMouseup && e(l).onMouseup(...s))
               }, [
-                i(e(Y), {
+                f(e(Y), {
                   loop: "",
-                  trapped: e(d),
+                  trapped: e(u),
                   "focus-start-el": "container",
                   onFocusAfterTrapped: e($),
                   onFocusAfterReleased: e(D),
@@ -131,7 +131,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                   onReleaseRequested: e(L)
                 }, {
                   default: a(() => [
-                    e(v) ? (C(), b(le, H({
+                    e(v) ? (g(), b(le, H({
                       key: 0,
                       ref_key: "dialogContentRef",
                       ref: c
@@ -144,14 +144,14 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                       fullscreen: o.fullscreen,
                       "show-close": o.showClose,
                       title: o.title,
-                      onClose: e(g)
+                      onClose: e(C)
                     }), J({
                       header: a(() => [
                         o.$slots.title ? n(o.$slots, "title", { key: 1 }) : n(o.$slots, "header", {
                           key: 0,
-                          close: e(g),
+                          close: e(C),
                           titleId: e(m),
-                          titleClass: e(f).e("title")
+                          titleClass: e(d).e("title")
                         })
                       ]),
                       default: a(() => [
@@ -174,7 +174,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
             ]),
             _: 3
           }, 8, ["mask", "overlay-class", "z-index"]), [
-            [W, e(d)]
+            [W, e(u)]
           ])
         ]),
         _: 3

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

@@ -8,13 +8,14 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly top?: string | undefined;
+            readonly width?: string | number | undefined;
             style?: unknown;
             readonly title?: string | undefined;
             readonly center?: boolean | undefined;
-            readonly top?: string | undefined;
-            readonly width?: string | number | undefined;
             readonly zIndex?: number | undefined;
             key?: string | number | symbol | undefined;
+            readonly draggable?: boolean | undefined;
             readonly fullscreen?: boolean | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
@@ -59,13 +60,12 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly draggable?: boolean | undefined;
             readonly customClass?: string | undefined;
             onClose?: (() => any) | undefined;
             readonly showClose?: boolean | undefined;
-            readonly closeOnPressEscape?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
             readonly closeIcon?: string | undefined;
             readonly appendToBody?: boolean | undefined;
@@ -178,13 +178,13 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             visible: import("vue").Ref<boolean>;
             dialogContentRef: import("vue").Ref<any>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => boolean;
-            open: () => true;
-            opened: () => true;
-            close: () => true;
-            closed: () => true;
-            openAutoFocus: () => true;
-            closeAutoFocus: () => true;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            close: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -372,13 +372,13 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     visible: import("vue").Ref<boolean>;
     dialogContentRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {

package/es/components/dialog/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./dialog.vue2.js";
 import { dialogInjectionKey as c } from "./constants.js";

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

@@ -1,15 +1,20 @@
 import type { BorderColor, BorderStyle } from './types';
 export interface DividerProps {
+    /** 分割线方向 */
     direction?: 'horizontal' | 'vertical';
+    /** 分隔线内容的位置 */
     contentPosition?: 'left' | 'center' | 'right';
+    /** 分隔线样式 */
     borderStyle?: BorderStyle;
+    /** 分隔线颜色 */
     borderColor?: BorderColor;
+    /** margin 边距 */
     marginY?: string;
     marginX?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     contentPosition: {
         type: import("vue").PropType<"left" | "right" | "center">;
@@ -28,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     contentPosition: {
         type: import("vue").PropType<"left" | "right" | "center">;

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

@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         $data: {};
         $props: {
             style?: unknown;
-            readonly direction?: "vertical" | "horizontal" | undefined;
+            readonly direction?: "horizontal" | "vertical" | undefined;
             readonly borderColor?: string | undefined;
             readonly borderStyle?: string | undefined;
             key?: string | number | symbol | undefined;
@@ -69,7 +69,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             direction: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
             };
             contentPosition: {
                 type: import("vue").PropType<"left" | "right" | "center">;
@@ -108,7 +108,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
+            type: import("vue").PropType<"horizontal" | "vertical">;
         };
         contentPosition: {
             type: import("vue").PropType<"left" | "right" | "center">;
@@ -131,7 +131,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     contentPosition: {
         type: import("vue").PropType<"left" | "right" | "center">;

package/es/components/divider/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import i from "./divider.vue2.js";
 const e = t(i);

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

@@ -90,13 +90,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     close: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: import("vue").PropType<"ltr" | "rtl" | "ttb" | "btt">;

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

@@ -17,7 +17,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
   /* hoist-static*/
   X("drawer")
 ), ee = w({
-  name: "vft-drawer"
+  name: t.b()
 }), Ee = /* @__PURE__ */ w({
   ...ee,
   props: {
@@ -79,7 +79,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
       rendered: I,
       visible: m,
       zIndex: S
-    } = Y(E.props, c), v = B(), V = k(() => s.direction === "rtl" || s.direction === "ltr"), C = k(() => G(s.size));
+    } = Y(E.props, c), C = B(), V = k(() => s.direction === "rtl" || s.direction === "ltr"), v = k(() => G(s.size));
     return g({
       close: n
     }), (o, i) => (a(), T(O, {
@@ -104,7 +104,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                 loop: "",
                 trapped: e(m),
                 "focus-trap-el": c.value,
-                "focus-start-el": v.value,
+                "focus-start-el": C.value,
                 onReleaseRequested: e(F)
               }, {
                 default: y(() => [
@@ -117,14 +117,14 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                     "aria-describedby": e(b)
                   }, o.$attrs, {
                     class: [e(t).b(), o.direction, e(m) && "open", o.customClass],
-                    style: V.value ? "width: " + C.value : "height: " + C.value,
+                    style: V.value ? "width: " + v.value : "height: " + v.value,
                     role: "dialog",
                     onClick: i[1] || (i[1] = q(() => {
                     }, ["stop"]))
                   }), [
                     h("span", {
                       ref_key: "focusStartRef",
-                      ref: v,
+                      ref: C,
                       class: l(e(t).e("sr-focus")),
                       tabindex: "-1"
                     }, null, 2),

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

@@ -4,14 +4,15 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly top?: string | undefined;
+            readonly width?: string | number | undefined;
             style?: unknown;
             readonly title?: string | undefined;
             readonly center?: boolean | undefined;
             readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
-            readonly top?: string | undefined;
-            readonly width?: string | number | undefined;
             readonly zIndex?: number | undefined;
             key?: string | number | symbol | undefined;
+            readonly draggable?: boolean | undefined;
             readonly fullscreen?: boolean | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
@@ -57,13 +58,12 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly draggable?: boolean | undefined;
             readonly customClass?: string | undefined;
             onClose?: (() => any) | undefined;
             readonly showClose?: boolean | undefined;
-            readonly closeOnPressEscape?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
             readonly closeIcon?: string | undefined;
             readonly appendToBody?: boolean | undefined;
@@ -189,13 +189,13 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         }, {
             close: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => boolean;
-            open: () => true;
-            opened: () => true;
-            close: () => true;
-            closed: () => true;
-            openAutoFocus: () => true;
-            closeAutoFocus: () => true;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            close: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -405,13 +405,13 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
 }, {
     close: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {

package/es/components/drawer/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import r from "./drawer.vue2.js";
 const e = t(r);