vft 0.0.413 → 0.0.415

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/es/components/autocomplete/autocomplete.vue.d.ts +2 -2
  2. package/es/components/autocomplete/index.d.ts +6 -6
  3. package/es/components/button/index.d.ts +9 -9
  4. package/es/components/dialog/dialog-content.vue.d.ts +1 -10
  5. package/es/components/dialog/dialog-content.vue2.js +37 -39
  6. package/es/components/dialog/index.d.ts +3 -3
  7. package/es/components/dialog/types.d.ts +2 -1
  8. package/es/components/drawer/drawer.vue2.js +68 -65
  9. package/es/components/drawer/index.d.ts +3 -3
  10. package/es/components/form/form-item.vue.d.ts +1 -1
  11. package/es/components/form/index.d.ts +30 -30
  12. package/es/components/modal/index.d.ts +3 -3
  13. package/es/components/popconfirm/index.d.ts +15 -15
  14. package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
  15. package/es/components/select/index.d.ts +4 -4
  16. package/es/components/select/select.vue.d.ts +4 -4
  17. package/es/components/select/useSelect.d.ts +4 -4
  18. package/es/package.json.d.ts +1 -1
  19. package/es/package.json.js +1 -1
  20. package/lib/components/autocomplete/autocomplete.vue.d.ts +2 -2
  21. package/lib/components/autocomplete/index.d.ts +6 -6
  22. package/lib/components/button/index.d.ts +9 -9
  23. package/lib/components/dialog/dialog-content.vue.d.ts +1 -10
  24. package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
  25. package/lib/components/dialog/index.d.ts +3 -3
  26. package/lib/components/dialog/types.d.ts +2 -1
  27. package/lib/components/drawer/drawer.vue2.cjs +1 -1
  28. package/lib/components/drawer/index.d.ts +3 -3
  29. package/lib/components/form/form-item.vue.d.ts +1 -1
  30. package/lib/components/form/index.d.ts +30 -30
  31. package/lib/components/modal/index.d.ts +3 -3
  32. package/lib/components/popconfirm/index.d.ts +15 -15
  33. package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
  34. package/lib/components/select/index.d.ts +4 -4
  35. package/lib/components/select/select.vue.d.ts +4 -4
  36. package/lib/components/select/useSelect.d.ts +4 -4
  37. package/lib/package.json.cjs +1 -1
  38. package/lib/package.json.d.ts +1 -1
  39. package/package.json +3 -3
  40. package/web-types.json +1 -1
@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
62
62
  readonly strategy?: "fixed" | "absolute" | undefined;
63
63
  readonly effect?: "light" | "dark" | undefined;
64
64
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
65
+ readonly visible?: boolean | undefined;
65
66
  readonly teleported?: boolean | undefined;
66
67
  readonly open?: boolean | undefined;
67
- readonly visible?: boolean | undefined;
68
68
  readonly arrowOffset?: number | undefined;
69
69
  readonly gpuAcceleration?: boolean | undefined;
70
70
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
480
480
  readonly strategy?: "fixed" | "absolute" | undefined;
481
481
  readonly effect?: "light" | "dark" | undefined;
482
482
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
483
+ readonly visible?: boolean | undefined;
483
484
  readonly teleported?: boolean | undefined;
484
485
  readonly open?: boolean | undefined;
485
- readonly visible?: boolean | undefined;
486
486
  readonly arrowOffset?: number | undefined;
487
487
  readonly gpuAcceleration?: boolean | undefined;
488
488
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -86,9 +86,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
86
86
  readonly strategy?: "fixed" | "absolute" | undefined;
87
87
  readonly effect?: "light" | "dark" | undefined;
88
88
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
89
+ readonly visible?: boolean | undefined;
89
90
  readonly teleported?: boolean | undefined;
90
91
  readonly open?: boolean | undefined;
91
- readonly visible?: boolean | undefined;
92
92
  readonly arrowOffset?: number | undefined;
93
93
  readonly gpuAcceleration?: boolean | undefined;
94
94
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -504,9 +504,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
504
504
  readonly strategy?: "fixed" | "absolute" | undefined;
505
505
  readonly effect?: "light" | "dark" | undefined;
506
506
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
507
+ readonly visible?: boolean | undefined;
507
508
  readonly teleported?: boolean | undefined;
508
509
  readonly open?: boolean | undefined;
509
- readonly visible?: boolean | undefined;
510
510
  readonly arrowOffset?: number | undefined;
511
511
  readonly gpuAcceleration?: boolean | undefined;
512
512
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1007,9 +1007,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
1007
1007
  readonly strategy?: "fixed" | "absolute" | undefined;
1008
1008
  readonly effect?: "light" | "dark" | undefined;
1009
1009
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
1010
+ readonly visible?: boolean | undefined;
1010
1011
  readonly teleported?: boolean | undefined;
1011
1012
  readonly open?: boolean | undefined;
1012
- readonly visible?: boolean | undefined;
1013
1013
  readonly arrowOffset?: number | undefined;
1014
1014
  readonly gpuAcceleration?: boolean | undefined;
1015
1015
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1425,9 +1425,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
1425
1425
  readonly strategy?: "fixed" | "absolute" | undefined;
1426
1426
  readonly effect?: "light" | "dark" | undefined;
1427
1427
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
1428
+ readonly visible?: boolean | undefined;
1428
1429
  readonly teleported?: boolean | undefined;
1429
1430
  readonly open?: boolean | undefined;
1430
- readonly visible?: boolean | undefined;
1431
1431
  readonly arrowOffset?: number | undefined;
1432
1432
  readonly gpuAcceleration?: boolean | undefined;
1433
1433
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1917,9 +1917,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
1917
1917
  readonly strategy?: "fixed" | "absolute" | undefined;
1918
1918
  readonly effect?: "light" | "dark" | undefined;
1919
1919
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
1920
+ readonly visible?: boolean | undefined;
1920
1921
  readonly teleported?: boolean | undefined;
1921
1922
  readonly open?: boolean | undefined;
1922
- readonly visible?: boolean | undefined;
1923
1923
  readonly arrowOffset?: number | undefined;
1924
1924
  readonly gpuAcceleration?: boolean | undefined;
1925
1925
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -2335,9 +2335,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
2335
2335
  readonly strategy?: "fixed" | "absolute" | undefined;
2336
2336
  readonly effect?: "light" | "dark" | undefined;
2337
2337
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
2338
+ readonly visible?: boolean | undefined;
2338
2339
  readonly teleported?: boolean | undefined;
2339
2340
  readonly open?: boolean | undefined;
2340
- readonly visible?: boolean | undefined;
2341
2341
  readonly arrowOffset?: number | undefined;
2342
2342
  readonly gpuAcceleration?: boolean | undefined;
2343
2343
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
24
24
  autofocus: {
25
25
  type: import("vue").PropType<boolean>;
26
26
  };
27
- dark: {
28
- type: import("vue").PropType<boolean>;
29
- };
30
27
  icon: {
31
28
  type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
32
29
  };
30
+ dark: {
31
+ type: import("vue").PropType<boolean>;
32
+ };
33
33
  loading: {
34
34
  type: import("vue").PropType<boolean>;
35
35
  };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
114
114
  autofocus: {
115
115
  type: import("vue").PropType<boolean>;
116
116
  };
117
- dark: {
118
- type: import("vue").PropType<boolean>;
119
- };
120
117
  icon: {
121
118
  type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
122
119
  };
120
+ dark: {
121
+ type: import("vue").PropType<boolean>;
122
+ };
123
123
  loading: {
124
124
  type: import("vue").PropType<boolean>;
125
125
  };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
199
199
  autofocus: {
200
200
  type: import("vue").PropType<boolean>;
201
201
  };
202
- dark: {
203
- type: import("vue").PropType<boolean>;
204
- };
205
202
  icon: {
206
203
  type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
207
204
  };
205
+ dark: {
206
+ type: import("vue").PropType<boolean>;
207
+ };
208
208
  loading: {
209
209
  type: import("vue").PropType<boolean>;
210
210
  };
@@ -1,13 +1,4 @@
1
- export interface DialogContentProps {
2
- center?: boolean;
3
- alignCenter?: boolean;
4
- closeIcon?: string;
5
- customClass?: string;
6
- draggable?: boolean;
7
- fullscreen?: boolean;
8
- showClose?: boolean;
9
- title?: string;
10
- }
1
+ import type { DialogContentProps } from './types';
11
2
  declare function __VLS_template(): {
12
3
  header?(_: {}): any;
13
4
  default?(_: {}): any;
@@ -1,27 +1,27 @@
1
- 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";
2
- import { VftIcon as $ } from "../icon/index.js";
1
+ import { defineComponent as g, inject as m, computed as d, createElementBlock as p, openBlock as r, normalizeStyle as k, normalizeClass as l, unref as e, createElementVNode as s, createCommentVNode as u, renderSlot as a, createBlock as R, toDisplayString as $, mergeProps as v } from "vue";
2
+ import { singleAttrToObj as E } from "@vft/utils";
3
+ import { VftIcon as N } from "../icon/index.js";
3
4
  import "../focus-trap/focus-trap.vue2.js";
4
- import { FOCUS_TRAP_INJECTION_KEY as N } from "../focus-trap/tokens.js";
5
+ import { FOCUS_TRAP_INJECTION_KEY as S } from "../focus-trap/tokens.js";
5
6
  import "../focus-trap/utils.js";
6
7
  import "@vueuse/core";
7
- import "@vft/utils";
8
8
  import "../config-provider/hooks/use-global-config.js";
9
9
  import "lodash-es";
10
- import { composeRefs as v } from "../../utils/vue/refs.js";
10
+ import { composeRefs as T } from "../../utils/vue/refs.js";
11
11
  import "../form/index.js";
12
- import { useDraggable as E } from "../../hooks/use-draggable/index.js";
12
+ import { useDraggable as j } from "../../hooks/use-draggable/index.js";
13
13
  import "../../hooks/use-model-toggle/index.js";
14
14
  import "@popperjs/core";
15
15
  import "../../hooks/use-z-index/index.js";
16
- import { dialogInjectionKey as S } from "./constants.js";
17
- const V = ["id"], z = p({
16
+ import { dialogInjectionKey as z } from "./constants.js";
17
+ const D = ["id"], O = g({
18
18
  name: "vft-dialog-content"
19
- }), Q = /* @__PURE__ */ p({
20
- ...z,
19
+ }), Z = /* @__PURE__ */ g({
20
+ ...O,
21
21
  props: {
22
22
  center: { type: Boolean, default: !1 },
23
23
  alignCenter: { type: Boolean, default: !1 },
24
- closeIcon: { default: "icon-close" },
24
+ closeIcon: {},
25
25
  customClass: {},
26
26
  draggable: { type: Boolean, default: !1 },
27
27
  fullscreen: { type: Boolean, default: !1 },
@@ -29,10 +29,15 @@ const V = ["id"], z = p({
29
29
  title: { default: "" }
30
30
  },
31
31
  emits: ["close"],
32
- setup(u) {
33
- 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);
34
- return E(i, f, h), (o, d) => (r(), s("div", {
35
- ref: e(C),
32
+ setup(n) {
33
+ 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);
34
+ j(i, f, B);
35
+ const I = d(() => E(n.closeIcon, "icon", {
36
+ icon: "icon-close",
37
+ pointer: !0
38
+ }));
39
+ return (o, c) => (r(), p("div", {
40
+ ref: e(h),
36
41
  class: l([
37
42
  e(t).b(),
38
43
  e(t).is("fullscreen", o.fullscreen),
@@ -41,48 +46,41 @@ const V = ["id"], z = p({
41
46
  { [e(t).m("center")]: o.center },
42
47
  o.customClass
43
48
  ]),
44
- style: I(e(y)),
49
+ style: k(e(C)),
45
50
  tabindex: "-1"
46
51
  }, [
47
- a("header", {
52
+ s("header", {
48
53
  ref_key: "headerRef",
49
54
  ref: f,
50
55
  class: l(e(t).e("header"))
51
56
  }, [
52
- n(o.$slots, "header", {}, () => [
53
- a("span", {
57
+ a(o.$slots, "header", {}, () => [
58
+ s("span", {
54
59
  role: "heading",
55
60
  class: l(e(t).e("title"))
56
- }, R(o.title), 3)
61
+ }, $(o.title), 3)
57
62
  ]),
58
- o.showClose ? (r(), s("button", {
63
+ o.showClose ? (r(), R(e(N), v({
59
64
  key: 0,
60
- class: l(e(t).e("headerbtn")),
61
- type: "button",
62
- onClick: d[0] || (d[0] = (D) => o.$emit("close"))
63
- }, [
64
- k(e($), {
65
- class: l(e(t).e("close")),
66
- icon: o.closeIcon,
67
- size: "20"
68
- }, null, 8, ["class", "icon"])
69
- ], 2)) : c("", !0)
65
+ onClick: c[0] || (c[0] = (V) => o.$emit("close")),
66
+ class: e(t).e("close")
67
+ }, I.value, { size: "20" }), null, 16, ["class"])) : u("", !0)
70
68
  ], 2),
71
- a("div", {
72
- id: e(g),
69
+ s("div", {
70
+ id: e(y),
73
71
  class: l(e(t).e("body"))
74
72
  }, [
75
- n(o.$slots, "default")
76
- ], 10, V),
77
- o.$slots.footer ? (r(), s("footer", {
73
+ a(o.$slots, "default")
74
+ ], 10, D),
75
+ o.$slots.footer ? (r(), p("footer", {
78
76
  key: 0,
79
77
  class: l(e(t).e("footer"))
80
78
  }, [
81
- n(o.$slots, "footer")
82
- ], 2)) : c("", !0)
79
+ a(o.$slots, "footer")
80
+ ], 2)) : u("", !0)
83
81
  ], 6));
84
82
  }
85
83
  });
86
84
  export {
87
- Q as default
85
+ Z as default
88
86
  };
@@ -57,7 +57,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
57
57
  type: import("vue").PropType<boolean>;
58
58
  };
59
59
  closeIcon: {
60
- type: import("vue").PropType<string>;
60
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
61
61
  };
62
62
  customClass: {
63
63
  type: import("vue").PropType<string>;
@@ -153,7 +153,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
153
153
  type: import("vue").PropType<boolean>;
154
154
  };
155
155
  closeIcon: {
156
- type: import("vue").PropType<string>;
156
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
157
157
  };
158
158
  customClass: {
159
159
  type: import("vue").PropType<string>;
@@ -238,7 +238,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
238
238
  type: import("vue").PropType<boolean>;
239
239
  };
240
240
  closeIcon: {
241
- type: import("vue").PropType<string>;
241
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
242
242
  };
243
243
  customClass: {
244
244
  type: import("vue").PropType<string>;
@@ -1,7 +1,8 @@
1
+ import type { IconProps } from 'vft/es/components/icon';
1
2
  export interface DialogContentProps {
2
3
  center?: boolean;
3
4
  alignCenter?: boolean;
4
- closeIcon?: string;
5
+ closeIcon?: string | IconProps;
5
6
  customClass?: string;
6
7
  draggable?: boolean;
7
8
  fullscreen?: boolean;
@@ -1,25 +1,25 @@
1
- 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";
2
- import { isBoolean as H } from "@vft/utils";
1
+ import { defineComponent as A, getCurrentInstance as O, ref as k, computed as m, createBlock as h, openBlock as a, unref as e, withCtx as n, createVNode as y, Transition as N, withDirectives as M, createElementVNode as w, mergeProps as g, withModifiers as P, createElementBlock as d, createCommentVNode as s, normalizeClass as r, renderSlot as i, toDisplayString as q, vShow as H } from "vue";
2
+ import { isBoolean as U, singleAttrToObj as j } from "@vft/utils";
3
3
  import "../dialog/index.js";
4
- import U from "../focus-trap/focus-trap.vue.js";
4
+ import G from "../focus-trap/focus-trap.vue.js";
5
5
  import "../focus-trap/utils.js";
6
- import { VftIcon as j } from "../icon/index.js";
7
- import { VftOverlay as G } from "../overlay/index.js";
8
- import { UPDATE_MODEL_EVENT as J } from "../../constants/event.js";
6
+ import { VftIcon as J } from "../icon/index.js";
7
+ import { VftOverlay as K } from "../overlay/index.js";
8
+ import { UPDATE_MODEL_EVENT as Q } from "../../constants/event.js";
9
9
  import "@vueuse/core";
10
- import { addUnit as K } from "../../utils/helper.js";
10
+ import { addUnit as W } from "../../utils/helper.js";
11
11
  import "lodash-es";
12
12
  import "../form/index.js";
13
- import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
13
+ import { useNamespace as X } from "../../hooks/use-namespace/index.js";
14
14
  import "../../hooks/use-model-toggle/index.js";
15
15
  import "@popperjs/core";
16
16
  import "../../hooks/use-z-index/index.js";
17
- import { VftTeleport as W } from "../teleport/index.js";
18
- import { useDialog as X } from "../dialog/hooks/use-dialog.js";
19
- const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ = ["id"], x = g({
17
+ import { VftTeleport as Y } from "../teleport/index.js";
18
+ import { useDialog as Z } from "../dialog/hooks/use-dialog.js";
19
+ const _ = ["aria-label", "aria-labelledby", "aria-describedby"], x = ["id"], ee = ["id"], oe = A({
20
20
  name: "vft-drawer"
21
- }), Ae = /* @__PURE__ */ g({
22
- ...x,
21
+ }), Re = /* @__PURE__ */ A({
22
+ ...oe,
23
23
  props: {
24
24
  direction: { default: "rtl" },
25
25
  size: { default: "30%" },
@@ -50,7 +50,7 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
50
50
  title: { default: "" }
51
51
  },
52
52
  emits: {
53
- [J]: (s) => H(s),
53
+ [Q]: (l) => U(l),
54
54
  open: () => !0,
55
55
  opened: () => !0,
56
56
  close: () => !0,
@@ -58,80 +58,83 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
58
58
  openAutoFocus: () => !0,
59
59
  closeAutoFocus: () => !0
60
60
  },
61
- setup(s, { expose: E }) {
62
- const t = Q("drawer"), z = L(), u = b(), {
63
- afterEnter: A,
61
+ setup(l, { expose: E }) {
62
+ const t = X("drawer"), I = O(), u = k(), {
63
+ afterEnter: z,
64
64
  afterLeave: R,
65
65
  beforeLeave: V,
66
66
  handleClose: f,
67
67
  onModalClick: D,
68
- close: ee,
69
- doClose: oe,
70
- onOpenAutoFocus: te,
71
- onCloseAutoFocus: le,
68
+ close: te,
69
+ doClose: le,
70
+ onOpenAutoFocus: ae,
71
+ onCloseAutoFocus: se,
72
72
  onCloseRequested: F,
73
- onFocusoutPrevented: ae,
73
+ onFocusoutPrevented: re,
74
74
  titleId: c,
75
- bodyId: y,
76
- closed: se,
77
- style: re,
78
- overlayDialogStyle: de,
79
- rendered: I,
75
+ bodyId: v,
76
+ closed: ne,
77
+ style: de,
78
+ overlayDialogStyle: ie,
79
+ rendered: S,
80
80
  visible: p,
81
- zIndex: S
82
- } = X(z.props, u), C = b(), $ = k(() => s.direction === "rtl" || s.direction === "ltr"), v = k(() => K(s.size));
81
+ zIndex: T
82
+ } = Z(I.props, u), C = k(), $ = m(() => l.direction === "rtl" || l.direction === "ltr"), b = m(() => W(l.size)), L = m(() => j(l.closeIcon, "icon", {
83
+ icon: "icon-close",
84
+ pointer: !0
85
+ }));
83
86
  return E({
84
87
  close: f
85
- }), (o, B) => (l(), h(e(W), {
88
+ }), (o, B) => (a(), h(e(Y), {
86
89
  to: "body",
87
90
  disabled: !o.appendToBody
88
91
  }, {
89
- default: d(() => [
90
- m(T, {
92
+ default: n(() => [
93
+ y(N, {
91
94
  name: e(t).b("fade"),
92
- onAfterEnter: e(A),
95
+ onAfterEnter: e(z),
93
96
  onAfterLeave: e(R),
94
97
  onBeforeLeave: e(V)
95
98
  }, {
96
- default: d(() => [
97
- O(m(e(G), {
99
+ default: n(() => [
100
+ M(y(e(K), {
98
101
  mask: o.modal,
99
102
  "overlay-class": o.modalClass,
100
- "z-index": e(S),
103
+ "z-index": e(T),
101
104
  onClick: e(D)
102
105
  }, {
103
- default: d(() => [
104
- m(e(U), {
106
+ default: n(() => [
107
+ y(e(G), {
105
108
  loop: "",
106
109
  trapped: e(p),
107
110
  "focus-trap-el": u.value,
108
111
  "focus-start-el": C.value,
109
112
  onReleaseRequested: e(F)
110
113
  }, {
111
- default: d(() => [
112
- w("div", N({
114
+ default: n(() => [
115
+ w("div", g({
113
116
  ref_key: "drawerRef",
114
117
  ref: u,
115
118
  "aria-modal": "true",
116
119
  "aria-label": o.title || void 0,
117
120
  "aria-labelledby": o.title ? void 0 : e(c),
118
- "aria-describedby": e(y)
121
+ "aria-describedby": e(v)
119
122
  }, o.$attrs, {
120
123
  class: [e(t).b(), o.direction, e(p) && "open", o.customClass],
121
- style: $.value ? "width: " + v.value : "height: " + v.value,
124
+ style: $.value ? "width: " + b.value : "height: " + b.value,
122
125
  role: "dialog",
123
- onClick: B[0] || (B[0] = M(() => {
126
+ onClick: B[0] || (B[0] = P(() => {
124
127
  }, ["stop"]))
125
128
  }), [
126
129
  w("span", {
127
130
  ref_key: "focusStartRef",
128
131
  ref: C,
129
- class: a(e(t).e("sr-focus")),
132
+ class: r(e(t).e("sr-focus")),
130
133
  tabindex: "-1"
131
134
  }, null, 2),
132
- o.withHeader ? (l(), n("header", {
135
+ o.withHeader ? (a(), d("header", {
133
136
  key: 0,
134
- class: a(e(t).e("header"))
137
+ class: r(e(t).e("header"))
135
138
  }, [
136
139
  o.$slots.title ? i(o.$slots, "title", { key: 1 }) : i(o.$slots, "header", {
137
140
  key: 0,
@@ -139,41 +142,41 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
139
142
  titleId: e(c),
140
143
  titleClass: e(t).e("title")
141
144
  }, () => [
142
- o.$slots.title ? r("", !0) : (l(), n("span", {
145
+ o.$slots.title ? s("", !0) : (a(), d("span", {
143
146
  key: 0,
144
147
  id: e(c),
145
148
  role: "heading",
146
- class: a(e(t).e("title"))
147
- }, P(o.title), 11, Z))
149
+ class: r(e(t).e("title"))
150
+ }, q(o.title), 11, x))
148
151
  ]),
149
- o.showClose ? (l(), h(e(j), {
152
+ o.showClose ? (a(), h(e(J), g({
150
153
  key: 2,
151
- onClick: e(f),
152
- icon: "icon-close",
153
- class: a(e(t).e("close"))
154
- }, null, 8, ["onClick", "class"])) : r("", !0)
155
- ], 2)) : r("", !0),
156
- e(I) ? (l(), n("div", {
154
+ onClick: e(f)
155
+ }, L.value, {
156
+ class: e(t).e("close")
157
+ }), null, 16, ["onClick", "class"])) : s("", !0)
158
+ ], 2)) : s("", !0),
159
+ e(S) ? (a(), d("div", {
157
160
  key: 1,
158
- id: e(y),
159
- class: a(e(t).e("body"))
161
+ id: e(v),
162
+ class: r(e(t).e("body"))
160
163
  }, [
161
164
  i(o.$slots, "default")
162
- ], 10, _)) : r("", !0),
163
- o.$slots.footer ? (l(), n("div", {
165
+ ], 10, ee)) : s("", !0),
166
+ o.$slots.footer ? (a(), d("div", {
164
167
  key: 2,
165
- class: a(e(t).e("footer"))
168
+ class: r(e(t).e("footer"))
166
169
  }, [
167
170
  i(o.$slots, "footer")
168
- ], 2)) : r("", !0)
169
- ], 16, Y)
171
+ ], 2)) : s("", !0)
172
+ ], 16, _)
170
173
  ]),
171
174
  _: 3
172
175
  }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
173
176
  ]),
174
177
  _: 3
175
178
  }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
176
- [q, e(p)]
179
+ [H, e(p)]
177
180
  ])
178
181
  ]),
179
182
  _: 3
@@ -184,5 +187,5 @@ const Y = ["aria-label", "aria-labelledby", "aria-describedby"], Z = ["id"], _ =
184
187
  }
185
188
  });
186
189
  export {
187
- Ae as default
190
+ Re as default
188
191
  };
@@ -65,7 +65,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
65
65
  type: import("vue").PropType<boolean>;
66
66
  };
67
67
  closeIcon: {
68
- type: import("vue").PropType<string>;
68
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
69
69
  };
70
70
  customClass: {
71
71
  type: import("vue").PropType<string>;
@@ -172,7 +172,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
172
172
  type: import("vue").PropType<boolean>;
173
173
  };
174
174
  closeIcon: {
175
- type: import("vue").PropType<string>;
175
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
176
176
  };
177
177
  customClass: {
178
178
  type: import("vue").PropType<string>;
@@ -268,7 +268,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
268
268
  type: import("vue").PropType<boolean>;
269
269
  };
270
270
  closeIcon: {
271
- type: import("vue").PropType<string>;
271
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
272
272
  };
273
273
  customClass: {
274
274
  type: import("vue").PropType<string>;
@@ -32,10 +32,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
32
32
  }>>> & Readonly<{
33
33
  "onUpdate:error"?: ((val: string) => any) | undefined;
34
34
  }>, {
35
+ required: boolean;
35
36
  labelWidth: string | number;
36
37
  inlineMessage: string | boolean;
37
38
  showMessage: boolean;
38
- required: boolean;
39
39
  hideLabel: boolean;
40
40
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
41
41
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;