@indielayer/ui 1.7.5 → 1.8.1
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/README.md +0 -1
- package/docs/components/common/CodePreview.vue +1 -1
- package/docs/components/common/CopyButton.vue +1 -1
- package/docs/components/toolbar/ToolbarColorToggle.vue +4 -4
- package/docs/components/toolbar/ToolbarSearch.vue +1 -1
- package/docs/layouts/default.vue +2 -2
- package/docs/pages/colors.vue +1 -1
- package/docs/pages/component/alert/usage.vue +1 -1
- package/docs/pages/component/breadcrumbs/usage.vue +1 -1
- package/docs/pages/component/button/button-group.vue +1 -1
- package/docs/pages/component/button/variants.vue +1 -1
- package/docs/pages/component/drawer/usage.vue +1 -1
- package/docs/pages/component/form/usage.vue +2 -1
- package/docs/pages/component/formGroup/usage.vue +1 -1
- package/docs/pages/component/modal/composed.vue +12 -3
- package/docs/pages/component/modal/usage.vue +5 -12
- package/docs/pages/component/notifications/usage.vue +9 -9
- package/docs/pages/component/pagination/usage.vue +2 -1
- package/docs/pages/component/progress/variants.vue +8 -8
- package/docs/pages/component/radio/states.vue +6 -6
- package/docs/pages/component/radio/variants.vue +6 -6
- package/docs/pages/component/select/index.vue +5 -5
- package/docs/pages/component/select/{variants.vue → size.vue} +11 -15
- package/docs/pages/component/select/states.vue +11 -15
- package/docs/pages/component/select/usage.vue +19 -22
- package/docs/pages/component/spinner/variants.vue +1 -1
- package/docs/pages/component/table/usage.vue +1 -1
- package/docs/pages/component/tag/usage.vue +10 -18
- package/docs/pages/component/toggle/states.vue +6 -6
- package/docs/pages/component/toggle/variants.vue +6 -6
- package/docs/pages/icons.vue +36 -39
- package/docs/router/index.ts +1 -5
- package/lib/components/checkbox/Checkbox.vue.d.ts +4 -0
- package/lib/components/datepicker/Datepicker.vue.d.ts +4 -0
- package/lib/components/datepicker/Datepicker.vue.js +3 -3
- package/lib/components/drawer/Drawer.vue.js +1 -1
- package/lib/components/formGroup/FormGroup.vue.d.ts +4 -0
- package/lib/components/input/Input.vue.d.ts +7 -0
- package/lib/components/input/Input.vue.js +26 -24
- package/lib/components/menu/MenuItem.vue2.js +1 -1
- package/lib/components/modal/Modal.vue.js +74 -70
- package/lib/components/popover/Popover.vue.js +1 -1
- package/lib/components/radio/Radio.vue.d.ts +4 -0
- package/lib/components/scroll/Scroll.vue2.js +1 -1
- package/lib/components/select/Select.vue.d.ts +24 -1
- package/lib/components/select/Select.vue.js +302 -264
- package/lib/components/select/theme/Select.base.theme.js +3 -1
- package/lib/components/select/theme/Select.carbon.theme.js +3 -1
- package/lib/components/slider/Slider.vue.d.ts +4 -0
- package/lib/components/tab/Tab.vue.js +1 -1
- package/lib/components/tab/TabGroup.vue.js +2 -2
- package/lib/components/textarea/Textarea.vue.d.ts +4 -0
- package/lib/components/textarea/Textarea.vue.js +1 -1
- package/lib/components/toggle/Toggle.vue.d.ts +4 -0
- package/lib/components/tooltip/Tooltip.vue.js +1 -1
- package/lib/composables/useInputtable.d.ts +1 -0
- package/lib/composables/useInputtable.js +31 -30
- package/lib/index.umd.js +4 -4
- package/lib/node_modules/.pnpm/{@vueuse_core@10.2.0_vue@3.3.9 → @vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_}/node_modules/@vueuse/core/index.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/components/input/Input.vue +3 -1
- package/src/components/modal/Modal.vue +11 -2
- package/src/components/select/Select.vue +70 -25
- package/src/components/select/theme/Select.base.theme.ts +5 -1
- package/src/components/select/theme/Select.carbon.theme.ts +5 -1
- package/src/composables/useInputtable.ts +6 -3
- package/src/version.ts +1 -1
- /package/lib/node_modules/.pnpm/{@vuepic_vue-datepicker@8.3.2_vue@3.3.9 → @vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_}/node_modules/@vuepic/vue-datepicker/dist/main.css.js +0 -0
- /package/lib/node_modules/.pnpm/{@vuepic_vue-datepicker@8.3.2_vue@3.3.9 → @vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_}/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js +0 -0
- /package/lib/node_modules/.pnpm/{@vueuse_shared@10.2.0_vue@3.3.9 → @vueuse_shared@10.2.0_vue@3.3.9_typescript@5.2.2_}/node_modules/@vueuse/shared/index.js +0 -0
- /package/lib/node_modules/.pnpm/{floating-vue@5.2.2_vue@3.3.9 → floating-vue@5.2.2_@nuxt_kit@3.10.1_rollup@3.29.4__vue@3.3.9_typescript@5.2.2_}/node_modules/floating-vue/dist/floating-vue.js +0 -0
package/docs/router/index.ts
CHANGED
|
@@ -66,11 +66,7 @@ const router = createRouter({
|
|
|
66
66
|
history: createWebHistory('/'),
|
|
67
67
|
routes,
|
|
68
68
|
scrollBehavior(to, from, savedPosition) {
|
|
69
|
-
|
|
70
|
-
return savedPosition
|
|
71
|
-
} else {
|
|
72
|
-
return { top: 0 }
|
|
73
|
-
}
|
|
69
|
+
document.getElementById('main')?.scrollTo(0, 0)
|
|
74
70
|
},
|
|
75
71
|
})
|
|
76
72
|
|
|
@@ -25,6 +25,7 @@ declare const checkboxProps: {
|
|
|
25
25
|
readonly default: () => never[];
|
|
26
26
|
};
|
|
27
27
|
tooltip: StringConstructor;
|
|
28
|
+
skipFormRegistry: BooleanConstructor;
|
|
28
29
|
disabled: BooleanConstructor;
|
|
29
30
|
loading: BooleanConstructor;
|
|
30
31
|
loadingLabel: StringConstructor;
|
|
@@ -76,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
76
77
|
readonly default: () => never[];
|
|
77
78
|
};
|
|
78
79
|
tooltip: StringConstructor;
|
|
80
|
+
skipFormRegistry: BooleanConstructor;
|
|
79
81
|
disabled: BooleanConstructor;
|
|
80
82
|
loading: BooleanConstructor;
|
|
81
83
|
loadingLabel: StringConstructor;
|
|
@@ -124,6 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
124
126
|
readonly default: () => never[];
|
|
125
127
|
};
|
|
126
128
|
tooltip: StringConstructor;
|
|
129
|
+
skipFormRegistry: BooleanConstructor;
|
|
127
130
|
disabled: BooleanConstructor;
|
|
128
131
|
loading: BooleanConstructor;
|
|
129
132
|
loadingLabel: StringConstructor;
|
|
@@ -156,6 +159,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
156
159
|
validateOnInput: boolean;
|
|
157
160
|
hideFooter: boolean;
|
|
158
161
|
rules: unknown[];
|
|
162
|
+
skipFormRegistry: boolean;
|
|
159
163
|
}, {}>, {
|
|
160
164
|
icon?(_: {}): any;
|
|
161
165
|
default?(_: {}): any;
|
|
@@ -552,6 +552,7 @@ declare const datepickerProps: {
|
|
|
552
552
|
readonly default: () => never[];
|
|
553
553
|
};
|
|
554
554
|
tooltip: StringConstructor;
|
|
555
|
+
skipFormRegistry: BooleanConstructor;
|
|
555
556
|
disabled: BooleanConstructor;
|
|
556
557
|
loading: BooleanConstructor;
|
|
557
558
|
loadingLabel: StringConstructor;
|
|
@@ -1118,6 +1119,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
1118
1119
|
readonly default: () => never[];
|
|
1119
1120
|
};
|
|
1120
1121
|
tooltip: StringConstructor;
|
|
1122
|
+
skipFormRegistry: BooleanConstructor;
|
|
1121
1123
|
disabled: BooleanConstructor;
|
|
1122
1124
|
loading: BooleanConstructor;
|
|
1123
1125
|
loadingLabel: StringConstructor;
|
|
@@ -1683,6 +1685,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
1683
1685
|
readonly default: () => never[];
|
|
1684
1686
|
};
|
|
1685
1687
|
tooltip: StringConstructor;
|
|
1688
|
+
skipFormRegistry: BooleanConstructor;
|
|
1686
1689
|
disabled: BooleanConstructor;
|
|
1687
1690
|
loading: BooleanConstructor;
|
|
1688
1691
|
loadingLabel: StringConstructor;
|
|
@@ -1709,6 +1712,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
1709
1712
|
validateOnInput: boolean;
|
|
1710
1713
|
hideFooter: boolean;
|
|
1711
1714
|
rules: unknown[];
|
|
1715
|
+
skipFormRegistry: boolean;
|
|
1712
1716
|
multiCalendars: import("@vuepic/vue-datepicker").DpOptionEnabled | Partial<{
|
|
1713
1717
|
static: boolean;
|
|
1714
1718
|
solo: boolean;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineComponent as C, ref as i, openBlock as I, createElementBlock as P, normalizeStyle as T, unref as l, normalizeClass as R, createVNode as s, withCtx as d, withKeys as u, withModifiers as j, createSlots as F, renderList as A, renderSlot as z, normalizeProps as L, guardReactiveProps as q } from "vue";
|
|
2
|
-
import { useMutationObserver as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.
|
|
2
|
+
import { useMutationObserver as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
|
|
3
3
|
import { useCommon as V } from "../../composables/useCommon.js";
|
|
4
4
|
import { useInputtable as m } from "../../composables/useInputtable.js";
|
|
5
5
|
import { useInteractive as G } from "../../composables/useInteractive.js";
|
|
6
6
|
import { useTheme as Y } from "../../composables/useTheme.js";
|
|
7
7
|
import W from "../input/Input.vue.js";
|
|
8
|
-
import E from "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.
|
|
9
|
-
import "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.
|
|
8
|
+
import E from "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
|
|
9
|
+
import "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/main.css.js";
|
|
10
10
|
const K = {
|
|
11
11
|
multiCalendars: { type: [Boolean, Number, String, Object], default: void 0 },
|
|
12
12
|
modelValue: { type: [String, Date, Array, Object, Number], default: null },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as X, ref as a, watchEffect as j, watch as K, computed as v, onMounted as M, openBlock as y, createBlock as O, Teleport as q, createVNode as w, Transition as F, withCtx as g, withDirectives as G, createElementVNode as k, normalizeClass as $, unref as n, createElementBlock as H, createCommentVNode as x, normalizeStyle as I, renderSlot as f, vShow as J } from "vue";
|
|
2
|
-
import { useBreakpoints as Q, breakpointsTailwind as U, useEventListener as S, useSwipe as W } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.
|
|
2
|
+
import { useBreakpoints as Q, breakpointsTailwind as U, useEventListener as S, useSwipe as W } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
|
|
3
3
|
import { useTheme as Y } from "../../composables/useTheme.js";
|
|
4
4
|
import Z from "../scroll/Scroll.vue.js";
|
|
5
5
|
const ee = {
|
|
@@ -26,6 +26,7 @@ declare const formGroupProps: {
|
|
|
26
26
|
readonly default: () => never[];
|
|
27
27
|
};
|
|
28
28
|
tooltip: StringConstructor;
|
|
29
|
+
skipFormRegistry: BooleanConstructor;
|
|
29
30
|
disabled: BooleanConstructor;
|
|
30
31
|
loading: BooleanConstructor;
|
|
31
32
|
loadingLabel: StringConstructor;
|
|
@@ -75,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
75
76
|
readonly default: () => never[];
|
|
76
77
|
};
|
|
77
78
|
tooltip: StringConstructor;
|
|
79
|
+
skipFormRegistry: BooleanConstructor;
|
|
78
80
|
disabled: BooleanConstructor;
|
|
79
81
|
loading: BooleanConstructor;
|
|
80
82
|
loadingLabel: StringConstructor;
|
|
@@ -114,6 +116,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
114
116
|
readonly default: () => never[];
|
|
115
117
|
};
|
|
116
118
|
tooltip: StringConstructor;
|
|
119
|
+
skipFormRegistry: BooleanConstructor;
|
|
117
120
|
disabled: BooleanConstructor;
|
|
118
121
|
loading: BooleanConstructor;
|
|
119
122
|
loadingLabel: StringConstructor;
|
|
@@ -133,6 +136,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
133
136
|
validateOnInput: boolean;
|
|
134
137
|
hideFooter: boolean;
|
|
135
138
|
rules: unknown[];
|
|
139
|
+
skipFormRegistry: boolean;
|
|
136
140
|
vertical: boolean;
|
|
137
141
|
}, {}>, {
|
|
138
142
|
default?(_: {}): any;
|
|
@@ -21,6 +21,7 @@ declare const inputProps: {
|
|
|
21
21
|
type: StringConstructor;
|
|
22
22
|
default: string;
|
|
23
23
|
};
|
|
24
|
+
step: (StringConstructor | NumberConstructor)[];
|
|
24
25
|
block: BooleanConstructor;
|
|
25
26
|
modelValue: {
|
|
26
27
|
readonly type: PropType<string | number | boolean | object | any[] | undefined>;
|
|
@@ -43,6 +44,7 @@ declare const inputProps: {
|
|
|
43
44
|
readonly default: () => never[];
|
|
44
45
|
};
|
|
45
46
|
tooltip: StringConstructor;
|
|
47
|
+
skipFormRegistry: BooleanConstructor;
|
|
46
48
|
disabled: BooleanConstructor;
|
|
47
49
|
loading: BooleanConstructor;
|
|
48
50
|
loadingLabel: StringConstructor;
|
|
@@ -88,6 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
88
90
|
type: StringConstructor;
|
|
89
91
|
default: string;
|
|
90
92
|
};
|
|
93
|
+
step: (StringConstructor | NumberConstructor)[];
|
|
91
94
|
block: BooleanConstructor;
|
|
92
95
|
modelValue: {
|
|
93
96
|
readonly type: PropType<string | number | boolean | object | any[] | undefined>;
|
|
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
110
113
|
readonly default: () => never[];
|
|
111
114
|
};
|
|
112
115
|
tooltip: StringConstructor;
|
|
116
|
+
skipFormRegistry: BooleanConstructor;
|
|
113
117
|
disabled: BooleanConstructor;
|
|
114
118
|
loading: BooleanConstructor;
|
|
115
119
|
loadingLabel: StringConstructor;
|
|
@@ -153,6 +157,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
153
157
|
type: StringConstructor;
|
|
154
158
|
default: string;
|
|
155
159
|
};
|
|
160
|
+
step: (StringConstructor | NumberConstructor)[];
|
|
156
161
|
block: BooleanConstructor;
|
|
157
162
|
modelValue: {
|
|
158
163
|
readonly type: PropType<string | number | boolean | object | any[] | undefined>;
|
|
@@ -175,6 +180,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
175
180
|
readonly default: () => never[];
|
|
176
181
|
};
|
|
177
182
|
tooltip: StringConstructor;
|
|
183
|
+
skipFormRegistry: BooleanConstructor;
|
|
178
184
|
disabled: BooleanConstructor;
|
|
179
185
|
loading: BooleanConstructor;
|
|
180
186
|
loadingLabel: StringConstructor;
|
|
@@ -207,6 +213,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
207
213
|
validateOnInput: boolean;
|
|
208
214
|
hideFooter: boolean;
|
|
209
215
|
rules: unknown[];
|
|
216
|
+
skipFormRegistry: boolean;
|
|
210
217
|
showPasswordToggle: boolean;
|
|
211
218
|
dir: "rtl" | "ltr";
|
|
212
219
|
}, {}>, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as j, useAttrs as H, computed as O, ref as
|
|
1
|
+
import { defineComponent as j, useAttrs as H, computed as O, ref as h, watch as W, openBlock as s, createBlock as l, normalizeStyle as X, unref as r, normalizeClass as a, withCtx as D, createElementVNode as y, renderSlot as v, createCommentVNode as u, mergeProps as G, toHandlers as J } from "vue";
|
|
2
2
|
import { useTheme as K } from "../../composables/useTheme.js";
|
|
3
3
|
import { useColors as M } from "../../composables/useColors.js";
|
|
4
4
|
import { useCommon as S } from "../../composables/useCommon.js";
|
|
@@ -8,7 +8,7 @@ import { eyeIcon as Q, eyeVisibleIcon as U } from "../../common/icons.js";
|
|
|
8
8
|
import Y from "../label/Label.vue.js";
|
|
9
9
|
import d from "../icon/Icon.vue.js";
|
|
10
10
|
import Z from "../inputFooter/InputFooter.vue.js";
|
|
11
|
-
const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength", "maxlength", "dir", "name", "placeholder", "readonly", "type", "value"], ee = {
|
|
11
|
+
const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength", "maxlength", "step", "dir", "name", "placeholder", "readonly", "type", "value"], ee = {
|
|
12
12
|
...S.props(),
|
|
13
13
|
...M.props("primary"),
|
|
14
14
|
...w.props(),
|
|
@@ -33,6 +33,7 @@ const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength
|
|
|
33
33
|
type: String,
|
|
34
34
|
default: "text"
|
|
35
35
|
},
|
|
36
|
+
step: [Number, String],
|
|
36
37
|
block: Boolean
|
|
37
38
|
}, re = {
|
|
38
39
|
name: "XInput",
|
|
@@ -44,23 +45,23 @@ const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength
|
|
|
44
45
|
props: ee,
|
|
45
46
|
emits: f.emits(),
|
|
46
47
|
setup(k, { expose: z, emit: N }) {
|
|
47
|
-
const o = k, I = N, c = H(), C = O(() => Object.keys(c).reduce((e, i) => (i.startsWith("data-") && (e[i] = c[i]), e), {})), g =
|
|
48
|
+
const o = k, I = N, c = H(), C = O(() => Object.keys(c).reduce((e, i) => (i.startsWith("data-") && (e[i] = c[i]), e), {})), g = h(null), t = h(o.type);
|
|
48
49
|
W(() => o.type, (e) => {
|
|
49
|
-
|
|
50
|
+
t.value = e;
|
|
50
51
|
});
|
|
51
52
|
function R(e) {
|
|
52
53
|
if (!e.target)
|
|
53
54
|
return;
|
|
54
55
|
const i = e.target;
|
|
55
56
|
if (o.type === "number") {
|
|
56
|
-
const
|
|
57
|
-
typeof o.min < "u" &&
|
|
57
|
+
const p = Number(i.value);
|
|
58
|
+
typeof o.min < "u" && p < Number(o.min) && (i.value = o.min.toString()), typeof o.max < "u" && p > Number(o.max) && (i.value = o.max.toString());
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
function V() {
|
|
61
|
-
|
|
62
|
+
t.value = t.value === "password" ? "text" : "password";
|
|
62
63
|
}
|
|
63
|
-
const { focus:
|
|
64
|
+
const { focus: b, blur: $ } = w(g), {
|
|
64
65
|
errorInternal: m,
|
|
65
66
|
hideFooterInternal: L,
|
|
66
67
|
isInsideForm: P,
|
|
@@ -68,8 +69,8 @@ const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength
|
|
|
68
69
|
reset: T,
|
|
69
70
|
validate: q,
|
|
70
71
|
setError: A
|
|
71
|
-
} = f(o, { focus:
|
|
72
|
-
return z({ focus:
|
|
72
|
+
} = f(o, { focus: b, emit: I }), { styles: E, classes: n, className: F } = K("Input", {}, o, { errorInternal: m });
|
|
73
|
+
return z({ focus: b, blur: $, reset: T, validate: q, setError: A }), (e, i) => (s(), l(Y, {
|
|
73
74
|
style: X(r(E)),
|
|
74
75
|
block: e.block,
|
|
75
76
|
disabled: e.disabled,
|
|
@@ -78,31 +79,31 @@ const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength
|
|
|
78
79
|
label: e.label,
|
|
79
80
|
class: a([
|
|
80
81
|
r(F),
|
|
81
|
-
r(
|
|
82
|
+
r(n).wrapper
|
|
82
83
|
]),
|
|
83
84
|
tooltip: e.tooltip
|
|
84
85
|
}, {
|
|
85
86
|
default: D(() => [
|
|
86
|
-
|
|
87
|
+
y("div", x, [
|
|
87
88
|
v(e.$slots, "prefix", {}, () => [
|
|
88
89
|
e.iconLeft || e.icon ? (s(), l(d, {
|
|
89
90
|
key: 0,
|
|
90
91
|
size: e.size,
|
|
91
92
|
icon: e.iconLeft || e.icon,
|
|
92
|
-
class: a(["ml-2 left-1", r(
|
|
93
|
-
}, null, 8, ["size", "icon", "class"])) :
|
|
93
|
+
class: a(["ml-2 left-1", r(n).icon])
|
|
94
|
+
}, null, 8, ["size", "icon", "class"])) : u("", !0)
|
|
94
95
|
]),
|
|
95
|
-
|
|
96
|
+
y("input", G({
|
|
96
97
|
id: e.id,
|
|
97
98
|
ref_key: "elRef",
|
|
98
99
|
ref: g,
|
|
99
100
|
class: [
|
|
100
|
-
r(
|
|
101
|
+
r(n).input,
|
|
101
102
|
e.type === "password" ? "pr-10" : "",
|
|
102
103
|
// error
|
|
103
104
|
r(m) ? "border-error-500 dark:border-error-400 focus:outline-error-500" : "focus:outline-[color:var(--x-input-border)]",
|
|
104
105
|
{
|
|
105
|
-
"!pl-10": e.iconLeft,
|
|
106
|
+
"!pl-10": e.iconLeft || e.icon,
|
|
106
107
|
"!pr-10": e.iconRight
|
|
107
108
|
}
|
|
108
109
|
],
|
|
@@ -111,11 +112,12 @@ const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength
|
|
|
111
112
|
max: e.max,
|
|
112
113
|
minlength: e.minlength,
|
|
113
114
|
maxlength: e.maxlength,
|
|
115
|
+
step: e.step,
|
|
114
116
|
dir: e.dir,
|
|
115
117
|
name: e.name,
|
|
116
118
|
placeholder: e.placeholder,
|
|
117
119
|
readonly: e.readonly,
|
|
118
|
-
type:
|
|
120
|
+
type: t.value,
|
|
119
121
|
value: typeof e.modelValue < "u" ? e.modelValue : ""
|
|
120
122
|
}, C.value, J(r(B), !0), { onChange: R }), null, 16, _),
|
|
121
123
|
v(e.$slots, "suffix", {}, () => [
|
|
@@ -123,17 +125,17 @@ const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength
|
|
|
123
125
|
key: 0,
|
|
124
126
|
size: e.size,
|
|
125
127
|
icon: e.iconRight,
|
|
126
|
-
class: a(["mr-2 right-1", r(
|
|
128
|
+
class: a(["mr-2 right-1", r(n).icon])
|
|
127
129
|
}, null, 8, ["size", "icon", "class"])) : e.type === "password" && e.showPasswordToggle ? (s(), l(d, {
|
|
128
130
|
key: 1,
|
|
129
131
|
size: e.size,
|
|
130
|
-
icon:
|
|
131
|
-
class: a(["mr-2 right-1 cursor-pointer", r(
|
|
132
|
-
onClick: i[0] || (i[0] = (
|
|
133
|
-
}, null, 8, ["size", "icon", "class"])) :
|
|
132
|
+
icon: t.value === "password" ? r(Q) : r(U),
|
|
133
|
+
class: a(["mr-2 right-1 cursor-pointer", r(n).icon]),
|
|
134
|
+
onClick: i[0] || (i[0] = (p) => V())
|
|
135
|
+
}, null, 8, ["size", "icon", "class"])) : u("", !0)
|
|
134
136
|
])
|
|
135
137
|
]),
|
|
136
|
-
r(L) ?
|
|
138
|
+
r(L) ? u("", !0) : (s(), l(Z, {
|
|
137
139
|
key: 0,
|
|
138
140
|
error: r(m),
|
|
139
141
|
helper: e.helper
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as z, ref as p, computed as d, onMounted as S, watch as k, openBlock as l, createBlock as i, resolveDynamicComponent as x, mergeProps as N, unref as s, withCtx as R, createElementBlock as r, renderSlot as n, createCommentVNode as u, createTextVNode as I, toDisplayString as M, createElementVNode as P, Fragment as w } from "vue";
|
|
2
|
-
import { useMutationObserver as D } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.
|
|
2
|
+
import { useMutationObserver as D } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
|
|
3
3
|
import { useColors as F } from "../../composables/useColors.js";
|
|
4
4
|
import { useCommon as h } from "../../composables/useCommon.js";
|
|
5
5
|
import { useTheme as O } from "../../composables/useTheme.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as X, ref as
|
|
2
|
-
import { onClickOutside as L, useEventListener as
|
|
3
|
-
import { useTheme as
|
|
4
|
-
import { useFocusTrap as
|
|
5
|
-
import { closeIcon as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
const
|
|
1
|
+
import { defineComponent as X, ref as y, watch as S, nextTick as w, useSlots as H, computed as M, openBlock as t, createBlock as v, Teleport as j, createElementBlock as r, normalizeStyle as q, unref as o, normalizeClass as l, createCommentVNode as a, createElementVNode as B, resolveDynamicComponent as K, withCtx as $, renderSlot as i, toDisplayString as k } from "vue";
|
|
2
|
+
import { onClickOutside as L, useEventListener as G } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
|
|
3
|
+
import { useTheme as J } from "../../composables/useTheme.js";
|
|
4
|
+
import { useFocusTrap as Q } from "../../composables/useFocusTrap.js";
|
|
5
|
+
import { closeIcon as U } from "../../common/icons.js";
|
|
6
|
+
import Y from "../button/Button.vue.js";
|
|
7
|
+
import Z from "../scroll/Scroll.vue.js";
|
|
8
|
+
import _ from "../form/Form.vue.js";
|
|
9
|
+
const x = { key: 0 }, ee = ["xs", "sm", "md", "lg", "xl", "full"], oe = ["top", "center", "bottom"], te = {
|
|
10
10
|
size: {
|
|
11
11
|
type: String,
|
|
12
12
|
default: "lg"
|
|
@@ -52,68 +52,72 @@ const _ = { key: 0 }, x = ["xs", "sm", "md", "lg", "xl", "full"], ee = ["top", "
|
|
|
52
52
|
}, le = {
|
|
53
53
|
name: "XModal",
|
|
54
54
|
validators: {
|
|
55
|
-
size:
|
|
56
|
-
position:
|
|
55
|
+
size: ee,
|
|
56
|
+
position: oe
|
|
57
57
|
}
|
|
58
|
-
},
|
|
58
|
+
}, me = /* @__PURE__ */ X({
|
|
59
59
|
...le,
|
|
60
|
-
props:
|
|
60
|
+
props: te,
|
|
61
61
|
emits: ["update:modelValue", "submit"],
|
|
62
|
-
setup(
|
|
63
|
-
const n =
|
|
64
|
-
let
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
62
|
+
setup(V, { expose: C, emit: T }) {
|
|
63
|
+
const n = V, h = T, u = y(n.modelValue), d = y(!1), b = y(null), z = y(null), { initFocusTrap: A, clearFocusTrap: D } = Q();
|
|
64
|
+
let m;
|
|
65
|
+
S(u, (e) => {
|
|
66
|
+
m && (m(), m = void 0), e && setTimeout(() => {
|
|
67
|
+
m = L(b, P, {
|
|
68
68
|
ignore: [".v-popper__popper"]
|
|
69
69
|
});
|
|
70
70
|
});
|
|
71
|
-
}),
|
|
71
|
+
}), S(() => n.modelValue, E, { immediate: !0 });
|
|
72
72
|
async function E() {
|
|
73
73
|
const e = n.modelValue;
|
|
74
|
-
e ? (u.value = e, await
|
|
74
|
+
e ? (u.value = e, await w(), d.value = e, await w(), A(b), document.body.style.overflow = "hidden") : (d.value = e, u.value = e, D(), document.body.style.overflow = "auto");
|
|
75
75
|
}
|
|
76
|
-
typeof window < "u" &&
|
|
77
|
-
|
|
78
|
-
|
|
76
|
+
typeof window < "u" && G(document, "keydown", O);
|
|
77
|
+
const F = (e) => [".v-popper__popper", ".x-datepicker"].some((c) => {
|
|
78
|
+
if (typeof c == "string")
|
|
79
|
+
return Array.from(window.document.querySelectorAll(c)).some((f) => f === e.target || e.composedPath().includes(f));
|
|
80
|
+
});
|
|
81
|
+
function O(e) {
|
|
82
|
+
e.key === "Escape" && !F(e) && u.value && !n.persistent && p();
|
|
79
83
|
}
|
|
80
|
-
function
|
|
81
|
-
n.persistent ||
|
|
84
|
+
function P() {
|
|
85
|
+
n.persistent || p();
|
|
82
86
|
}
|
|
83
|
-
function
|
|
87
|
+
function p() {
|
|
84
88
|
d.value = !1, setTimeout(() => {
|
|
85
|
-
|
|
89
|
+
h("update:modelValue", !1);
|
|
86
90
|
}, 150);
|
|
87
91
|
}
|
|
88
|
-
function
|
|
89
|
-
|
|
92
|
+
function R() {
|
|
93
|
+
h("update:modelValue", !0), d.value = !0;
|
|
90
94
|
}
|
|
91
|
-
const
|
|
95
|
+
const g = H(), I = M(() => !!(g["tertiary-action"] || g["cancel-action"])), { styles: N, classes: s, className: W } = J("Modal", {}, n, {
|
|
92
96
|
visible: d
|
|
93
97
|
});
|
|
94
|
-
return
|
|
95
|
-
u.value ? (
|
|
98
|
+
return C({ open: R, close: p }), (e, c) => (t(), v(j, { to: "body" }, [
|
|
99
|
+
u.value ? (t(), r("div", {
|
|
96
100
|
key: 0,
|
|
97
101
|
ref_key: "modalWrapperRef",
|
|
98
|
-
ref:
|
|
99
|
-
style:
|
|
100
|
-
class:
|
|
101
|
-
o(
|
|
102
|
+
ref: z,
|
|
103
|
+
style: q(o(N)),
|
|
104
|
+
class: l([
|
|
105
|
+
o(W),
|
|
102
106
|
o(s).wrapper,
|
|
103
107
|
d.value ? "visible" : "invisible ease-in duration-100"
|
|
104
108
|
])
|
|
105
109
|
}, [
|
|
106
|
-
e.backdrop ? (
|
|
110
|
+
e.backdrop ? (t(), r("div", {
|
|
107
111
|
key: 0,
|
|
108
|
-
class:
|
|
112
|
+
class: l(o(s).backdrop)
|
|
109
113
|
}, null, 2)) : a("", !0),
|
|
110
|
-
|
|
111
|
-
class:
|
|
114
|
+
B("div", {
|
|
115
|
+
class: l(o(s).modalWrapper)
|
|
112
116
|
}, [
|
|
113
|
-
(
|
|
117
|
+
(t(), v(K(e.isForm ? _ : "div"), {
|
|
114
118
|
ref_key: "modalRef",
|
|
115
|
-
ref:
|
|
116
|
-
class:
|
|
119
|
+
ref: b,
|
|
120
|
+
class: l(["max-h-full", o(s).modal]),
|
|
117
121
|
disabled: e.formDisabled,
|
|
118
122
|
"auto-validate": e.formAutoValidate,
|
|
119
123
|
title: e.formTitle,
|
|
@@ -124,65 +128,65 @@ const _ = { key: 0 }, x = ["xs", "sm", "md", "lg", "xl", "full"], ee = ["top", "
|
|
|
124
128
|
role: "dialog",
|
|
125
129
|
"aria-modal": "true",
|
|
126
130
|
"aria-labelledby": "modal-headline",
|
|
127
|
-
onSubmit:
|
|
131
|
+
onSubmit: c[0] || (c[0] = (f) => e.$emit("submit", f))
|
|
128
132
|
}, {
|
|
129
|
-
default:
|
|
133
|
+
default: $(() => [
|
|
130
134
|
i(e.$slots, "image"),
|
|
131
135
|
i(e.$slots, "header", {}, () => [
|
|
132
|
-
e.hasHeader ? (
|
|
136
|
+
e.hasHeader ? (t(), r("div", {
|
|
133
137
|
key: 0,
|
|
134
|
-
class:
|
|
138
|
+
class: l(o(s).header)
|
|
135
139
|
}, [
|
|
136
140
|
i(e.$slots, "header-content", {}, () => [
|
|
137
|
-
e.label ? (
|
|
141
|
+
e.label ? (t(), r("div", {
|
|
138
142
|
key: 0,
|
|
139
|
-
class:
|
|
140
|
-
},
|
|
141
|
-
e.title ? (
|
|
143
|
+
class: l(o(s).label)
|
|
144
|
+
}, k(e.label), 3)) : a("", !0),
|
|
145
|
+
e.title ? (t(), r("div", {
|
|
142
146
|
key: 1,
|
|
143
|
-
class:
|
|
144
|
-
},
|
|
147
|
+
class: l(o(s).title)
|
|
148
|
+
}, k(e.title), 3)) : a("", !0)
|
|
145
149
|
])
|
|
146
150
|
], 2)) : a("", !0)
|
|
147
151
|
]),
|
|
148
|
-
e.$slots.default ? (
|
|
152
|
+
e.$slots.default ? (t(), v(Z, {
|
|
149
153
|
key: 0,
|
|
150
154
|
scrollbar: !1,
|
|
151
|
-
class:
|
|
155
|
+
class: l({
|
|
152
156
|
"h-full": e.size === "full"
|
|
153
157
|
}),
|
|
154
158
|
vertical: ""
|
|
155
159
|
}, {
|
|
156
|
-
default:
|
|
157
|
-
|
|
158
|
-
class:
|
|
160
|
+
default: $(() => [
|
|
161
|
+
B("div", {
|
|
162
|
+
class: l(o(s).content)
|
|
159
163
|
}, [
|
|
160
|
-
e.description ? (
|
|
164
|
+
e.description ? (t(), r("div", {
|
|
161
165
|
key: 0,
|
|
162
|
-
class:
|
|
163
|
-
},
|
|
166
|
+
class: l(o(s).description)
|
|
167
|
+
}, k(e.description), 3)) : a("", !0),
|
|
164
168
|
i(e.$slots, "default")
|
|
165
169
|
], 2)
|
|
166
170
|
]),
|
|
167
171
|
_: 3
|
|
168
172
|
}, 8, ["class"])) : a("", !0),
|
|
169
|
-
e.showClose ? (
|
|
173
|
+
e.showClose ? (t(), v(Y, {
|
|
170
174
|
key: 1,
|
|
171
175
|
ghost: "",
|
|
172
176
|
size: "sm",
|
|
173
177
|
tabindex: "-1",
|
|
174
|
-
icon: o(
|
|
175
|
-
class:
|
|
176
|
-
onClick:
|
|
178
|
+
icon: o(U),
|
|
179
|
+
class: l(o(s).closeIcon),
|
|
180
|
+
onClick: p
|
|
177
181
|
}, null, 8, ["icon", "class"])) : a("", !0),
|
|
178
182
|
i(e.$slots, "footer", {}, () => [
|
|
179
|
-
e.hasActions ? (
|
|
183
|
+
e.hasActions ? (t(), r("div", {
|
|
180
184
|
key: 0,
|
|
181
|
-
class:
|
|
185
|
+
class: l(o(s).actions)
|
|
182
186
|
}, [
|
|
183
187
|
i(e.$slots, "actions", {}, () => [
|
|
184
188
|
i(e.$slots, "cancel-action"),
|
|
185
|
-
|
|
189
|
+
I.value ? (t(), r("div", x)) : a("", !0),
|
|
186
190
|
i(e.$slots, "tertiary-action"),
|
|
187
191
|
i(e.$slots, "secondary-action"),
|
|
188
192
|
i(e.$slots, "primary-action")
|
|
@@ -198,5 +202,5 @@ const _ = { key: 0 }, x = ["xs", "sm", "md", "lg", "xl", "full"], ee = ["top", "
|
|
|
198
202
|
}
|
|
199
203
|
});
|
|
200
204
|
export {
|
|
201
|
-
|
|
205
|
+
me as default
|
|
202
206
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as b, ref as a, openBlock as v, createBlock as S, unref as r, normalizeStyle as T, normalizeClass as A, withCtx as l, renderSlot as d } from "vue";
|
|
2
2
|
import { useTheme as B } from "../../composables/useTheme.js";
|
|
3
|
-
import { Dropdown as $ } from "../../node_modules/.pnpm/floating-vue@5.2.
|
|
3
|
+
import { Dropdown as $ } from "../../node_modules/.pnpm/floating-vue@5.2.2_@nuxt_kit@3.10.1_rollup@3.29.4__vue@3.3.9_typescript@5.2.2_/node_modules/floating-vue/dist/floating-vue.js";
|
|
4
4
|
const k = {
|
|
5
5
|
placement: ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"]
|
|
6
6
|
}, z = {
|
|
@@ -24,6 +24,7 @@ declare const radioProps: {
|
|
|
24
24
|
readonly default: () => never[];
|
|
25
25
|
};
|
|
26
26
|
tooltip: StringConstructor;
|
|
27
|
+
skipFormRegistry: BooleanConstructor;
|
|
27
28
|
disabled: BooleanConstructor;
|
|
28
29
|
loading: BooleanConstructor;
|
|
29
30
|
loadingLabel: StringConstructor;
|
|
@@ -74,6 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
74
75
|
readonly default: () => never[];
|
|
75
76
|
};
|
|
76
77
|
tooltip: StringConstructor;
|
|
78
|
+
skipFormRegistry: BooleanConstructor;
|
|
77
79
|
disabled: BooleanConstructor;
|
|
78
80
|
loading: BooleanConstructor;
|
|
79
81
|
loadingLabel: StringConstructor;
|
|
@@ -120,6 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
120
122
|
readonly default: () => never[];
|
|
121
123
|
};
|
|
122
124
|
tooltip: StringConstructor;
|
|
125
|
+
skipFormRegistry: BooleanConstructor;
|
|
123
126
|
disabled: BooleanConstructor;
|
|
124
127
|
loading: BooleanConstructor;
|
|
125
128
|
loadingLabel: StringConstructor;
|
|
@@ -151,6 +154,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
151
154
|
validateOnInput: boolean;
|
|
152
155
|
hideFooter: boolean;
|
|
153
156
|
rules: unknown[];
|
|
157
|
+
skipFormRegistry: boolean;
|
|
154
158
|
}, {}>, {
|
|
155
159
|
default?(_: {}): any;
|
|
156
160
|
}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as v, ref as w, toRefs as y, openBlock as $, createElementBlock as z, normalizeClass as r, unref as o, normalizeStyle as E, createElementVNode as S, renderSlot as B } from "vue";
|
|
2
|
-
import { useScroll as b, useResizeObserver as g, useEventListener as k } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.
|
|
2
|
+
import { useScroll as b, useResizeObserver as g, useEventListener as k } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
|
|
3
3
|
import { useTheme as C } from "../../composables/useTheme.js";
|
|
4
4
|
const L = {
|
|
5
5
|
shadow: Boolean,
|