vft 0.0.485 → 0.0.493
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/attributes.json +1 -1
- package/dist/index.css +1 -1
- 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/carousel/use-carousel.js +1 -1
- package/es/components/config-provider/hooks/use-global-config.js +3 -3
- package/es/components/dialog/use-dialog.js +11 -11
- package/es/components/input/input.vue2.js +4 -4
- package/es/components/input-tag/composables/use-input-tag.js +1 -1
- package/es/components/message/message.vue2.js +45 -42
- package/es/components/message/types.d.ts +8 -2
- package/es/components/message/types.js +2 -1
- package/es/components/modal/index.d.ts +72 -3
- package/es/components/modal/modal-footer-action.vue.d.ts +1 -1
- package/es/components/modal/modal-footer-action.vue2.js +13 -15
- package/es/components/modal/modal.vue.d.ts +27 -3
- package/es/components/modal/modal.vue2.js +59 -59
- package/es/components/modal/types.d.ts +2 -0
- package/es/components/popconfirm/index.d.ts +15 -15
- package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/es/components/router-view-content/index.d.ts +6 -0
- package/es/components/router-view-content/router-view-content.vue.d.ts +1 -0
- package/es/components/router-view-content/router-view-content.vue2.js +19 -18
- 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/components/super-form/index.d.ts +30 -24
- package/es/components/super-form/super-form-item.vue2.js +263 -231
- package/es/components/super-form/super-form.vue.d.ts +3 -1
- package/es/components/super-form/super-form.vue2.js +153 -132
- package/es/components/super-form/types.d.ts +4 -2
- package/es/components/super-form/use/helper.d.ts +34 -0
- package/es/components/super-form/use/helper.js +81 -34
- package/es/components/switch/index.d.ts +1 -0
- package/es/components/switch/switch.vue.d.ts +1 -25
- package/es/components/switch/types.d.ts +25 -0
- package/es/components/switch/types.js +1 -0
- package/es/components/table/index.d.ts +6 -0
- package/es/components/table/table.vue.d.ts +4 -0
- package/es/components/table/table.vue2.js +164 -149
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/es/utils/form-register.d.ts +1 -1
- package/es/utils/form-register.js +1 -1
- package/es/utils/vue/vnode.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/use-dialog.cjs +1 -1
- package/lib/components/input/input.vue2.cjs +1 -1
- package/lib/components/message/message.vue2.cjs +1 -1
- package/lib/components/message/types.cjs +1 -1
- package/lib/components/message/types.d.ts +8 -2
- package/lib/components/modal/index.d.ts +72 -3
- package/lib/components/modal/modal-footer-action.vue.d.ts +1 -1
- package/lib/components/modal/modal-footer-action.vue2.cjs +1 -1
- package/lib/components/modal/modal.vue.d.ts +27 -3
- package/lib/components/modal/modal.vue2.cjs +1 -1
- package/lib/components/modal/types.d.ts +2 -0
- package/lib/components/popconfirm/index.d.ts +15 -15
- package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/lib/components/router-view-content/index.d.ts +6 -0
- package/lib/components/router-view-content/router-view-content.vue.d.ts +1 -0
- package/lib/components/router-view-content/router-view-content.vue2.cjs +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/components/super-form/index.d.ts +30 -24
- package/lib/components/super-form/super-form-item.vue2.cjs +1 -1
- package/lib/components/super-form/super-form.vue.d.ts +3 -1
- package/lib/components/super-form/super-form.vue2.cjs +1 -1
- package/lib/components/super-form/types.d.ts +4 -2
- package/lib/components/super-form/use/helper.cjs +1 -1
- package/lib/components/super-form/use/helper.d.ts +34 -0
- package/lib/components/switch/index.d.ts +1 -0
- package/lib/components/switch/switch.vue.d.ts +1 -25
- package/lib/components/switch/types.cjs +1 -0
- package/lib/components/switch/types.d.ts +25 -0
- package/lib/components/table/index.d.ts +6 -0
- package/lib/components/table/table.vue.d.ts +4 -0
- package/lib/components/table/table.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/lib/utils/form-register.cjs +1 -1
- package/lib/utils/form-register.d.ts +1 -1
- package/package.json +5 -5
- package/tags.json +1 -1
- package/theme-style/index.css +1 -1
- package/theme-style/src/dialog.scss +1 -1
- package/theme-style/src/message.scss +8 -4
- package/theme-style/src/super-form.scss +6 -0
- package/theme-style/src/table.scss +25 -6
- package/theme-style/vft-dialog.css +1 -1
- package/theme-style/vft-message.css +1 -1
- package/theme-style/vft-super-form.css +1 -1
- package/theme-style/vft-table.css +1 -1
- package/web-types.json +1 -1
|
@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
62
62
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
63
63
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
64
64
|
readonly effect?: "light" | "dark" | undefined;
|
|
65
|
-
readonly visible?: boolean | null | undefined;
|
|
66
65
|
readonly teleported?: boolean | undefined;
|
|
67
66
|
readonly open?: boolean | undefined;
|
|
67
|
+
readonly visible?: boolean | null | undefined;
|
|
68
68
|
readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
|
|
69
69
|
readonly arrowOffset?: number | undefined;
|
|
70
70
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
480
480
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
481
481
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
482
482
|
readonly effect?: "light" | "dark" | undefined;
|
|
483
|
-
readonly visible?: boolean | null | undefined;
|
|
484
483
|
readonly teleported?: boolean | undefined;
|
|
485
484
|
readonly open?: boolean | undefined;
|
|
485
|
+
readonly visible?: boolean | null | undefined;
|
|
486
486
|
readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
|
|
487
487
|
readonly arrowOffset?: number | undefined;
|
|
488
488
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -85,9 +85,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
85
85
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
86
86
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
87
87
|
readonly effect?: "light" | "dark" | undefined;
|
|
88
|
-
readonly visible?: boolean | null | undefined;
|
|
89
88
|
readonly teleported?: boolean | undefined;
|
|
90
89
|
readonly open?: boolean | undefined;
|
|
90
|
+
readonly visible?: boolean | null | undefined;
|
|
91
91
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
92
92
|
readonly arrowOffset?: number | undefined;
|
|
93
93
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -503,9 +503,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
503
503
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
504
504
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
505
505
|
readonly effect?: "light" | "dark" | undefined;
|
|
506
|
-
readonly visible?: boolean | null | undefined;
|
|
507
506
|
readonly teleported?: boolean | undefined;
|
|
508
507
|
readonly open?: boolean | undefined;
|
|
508
|
+
readonly visible?: boolean | null | undefined;
|
|
509
509
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
510
510
|
readonly arrowOffset?: number | undefined;
|
|
511
511
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -1006,9 +1006,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
1006
1006
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
1007
1007
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
1008
1008
|
readonly effect?: "light" | "dark" | undefined;
|
|
1009
|
-
readonly visible?: boolean | null | undefined;
|
|
1010
1009
|
readonly teleported?: boolean | undefined;
|
|
1011
1010
|
readonly open?: boolean | undefined;
|
|
1011
|
+
readonly visible?: boolean | null | undefined;
|
|
1012
1012
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
1013
1013
|
readonly arrowOffset?: number | undefined;
|
|
1014
1014
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -1424,9 +1424,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
1424
1424
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
1425
1425
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
1426
1426
|
readonly effect?: "light" | "dark" | undefined;
|
|
1427
|
-
readonly visible?: boolean | null | undefined;
|
|
1428
1427
|
readonly teleported?: boolean | undefined;
|
|
1429
1428
|
readonly open?: boolean | undefined;
|
|
1429
|
+
readonly visible?: boolean | null | undefined;
|
|
1430
1430
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
1431
1431
|
readonly arrowOffset?: number | undefined;
|
|
1432
1432
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -1916,9 +1916,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
1916
1916
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
1917
1917
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
1918
1918
|
readonly effect?: "light" | "dark" | undefined;
|
|
1919
|
-
readonly visible?: boolean | null | undefined;
|
|
1920
1919
|
readonly teleported?: boolean | undefined;
|
|
1921
1920
|
readonly open?: boolean | undefined;
|
|
1921
|
+
readonly visible?: boolean | null | undefined;
|
|
1922
1922
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
1923
1923
|
readonly arrowOffset?: number | undefined;
|
|
1924
1924
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -2334,9 +2334,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
2334
2334
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
2335
2335
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
2336
2336
|
readonly effect?: "light" | "dark" | undefined;
|
|
2337
|
-
readonly visible?: boolean | null | undefined;
|
|
2338
2337
|
readonly teleported?: boolean | undefined;
|
|
2339
2338
|
readonly open?: boolean | undefined;
|
|
2339
|
+
readonly visible?: boolean | null | undefined;
|
|
2340
2340
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
2341
2341
|
readonly arrowOffset?: number | undefined;
|
|
2342
2342
|
readonly gpuAcceleration?: boolean | 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
|
-
icon: {
|
|
28
|
-
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
29
|
-
};
|
|
30
27
|
dark: {
|
|
31
28
|
type: import("vue").PropType<boolean>;
|
|
32
29
|
};
|
|
30
|
+
icon: {
|
|
31
|
+
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
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
|
-
icon: {
|
|
118
|
-
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
119
|
-
};
|
|
120
117
|
dark: {
|
|
121
118
|
type: import("vue").PropType<boolean>;
|
|
122
119
|
};
|
|
120
|
+
icon: {
|
|
121
|
+
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
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
|
-
icon: {
|
|
203
|
-
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
204
|
-
};
|
|
205
202
|
dark: {
|
|
206
203
|
type: import("vue").PropType<boolean>;
|
|
207
204
|
};
|
|
205
|
+
icon: {
|
|
206
|
+
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
207
|
+
};
|
|
208
208
|
loading: {
|
|
209
209
|
type: import("vue").PropType<boolean>;
|
|
210
210
|
};
|
|
@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
|
|
|
11
11
|
import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
|
|
12
12
|
import "@popperjs/core";
|
|
13
13
|
import "../../hooks/use-z-index/index.js";
|
|
14
|
-
import {
|
|
14
|
+
import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
|
|
15
15
|
const L = 300, ze = (t, O, M) => {
|
|
16
16
|
const {
|
|
17
17
|
children: o,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { keysOf as f } from "@vft/utils";
|
|
2
2
|
import "@vueuse/core";
|
|
3
3
|
import { debugWarn as v } from "../../../utils/error.js";
|
|
4
|
-
import {
|
|
4
|
+
import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
|
|
5
5
|
import "lodash-es";
|
|
6
6
|
import "../../form/index.js";
|
|
7
7
|
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";
|
|
|
9
9
|
import "@popperjs/core";
|
|
10
10
|
import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
|
|
11
11
|
import { configProviderContextKey as m } from "../constants.js";
|
|
12
|
-
const a =
|
|
12
|
+
const a = C();
|
|
13
13
|
function d(o, e = void 0) {
|
|
14
14
|
const n = l() ? x(m, a) : a;
|
|
15
15
|
return o ? i(() => n?.value?.[o] ?? e) : n;
|
|
@@ -27,7 +27,7 @@ function B(o) {
|
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
29
|
const S = (o, e, n = !1) => {
|
|
30
|
-
const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ?
|
|
30
|
+
const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
|
|
31
31
|
if (!u) {
|
|
32
32
|
v(
|
|
33
33
|
"provideGlobalConfig",
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { DEFAULT_DIALOG_TRANSITION as P } from "./constants.js";
|
|
2
1
|
import "../config-provider/index.js";
|
|
3
2
|
import { UPDATE_MODEL_EVENT as Y } from "../../constants/event.js";
|
|
4
|
-
import { useTimeoutFn as
|
|
5
|
-
import { isObject as R, isArray as p, isFunction as
|
|
3
|
+
import { useTimeoutFn as P, isClient as H } from "@vueuse/core";
|
|
4
|
+
import { isObject as R, isArray as p, isFunction as M } from "@vft/utils";
|
|
6
5
|
import { addUnit as ee } from "../../utils/helper.js";
|
|
7
6
|
import { getCurrentInstance as ne, ref as r, computed as l, watch as x, nextTick as oe, onMounted as te } from "vue";
|
|
8
7
|
import "lodash-es";
|
|
9
8
|
import "../form/index.js";
|
|
10
|
-
import { useId as
|
|
9
|
+
import { useId as N } from "../../hooks/use-id/index.js";
|
|
11
10
|
import { useLockscreen as le } from "../../hooks/use-lockscreen/index.js";
|
|
12
11
|
import "../../hooks/use-model-toggle/index.js";
|
|
13
12
|
import { defaultNamespace as ie } from "../../hooks/use-namespace/index.js";
|
|
14
13
|
import "@popperjs/core";
|
|
15
14
|
import { useZIndex as ae } from "../../hooks/use-z-index/index.js";
|
|
15
|
+
import { DEFAULT_DIALOG_TRANSITION as k } from "./constants.js";
|
|
16
16
|
import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.js";
|
|
17
17
|
const Te = (e, t) => {
|
|
18
18
|
const i = ne().emit, { nextZIndex: m } = ae();
|
|
19
19
|
let T = "";
|
|
20
|
-
const B =
|
|
20
|
+
const B = N(), S = N(), a = r(!1), v = r(!1), u = r(!1), d = r(e.zIndex ?? m());
|
|
21
21
|
let C, y;
|
|
22
22
|
const O = fe(), U = l(() => O.value?.namespace ?? ie), c = l(() => O.value?.dialog), V = l(() => {
|
|
23
23
|
const n = {}, f = `--${U.value}-dialog`;
|
|
@@ -29,7 +29,7 @@ const Te = (e, t) => {
|
|
|
29
29
|
), G = l(
|
|
30
30
|
() => e.overflow ?? c.value?.overflow ?? !1
|
|
31
31
|
), Z = l(() => F.value ? { display: "flex" } : {}), j = l(() => {
|
|
32
|
-
const n = e.transition ?? c.value?.transition ??
|
|
32
|
+
const n = e.transition ?? c.value?.transition ?? k, f = {
|
|
33
33
|
name: n,
|
|
34
34
|
onAfterEnter: g,
|
|
35
35
|
onBeforeLeave: I,
|
|
@@ -38,10 +38,10 @@ const Te = (e, t) => {
|
|
|
38
38
|
if (R(n)) {
|
|
39
39
|
const o = { ...n }, b = (s, X) => (w) => {
|
|
40
40
|
p(s) ? s.forEach((z) => {
|
|
41
|
-
|
|
42
|
-
}) :
|
|
41
|
+
M(z) && z(w);
|
|
42
|
+
}) : M(s) && s(w), X();
|
|
43
43
|
};
|
|
44
|
-
return o.onAfterEnter = b(o.onAfterEnter, g), o.onBeforeLeave = b(o.onBeforeLeave, I), o.onAfterLeave = b(o.onAfterLeave, A), o.name || (o.name =
|
|
44
|
+
return o.onAfterEnter = b(o.onAfterEnter, g), o.onBeforeLeave = b(o.onBeforeLeave, I), o.onAfterLeave = b(o.onAfterLeave, A), o.name || (o.name = k), o;
|
|
45
45
|
}
|
|
46
46
|
return f;
|
|
47
47
|
});
|
|
@@ -55,10 +55,10 @@ const Te = (e, t) => {
|
|
|
55
55
|
i("close");
|
|
56
56
|
}
|
|
57
57
|
function _() {
|
|
58
|
-
y?.(), C?.(), e.openDelay && e.openDelay > 0 ? { stop: C } =
|
|
58
|
+
y?.(), C?.(), e.openDelay && e.openDelay > 0 ? { stop: C } = P(() => h(), e.openDelay) : h();
|
|
59
59
|
}
|
|
60
60
|
function D() {
|
|
61
|
-
C?.(), y?.(), e.closeDelay && e.closeDelay > 0 ? { stop: y } =
|
|
61
|
+
C?.(), y?.(), e.closeDelay && e.closeDelay > 0 ? { stop: y } = P(() => L(), e.closeDelay) : L();
|
|
62
62
|
}
|
|
63
63
|
function E() {
|
|
64
64
|
function n(f) {
|
|
@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
|
|
|
13
13
|
import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
|
|
14
14
|
import { useAttrs as Ze, useCursor as _e } from "@vft/use";
|
|
15
15
|
import { calcTextareaHeight as he } from "./utils.js";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
16
|
+
import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
|
|
17
|
+
import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
|
|
18
18
|
const ot = ["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({
|
|
19
19
|
__name: "input",
|
|
20
20
|
props: {
|
|
@@ -85,9 +85,9 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
|
|
|
85
85
|
n.is("focus", v.value)
|
|
86
86
|
]), d = Ze({
|
|
87
87
|
excludeKeys: l(() => Object.keys(X.value))
|
|
88
|
-
}), { form: Ce, formItem: F } =
|
|
88
|
+
}), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
|
|
89
89
|
formItemContext: F
|
|
90
|
-
}), ke =
|
|
90
|
+
}), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
|
|
91
91
|
icon: "icon-circle-close",
|
|
92
92
|
size: 16
|
|
93
93
|
})), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
|
|
2
2
|
import { EVENT_CODE as g } from "../../../constants/aria.js";
|
|
3
|
-
import { CHANGE_EVENT as i,
|
|
3
|
+
import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
|
|
4
4
|
import "@vueuse/core";
|
|
5
5
|
import { isUndefined as K } from "@vft/utils";
|
|
6
6
|
import { debugWarn as C } from "../../../utils/error.js";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as V, ref as
|
|
2
|
-
import { VftIcon as
|
|
1
|
+
import { defineComponent as V, ref as m, computed as i, onMounted as H, watch as $, createBlock as w, openBlock as c, Transition as D, unref as o, withCtx as F, withDirectives as P, createElementVNode as j, normalizeStyle as A, normalizeClass as a, createElementBlock as d, createCommentVNode as B, renderSlot as U, createVNode as Z, normalizeProps as G, guardReactiveProps as q, toDisplayString as J, mergeProps as K, withModifiers as Q, vShow as W } from "vue";
|
|
2
|
+
import { VftIcon as k } from "../icon/index.js";
|
|
3
3
|
import { EVENT_CODE as X } from "@vft/constants";
|
|
4
4
|
import { useEventListener as Y } from "@vft/use";
|
|
5
5
|
import { singleAttrToObj as T } from "@vft/utils";
|
|
6
6
|
import { useResizeObserver as _, useTimeoutFn as ee } from "@vueuse/core";
|
|
7
7
|
import "../config-provider/index.js";
|
|
8
|
-
import { getLastOffset as oe, getOffsetOrSpace as
|
|
9
|
-
import { useGlobalComponentSettings as
|
|
10
|
-
const se = ["id"], ie = ["innerHTML"],
|
|
8
|
+
import { getLastOffset as oe, getOffsetOrSpace as ne } from "./instance.js";
|
|
9
|
+
import { useGlobalComponentSettings as te } from "../config-provider/hooks/use-global-config.js";
|
|
10
|
+
const se = ["id"], ie = ["innerHTML"], ve = /* @__PURE__ */ V({
|
|
11
11
|
__name: "message",
|
|
12
12
|
props: {
|
|
13
13
|
customClass: {},
|
|
@@ -15,6 +15,7 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
|
|
|
15
15
|
dangerouslyUseHTMLString: { type: Boolean },
|
|
16
16
|
duration: {},
|
|
17
17
|
icon: {},
|
|
18
|
+
showIcon: { type: Boolean },
|
|
18
19
|
closeIcon: {},
|
|
19
20
|
id: {},
|
|
20
21
|
message: { type: [String, Object, Function] },
|
|
@@ -28,36 +29,38 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
|
|
|
28
29
|
},
|
|
29
30
|
emits: ["destroy"],
|
|
30
31
|
setup(e, { expose: b }) {
|
|
31
|
-
const
|
|
32
|
-
let
|
|
33
|
-
const
|
|
32
|
+
const n = e, { ns: t, zIndex: I } = te("message"), { currentZIndex: M, nextZIndex: S } = I, u = m(), l = m(!1), g = m(0);
|
|
33
|
+
let y;
|
|
34
|
+
const x = /* @__PURE__ */ new Map([
|
|
35
|
+
["primary", { icon: "icon-info-filled" }],
|
|
36
|
+
["info", { icon: "icon-info-filled" }],
|
|
34
37
|
["success", { icon: "icon-success-filled" }],
|
|
35
38
|
["error", { icon: "icon-circle-close-filled" }],
|
|
36
39
|
["warning", { icon: "icon-warning-filled" }]
|
|
37
|
-
]),
|
|
38
|
-
() => T(
|
|
39
|
-
icon:
|
|
40
|
+
]), v = i(
|
|
41
|
+
() => T(n.icon, "icon", {
|
|
42
|
+
icon: x.get(n.type)?.icon
|
|
40
43
|
})
|
|
41
|
-
),
|
|
42
|
-
() => T(
|
|
44
|
+
), L = i(
|
|
45
|
+
() => T(n.icon, "icon", {
|
|
43
46
|
icon: "icon-close"
|
|
44
47
|
})
|
|
45
48
|
), O = i(() => {
|
|
46
|
-
const s =
|
|
47
|
-
return { [
|
|
48
|
-
}), z = i(() => oe(
|
|
49
|
-
() =>
|
|
49
|
+
const s = n.type;
|
|
50
|
+
return { [t.bm("icon", s)]: s };
|
|
51
|
+
}), z = i(() => oe(n.id)), p = i(
|
|
52
|
+
() => ne(n.id, n.offset) + z.value
|
|
50
53
|
), E = i(() => g.value + p.value), N = i(() => ({
|
|
51
54
|
top: `${p.value}px`,
|
|
52
|
-
zIndex:
|
|
55
|
+
zIndex: M.value
|
|
53
56
|
}));
|
|
54
|
-
function
|
|
55
|
-
|
|
57
|
+
function f() {
|
|
58
|
+
n.duration !== 0 && ({ stop: y } = ee(() => {
|
|
56
59
|
r();
|
|
57
|
-
},
|
|
60
|
+
}, n.duration));
|
|
58
61
|
}
|
|
59
62
|
function C() {
|
|
60
|
-
|
|
63
|
+
y?.();
|
|
61
64
|
}
|
|
62
65
|
function r() {
|
|
63
66
|
l.value = !1;
|
|
@@ -66,11 +69,11 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
|
|
|
66
69
|
s === X.esc && r();
|
|
67
70
|
}
|
|
68
71
|
return H(() => {
|
|
69
|
-
|
|
72
|
+
f(), S(), l.value = !0;
|
|
70
73
|
}), $(
|
|
71
|
-
() =>
|
|
74
|
+
() => n.repeatNum,
|
|
72
75
|
() => {
|
|
73
|
-
C(),
|
|
76
|
+
C(), f();
|
|
74
77
|
}
|
|
75
78
|
), Y(document, "keydown", R), _(u, () => {
|
|
76
79
|
g.value = u.value.getBoundingClientRect().height;
|
|
@@ -79,7 +82,7 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
|
|
|
79
82
|
bottom: E,
|
|
80
83
|
close: r
|
|
81
84
|
}), (s, h) => (c(), w(D, {
|
|
82
|
-
name: o(
|
|
85
|
+
name: o(t).b("fade"),
|
|
83
86
|
onBeforeLeave: e.onClose,
|
|
84
87
|
onAfterLeave: h[0] || (h[0] = (ce) => s.$emit("destroy"))
|
|
85
88
|
}, {
|
|
@@ -89,39 +92,39 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
|
|
|
89
92
|
ref_key: "messageRef",
|
|
90
93
|
ref: u,
|
|
91
94
|
class: a([
|
|
92
|
-
o(
|
|
93
|
-
{ [o(
|
|
94
|
-
o(
|
|
95
|
-
o(
|
|
95
|
+
o(t).b(),
|
|
96
|
+
{ [o(t).m(e.type)]: e.type && !e.icon },
|
|
97
|
+
o(t).is("center", e.center),
|
|
98
|
+
o(t).is("closable", e.showClose),
|
|
96
99
|
e.customClass
|
|
97
100
|
]),
|
|
98
101
|
style: A(N.value),
|
|
99
102
|
role: "alert",
|
|
100
103
|
onMouseenter: C,
|
|
101
|
-
onMouseleave:
|
|
104
|
+
onMouseleave: f
|
|
102
105
|
}, [
|
|
103
|
-
|
|
106
|
+
e.showIcon && v.value?.icon ? (c(), d("div", {
|
|
104
107
|
key: 0,
|
|
105
|
-
class: a([o(
|
|
108
|
+
class: a([o(t).e("icon"), O.value])
|
|
106
109
|
}, [
|
|
107
|
-
Z(o(
|
|
108
|
-
], 2)) :
|
|
110
|
+
Z(o(k), G(q(v.value)), null, 16)
|
|
111
|
+
], 2)) : B("", !0),
|
|
109
112
|
U(s.$slots, "default", {}, () => [
|
|
110
113
|
e.dangerouslyUseHTMLString ? (c(), d("p", {
|
|
111
114
|
key: 1,
|
|
112
|
-
class: a(o(
|
|
115
|
+
class: a(o(t).e("content")),
|
|
113
116
|
innerHTML: e.message
|
|
114
117
|
}, null, 10, ie)) : (c(), d("p", {
|
|
115
118
|
key: 0,
|
|
116
|
-
class: a(o(
|
|
119
|
+
class: a(o(t).e("content"))
|
|
117
120
|
}, J(e.message), 3))
|
|
118
121
|
]),
|
|
119
|
-
e.showClose ? (c(), w(o(
|
|
122
|
+
e.showClose ? (c(), w(o(k), K({
|
|
120
123
|
key: 1,
|
|
121
|
-
class: o(
|
|
122
|
-
},
|
|
124
|
+
class: o(t).e("closeBtn")
|
|
125
|
+
}, L.value, {
|
|
123
126
|
onClick: Q(r, ["stop"])
|
|
124
|
-
}), null, 16, ["class"])) :
|
|
127
|
+
}), null, 16, ["class"])) : B("", !0)
|
|
125
128
|
], 46, se), [
|
|
126
129
|
[W, l.value]
|
|
127
130
|
])
|
|
@@ -131,5 +134,5 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
|
|
|
131
134
|
}
|
|
132
135
|
});
|
|
133
136
|
export {
|
|
134
|
-
|
|
137
|
+
ve as default
|
|
135
138
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { AppContext, VNode } from 'vue';
|
|
2
|
-
export declare const messageTypes: readonly ["success", "info", "warning", "error"];
|
|
3
|
-
export type MessageType = 'success' | 'warning' | 'info' | 'error';
|
|
2
|
+
export declare const messageTypes: readonly ["primary", "success", "info", "warning", "error"];
|
|
3
|
+
export type MessageType = 'primary' | 'success' | 'warning' | 'info' | 'error';
|
|
4
4
|
export interface MessageConfigContext {
|
|
5
5
|
/** 可同时显示的消息最大数量 */
|
|
6
6
|
max?: number;
|
|
@@ -14,6 +14,8 @@ export interface MessageConfigContext {
|
|
|
14
14
|
duration?: number;
|
|
15
15
|
/** 默认图标 */
|
|
16
16
|
icon?: string;
|
|
17
|
+
/** 默认是否显示图标 */
|
|
18
|
+
showIcon?: boolean;
|
|
17
19
|
/** 默认是否显示关闭按钮 */
|
|
18
20
|
showClose?: boolean;
|
|
19
21
|
/** 默认消息类型 */
|
|
@@ -33,6 +35,7 @@ export declare const messageDefaults: {
|
|
|
33
35
|
dangerouslyUseHTMLString: boolean;
|
|
34
36
|
duration: number;
|
|
35
37
|
icon: undefined;
|
|
38
|
+
showIcon: boolean;
|
|
36
39
|
id: string;
|
|
37
40
|
message: string;
|
|
38
41
|
onClose: undefined;
|
|
@@ -55,6 +58,8 @@ export interface MessageProps {
|
|
|
55
58
|
duration: number;
|
|
56
59
|
/** 自定义图标,该属性会覆盖 type 的图标 */
|
|
57
60
|
icon?: any;
|
|
61
|
+
/** 是否显示图标 */
|
|
62
|
+
showIcon?: boolean;
|
|
58
63
|
/** 自定义关闭图标 */
|
|
59
64
|
closeIcon?: any;
|
|
60
65
|
/** 消息的唯一标识 */
|
|
@@ -94,6 +99,7 @@ export type MessageFn = {
|
|
|
94
99
|
};
|
|
95
100
|
export type MessageTypedFn = (options?: MessageParamsWithType, appContext?: null | AppContext) => MessageHandler;
|
|
96
101
|
export interface Message extends MessageFn {
|
|
102
|
+
primary: MessageTypedFn;
|
|
97
103
|
success: MessageTypedFn;
|
|
98
104
|
warning: MessageTypedFn;
|
|
99
105
|
info: MessageTypedFn;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { isClient as e } from "@vueuse/core";
|
|
2
|
-
const o = ["success", "info", "warning", "error"], n = {
|
|
2
|
+
const o = ["primary", "success", "info", "warning", "error"], n = {
|
|
3
3
|
customClass: "",
|
|
4
4
|
center: !1,
|
|
5
5
|
dangerouslyUseHTMLString: !1,
|
|
6
6
|
duration: 3e3,
|
|
7
7
|
icon: void 0,
|
|
8
|
+
showIcon: !0,
|
|
8
9
|
id: "",
|
|
9
10
|
message: "",
|
|
10
11
|
onClose: void 0,
|
|
@@ -32,6 +32,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
|
|
|
32
32
|
type: import("vue").PropType<boolean>;
|
|
33
33
|
default: boolean;
|
|
34
34
|
};
|
|
35
|
+
scrollTop: {
|
|
36
|
+
type: import("vue").PropType<boolean>;
|
|
37
|
+
};
|
|
35
38
|
modelValue: {
|
|
36
39
|
type: import("vue").PropType<boolean>;
|
|
37
40
|
default: boolean;
|
|
@@ -138,7 +141,31 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
|
|
|
138
141
|
confirmLoading: {
|
|
139
142
|
type: import("vue").PropType<boolean>;
|
|
140
143
|
};
|
|
141
|
-
}>> & Readonly<{
|
|
144
|
+
}>> & Readonly<{
|
|
145
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
146
|
+
onClose?: ((event?: Event | undefined) => any) | undefined;
|
|
147
|
+
onSubmit?: (() => any) | undefined;
|
|
148
|
+
onOpen?: (() => any) | undefined;
|
|
149
|
+
onOpened?: (() => any) | undefined;
|
|
150
|
+
"onVisible-change"?: ((value: boolean) => any) | undefined;
|
|
151
|
+
onClosed?: (() => any) | undefined;
|
|
152
|
+
onOpenAutoFocus?: (() => any) | undefined;
|
|
153
|
+
onCloseAutoFocus?: (() => any) | undefined;
|
|
154
|
+
onRegister?: ((methods: import("./types").ModalMethods, uid: number) => any) | undefined;
|
|
155
|
+
onOk?: (() => any) | undefined;
|
|
156
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
157
|
+
"visible-change": (value: boolean) => void;
|
|
158
|
+
close: (event?: Event | undefined) => void;
|
|
159
|
+
ok: () => void;
|
|
160
|
+
register: (methods: import("./types").ModalMethods, uid: number) => void;
|
|
161
|
+
"update:modelValue": (value: boolean) => void;
|
|
162
|
+
submit: () => void;
|
|
163
|
+
open: () => void;
|
|
164
|
+
opened: () => void;
|
|
165
|
+
closed: () => void;
|
|
166
|
+
openAutoFocus: () => void;
|
|
167
|
+
closeAutoFocus: () => void;
|
|
168
|
+
}, import("vue").PublicProps, {
|
|
142
169
|
title: string;
|
|
143
170
|
center: boolean;
|
|
144
171
|
fullscreen: boolean;
|
|
@@ -198,6 +225,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
|
|
|
198
225
|
type: import("vue").PropType<boolean>;
|
|
199
226
|
default: boolean;
|
|
200
227
|
};
|
|
228
|
+
scrollTop: {
|
|
229
|
+
type: import("vue").PropType<boolean>;
|
|
230
|
+
};
|
|
201
231
|
modelValue: {
|
|
202
232
|
type: import("vue").PropType<boolean>;
|
|
203
233
|
default: boolean;
|
|
@@ -304,7 +334,19 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
|
|
|
304
334
|
confirmLoading: {
|
|
305
335
|
type: import("vue").PropType<boolean>;
|
|
306
336
|
};
|
|
307
|
-
}>> & Readonly<{
|
|
337
|
+
}>> & Readonly<{
|
|
338
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
339
|
+
onClose?: ((event?: Event | undefined) => any) | undefined;
|
|
340
|
+
onSubmit?: (() => any) | undefined;
|
|
341
|
+
onOpen?: (() => any) | undefined;
|
|
342
|
+
onOpened?: (() => any) | undefined;
|
|
343
|
+
"onVisible-change"?: ((value: boolean) => any) | undefined;
|
|
344
|
+
onClosed?: (() => any) | undefined;
|
|
345
|
+
onOpenAutoFocus?: (() => any) | undefined;
|
|
346
|
+
onCloseAutoFocus?: (() => any) | undefined;
|
|
347
|
+
onRegister?: ((methods: import("./types").ModalMethods, uid: number) => any) | undefined;
|
|
348
|
+
onOk?: (() => any) | undefined;
|
|
349
|
+
}>, {}, {}, {}, {}, {
|
|
308
350
|
title: string;
|
|
309
351
|
center: boolean;
|
|
310
352
|
fullscreen: boolean;
|
|
@@ -361,6 +403,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
|
|
|
361
403
|
type: import("vue").PropType<boolean>;
|
|
362
404
|
default: boolean;
|
|
363
405
|
};
|
|
406
|
+
scrollTop: {
|
|
407
|
+
type: import("vue").PropType<boolean>;
|
|
408
|
+
};
|
|
364
409
|
modelValue: {
|
|
365
410
|
type: import("vue").PropType<boolean>;
|
|
366
411
|
default: boolean;
|
|
@@ -467,7 +512,31 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
|
|
|
467
512
|
confirmLoading: {
|
|
468
513
|
type: import("vue").PropType<boolean>;
|
|
469
514
|
};
|
|
470
|
-
}>> & Readonly<{
|
|
515
|
+
}>> & Readonly<{
|
|
516
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
517
|
+
onClose?: ((event?: Event | undefined) => any) | undefined;
|
|
518
|
+
onSubmit?: (() => any) | undefined;
|
|
519
|
+
onOpen?: (() => any) | undefined;
|
|
520
|
+
onOpened?: (() => any) | undefined;
|
|
521
|
+
"onVisible-change"?: ((value: boolean) => any) | undefined;
|
|
522
|
+
onClosed?: (() => any) | undefined;
|
|
523
|
+
onOpenAutoFocus?: (() => any) | undefined;
|
|
524
|
+
onCloseAutoFocus?: (() => any) | undefined;
|
|
525
|
+
onRegister?: ((methods: import("./types").ModalMethods, uid: number) => any) | undefined;
|
|
526
|
+
onOk?: (() => any) | undefined;
|
|
527
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
528
|
+
"visible-change": (value: boolean) => void;
|
|
529
|
+
close: (event?: Event | undefined) => void;
|
|
530
|
+
ok: () => void;
|
|
531
|
+
register: (methods: import("./types").ModalMethods, uid: number) => void;
|
|
532
|
+
"update:modelValue": (value: boolean) => void;
|
|
533
|
+
submit: () => void;
|
|
534
|
+
open: () => void;
|
|
535
|
+
opened: () => void;
|
|
536
|
+
closed: () => void;
|
|
537
|
+
openAutoFocus: () => void;
|
|
538
|
+
closeAutoFocus: () => void;
|
|
539
|
+
}, string, {
|
|
471
540
|
title: string;
|
|
472
541
|
center: boolean;
|
|
473
542
|
fullscreen: boolean;
|