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.
- package/es/components/autocomplete/autocomplete.vue.d.ts +2 -2
- package/es/components/autocomplete/index.d.ts +6 -6
- package/es/components/button/index.d.ts +9 -9
- package/es/components/dialog/dialog-content.vue.d.ts +1 -10
- package/es/components/dialog/dialog-content.vue2.js +37 -39
- package/es/components/dialog/index.d.ts +3 -3
- package/es/components/dialog/types.d.ts +2 -1
- package/es/components/drawer/drawer.vue2.js +68 -65
- package/es/components/drawer/index.d.ts +3 -3
- package/es/components/form/form-item.vue.d.ts +1 -1
- package/es/components/form/index.d.ts +30 -30
- package/es/components/modal/index.d.ts +3 -3
- package/es/components/popconfirm/index.d.ts +15 -15
- package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/es/components/select/index.d.ts +4 -4
- package/es/components/select/select.vue.d.ts +4 -4
- package/es/components/select/useSelect.d.ts +4 -4
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/autocomplete/autocomplete.vue.d.ts +2 -2
- package/lib/components/autocomplete/index.d.ts +6 -6
- package/lib/components/button/index.d.ts +9 -9
- package/lib/components/dialog/dialog-content.vue.d.ts +1 -10
- package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
- package/lib/components/dialog/index.d.ts +3 -3
- package/lib/components/dialog/types.d.ts +2 -1
- package/lib/components/drawer/drawer.vue2.cjs +1 -1
- package/lib/components/drawer/index.d.ts +3 -3
- package/lib/components/form/form-item.vue.d.ts +1 -1
- package/lib/components/form/index.d.ts +30 -30
- package/lib/components/modal/index.d.ts +3 -3
- package/lib/components/popconfirm/index.d.ts +15 -15
- package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/lib/components/select/index.d.ts +4 -4
- package/lib/components/select/select.vue.d.ts +4 -4
- package/lib/components/select/useSelect.d.ts +4 -4
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +3 -3
- 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
|
-
|
|
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
|
|
2
|
-
import {
|
|
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
|
|
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
|
|
10
|
+
import { composeRefs as T } from "../../utils/vue/refs.js";
|
|
11
11
|
import "../form/index.js";
|
|
12
|
-
import { useDraggable as
|
|
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
|
|
17
|
-
const
|
|
16
|
+
import { dialogInjectionKey as z } from "./constants.js";
|
|
17
|
+
const D = ["id"], O = g({
|
|
18
18
|
name: "vft-dialog-content"
|
|
19
|
-
}),
|
|
20
|
-
...
|
|
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: {
|
|
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(
|
|
33
|
-
const { dialogRef: i, headerRef: f, bodyId:
|
|
34
|
-
|
|
35
|
-
|
|
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:
|
|
49
|
+
style: k(e(C)),
|
|
45
50
|
tabindex: "-1"
|
|
46
51
|
}, [
|
|
47
|
-
|
|
52
|
+
s("header", {
|
|
48
53
|
ref_key: "headerRef",
|
|
49
54
|
ref: f,
|
|
50
55
|
class: l(e(t).e("header"))
|
|
51
56
|
}, [
|
|
52
|
-
|
|
53
|
-
|
|
57
|
+
a(o.$slots, "header", {}, () => [
|
|
58
|
+
s("span", {
|
|
54
59
|
role: "heading",
|
|
55
60
|
class: l(e(t).e("title"))
|
|
56
|
-
},
|
|
61
|
+
}, $(o.title), 3)
|
|
57
62
|
]),
|
|
58
|
-
o.showClose ? (r(),
|
|
63
|
+
o.showClose ? (r(), R(e(N), v({
|
|
59
64
|
key: 0,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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
|
-
|
|
72
|
-
id: e(
|
|
69
|
+
s("div", {
|
|
70
|
+
id: e(y),
|
|
73
71
|
class: l(e(t).e("body"))
|
|
74
72
|
}, [
|
|
75
|
-
|
|
76
|
-
], 10,
|
|
77
|
-
o.$slots.footer ? (r(),
|
|
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
|
-
|
|
82
|
-
], 2)) :
|
|
79
|
+
a(o.$slots, "footer")
|
|
80
|
+
], 2)) : u("", !0)
|
|
83
81
|
], 6));
|
|
84
82
|
}
|
|
85
83
|
});
|
|
86
84
|
export {
|
|
87
|
-
|
|
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
|
|
2
|
-
import { isBoolean as
|
|
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
|
|
4
|
+
import G from "../focus-trap/focus-trap.vue.js";
|
|
5
5
|
import "../focus-trap/utils.js";
|
|
6
|
-
import { VftIcon as
|
|
7
|
-
import { VftOverlay as
|
|
8
|
-
import { UPDATE_MODEL_EVENT as
|
|
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
|
|
10
|
+
import { addUnit as W } from "../../utils/helper.js";
|
|
11
11
|
import "lodash-es";
|
|
12
12
|
import "../form/index.js";
|
|
13
|
-
import { useNamespace as
|
|
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
|
|
18
|
-
import { useDialog as
|
|
19
|
-
const
|
|
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
|
-
}),
|
|
22
|
-
...
|
|
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
|
-
[
|
|
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(
|
|
62
|
-
const t =
|
|
63
|
-
afterEnter:
|
|
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:
|
|
69
|
-
doClose:
|
|
70
|
-
onOpenAutoFocus:
|
|
71
|
-
onCloseAutoFocus:
|
|
68
|
+
close: te,
|
|
69
|
+
doClose: le,
|
|
70
|
+
onOpenAutoFocus: ae,
|
|
71
|
+
onCloseAutoFocus: se,
|
|
72
72
|
onCloseRequested: F,
|
|
73
|
-
onFocusoutPrevented:
|
|
73
|
+
onFocusoutPrevented: re,
|
|
74
74
|
titleId: c,
|
|
75
|
-
bodyId:
|
|
76
|
-
closed:
|
|
77
|
-
style:
|
|
78
|
-
overlayDialogStyle:
|
|
79
|
-
rendered:
|
|
75
|
+
bodyId: v,
|
|
76
|
+
closed: ne,
|
|
77
|
+
style: de,
|
|
78
|
+
overlayDialogStyle: ie,
|
|
79
|
+
rendered: S,
|
|
80
80
|
visible: p,
|
|
81
|
-
zIndex:
|
|
82
|
-
} =
|
|
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) => (
|
|
88
|
+
}), (o, B) => (a(), h(e(Y), {
|
|
86
89
|
to: "body",
|
|
87
90
|
disabled: !o.appendToBody
|
|
88
91
|
}, {
|
|
89
|
-
default:
|
|
90
|
-
|
|
92
|
+
default: n(() => [
|
|
93
|
+
y(N, {
|
|
91
94
|
name: e(t).b("fade"),
|
|
92
|
-
onAfterEnter: e(
|
|
95
|
+
onAfterEnter: e(z),
|
|
93
96
|
onAfterLeave: e(R),
|
|
94
97
|
onBeforeLeave: e(V)
|
|
95
98
|
}, {
|
|
96
|
-
default:
|
|
97
|
-
|
|
99
|
+
default: n(() => [
|
|
100
|
+
M(y(e(K), {
|
|
98
101
|
mask: o.modal,
|
|
99
102
|
"overlay-class": o.modalClass,
|
|
100
|
-
"z-index": e(
|
|
103
|
+
"z-index": e(T),
|
|
101
104
|
onClick: e(D)
|
|
102
105
|
}, {
|
|
103
|
-
default:
|
|
104
|
-
|
|
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:
|
|
112
|
-
w("div",
|
|
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(
|
|
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: " +
|
|
124
|
+
style: $.value ? "width: " + b.value : "height: " + b.value,
|
|
122
125
|
role: "dialog",
|
|
123
|
-
onClick: B[0] || (B[0] =
|
|
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:
|
|
132
|
+
class: r(e(t).e("sr-focus")),
|
|
130
133
|
tabindex: "-1"
|
|
131
134
|
}, null, 2),
|
|
132
|
-
o.withHeader ? (
|
|
135
|
+
o.withHeader ? (a(), d("header", {
|
|
133
136
|
key: 0,
|
|
134
|
-
class:
|
|
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 ?
|
|
145
|
+
o.$slots.title ? s("", !0) : (a(), d("span", {
|
|
143
146
|
key: 0,
|
|
144
147
|
id: e(c),
|
|
145
148
|
role: "heading",
|
|
146
|
-
class:
|
|
147
|
-
},
|
|
149
|
+
class: r(e(t).e("title"))
|
|
150
|
+
}, q(o.title), 11, x))
|
|
148
151
|
]),
|
|
149
|
-
o.showClose ? (
|
|
152
|
+
o.showClose ? (a(), h(e(J), g({
|
|
150
153
|
key: 2,
|
|
151
|
-
onClick: e(f)
|
|
152
|
-
|
|
153
|
-
class:
|
|
154
|
-
}, null,
|
|
155
|
-
], 2)) :
|
|
156
|
-
e(
|
|
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(
|
|
159
|
-
class:
|
|
161
|
+
id: e(v),
|
|
162
|
+
class: r(e(t).e("body"))
|
|
160
163
|
}, [
|
|
161
164
|
i(o.$slots, "default")
|
|
162
|
-
], 10,
|
|
163
|
-
o.$slots.footer ? (
|
|
165
|
+
], 10, ee)) : s("", !0),
|
|
166
|
+
o.$slots.footer ? (a(), d("div", {
|
|
164
167
|
key: 2,
|
|
165
|
-
class:
|
|
168
|
+
class: r(e(t).e("footer"))
|
|
166
169
|
}, [
|
|
167
170
|
i(o.$slots, "footer")
|
|
168
|
-
], 2)) :
|
|
169
|
-
], 16,
|
|
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
|
-
[
|
|
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
|
-
|
|
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>>;
|