@juit/vue-z 0.0.4 → 0.0.6
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/dist/globals.d.ts +3 -0
- package/dist/index.css +307 -1
- package/dist/index.d.ts +210 -15
- package/dist/index.js +4661 -3418
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
package/dist/globals.d.ts
CHANGED
|
@@ -33,6 +33,7 @@ import type {
|
|
|
33
33
|
ZTable,
|
|
34
34
|
ZTag,
|
|
35
35
|
ZTags,
|
|
36
|
+
ZTelephone,
|
|
36
37
|
ZText,
|
|
37
38
|
} from './index'
|
|
38
39
|
|
|
@@ -119,6 +120,8 @@ declare module 'vue' {
|
|
|
119
120
|
ZString: ComponentConstructor<ZString>,
|
|
120
121
|
/** Tags input */
|
|
121
122
|
ZTags: ComponentConstructor<ZTags>,
|
|
123
|
+
/** Telephone input */
|
|
124
|
+
ZTelephone: ComponentConstructor<ZTelephone>,
|
|
122
125
|
/** A simple text input (normally only used internally) */
|
|
123
126
|
ZText: ComponentConstructor<ZText>,
|
|
124
127
|
|
package/dist/index.css
CHANGED
|
@@ -1 +1,307 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
.z-btn-disabled {
|
|
3
|
+
&[data-v-39c85771] {
|
|
4
|
+
background-color: var(--q-tint);
|
|
5
|
+
color: var(--q-tint); /* Tint over tint (it's a shade) */
|
|
6
|
+
}
|
|
7
|
+
&.z-btn-flat[data-v-39c85771] {
|
|
8
|
+
background-color: transparent;
|
|
9
|
+
color: var(--q-text);
|
|
10
|
+
opacity: 0.25 !important;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
[data-v-39c85771] .q-btn-dropdown__arrow {
|
|
14
|
+
border-left: 1px solid var(--q-shade);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.z-btn-default[data-v-ed360d06] {
|
|
18
|
+
background-color: #80808040;
|
|
19
|
+
color: var(--q-text);
|
|
20
|
+
}
|
|
21
|
+
.z-btn-disabled {
|
|
22
|
+
&[data-v-ed360d06] {
|
|
23
|
+
background-color: var(--q-tint);
|
|
24
|
+
color: var(--q-tint); /* Tint over tint (it's a shade) */
|
|
25
|
+
}
|
|
26
|
+
&.z-btn-flat[data-v-ed360d06] {
|
|
27
|
+
background-color: transparent;
|
|
28
|
+
color: var(--q-text);
|
|
29
|
+
opacity: 0.25 !important;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/* Suffix behind the input */
|
|
34
|
+
.z-suffix {
|
|
35
|
+
&[data-v-659f41b5] {
|
|
36
|
+
user-select: none;
|
|
37
|
+
position: absolute;
|
|
38
|
+
top: 0;
|
|
39
|
+
right: 0;
|
|
40
|
+
bottom: 0;
|
|
41
|
+
left: 0;
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
font-weight: 500
|
|
44
|
+
}
|
|
45
|
+
.z-suffix-hidden[data-v-659f41b5] { color: transparent
|
|
46
|
+
}
|
|
47
|
+
.z-suffix-visible[data-v-659f41b5] { opacity: 0.5
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.q-btn-group {
|
|
52
|
+
.z-control[data-v-aa013767]:not(:first-child) {
|
|
53
|
+
border-left: none;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
/* Hover effect for the close icon */
|
|
59
|
+
.icon-close {
|
|
60
|
+
&[data-v-552a96e0] {
|
|
61
|
+
padding: 3px;
|
|
62
|
+
cursor: pointer;
|
|
63
|
+
margin-right: -3px;
|
|
64
|
+
border-radius: 3px;
|
|
65
|
+
}
|
|
66
|
+
&[data-v-552a96e0]:hover {
|
|
67
|
+
background-color: var(--q-shade-primary);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.autocomplete-match[data-v-d0db92ea] {
|
|
72
|
+
font-weight: 700;
|
|
73
|
+
}
|
|
74
|
+
.autocomplete-miss[data-v-d0db92ea] {
|
|
75
|
+
font-weight: 400;
|
|
76
|
+
}
|
|
77
|
+
.autocomplete-secondary[data-v-d0db92ea] {
|
|
78
|
+
font-size: 0.75em;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.z-minimal-label {
|
|
82
|
+
[data-v-7b2a680d] .q-field__control {
|
|
83
|
+
background-color: transparent !important;
|
|
84
|
+
padding-left: 6px;
|
|
85
|
+
padding-right: 6px;
|
|
86
|
+
&::before {
|
|
87
|
+
border-top: 1px solid transparent !important;
|
|
88
|
+
border-left: 1px solid transparent !important;
|
|
89
|
+
border-right: 1px solid transparent !important;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.q-chip[data-v-b1a4911d] {
|
|
95
|
+
cursor: default;
|
|
96
|
+
user-select: none;
|
|
97
|
+
}
|
|
98
|
+
[data-v-b1a4911d] .q-chip__icon--remove {
|
|
99
|
+
margin-left: 4px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.heading[data-v-972b8099] {
|
|
103
|
+
text-transform: uppercase;
|
|
104
|
+
font-weight: 600;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.json-scroll[data-v-61808671] {
|
|
108
|
+
position: absolute;
|
|
109
|
+
left: 0px;
|
|
110
|
+
right: 0px;
|
|
111
|
+
top: 64px;
|
|
112
|
+
bottom: 0px;
|
|
113
|
+
overflow: scroll;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
/* Let padding be done by a.table-link */
|
|
117
|
+
td.q-td[data-v-c1278c50]:has(a.table-link) {
|
|
118
|
+
padding: 0;
|
|
119
|
+
vertical-align: top;
|
|
120
|
+
}
|
|
121
|
+
td.q-td.shrink[data-v-c1278c50] {
|
|
122
|
+
width: 1px;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/* Turn an "<a href=...>" into a glorified div */
|
|
126
|
+
a.table-link {
|
|
127
|
+
&[data-v-c1278c50] {
|
|
128
|
+
display: block;
|
|
129
|
+
color: inherit;
|
|
130
|
+
text-decoration: none;
|
|
131
|
+
/* fill the cell */
|
|
132
|
+
width: 100%;
|
|
133
|
+
height: 100%;
|
|
134
|
+
|
|
135
|
+
/* center the content vertically */
|
|
136
|
+
}
|
|
137
|
+
> div[data-v-c1278c50] {
|
|
138
|
+
position: relative;
|
|
139
|
+
transform: translateY(-50%);
|
|
140
|
+
top: 50%;
|
|
141
|
+
/* overflow and text trimming of nested DIV */
|
|
142
|
+
overflow: hidden;
|
|
143
|
+
text-overflow: ellipsis;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
/* Remove the top border from the "no-data" bottom slot */
|
|
148
|
+
[data-v-c1278c50] .q-table__bottom--nodata {
|
|
149
|
+
border-top: none;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
/* Colorize loading in the primary color */
|
|
153
|
+
[data-v-c1278c50] .q-linear-progress {
|
|
154
|
+
color: var(--q-primary) !important;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/* Add padding for each cell (basically, cloned the quasar defaults) */
|
|
158
|
+
td.q-td a.table-link[data-v-c1278c50] {
|
|
159
|
+
padding: 7px 16px;
|
|
160
|
+
}
|
|
161
|
+
.q-table--dense td.q-td a.table-link[data-v-c1278c50] {
|
|
162
|
+
padding: 4px 8px;
|
|
163
|
+
}
|
|
164
|
+
.q-table--dense td.q-td:first-child a.table-link[data-v-c1278c50] {
|
|
165
|
+
padding-left: 16px;
|
|
166
|
+
}
|
|
167
|
+
.q-table--dense td.q-td:last-child a.table-link[data-v-c1278c50] {
|
|
168
|
+
padding-right: 16px;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/* Constrain padding for the table top */
|
|
172
|
+
[data-v-c1278c50] .q-table__top {
|
|
173
|
+
padding: 12px 16px;
|
|
174
|
+
}
|
|
175
|
+
.q-table--dense[data-v-c1278c50] .q-table__top {
|
|
176
|
+
padding: 12px 16px;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
/* Default width for search and other inputs */
|
|
180
|
+
.z-table-controls[data-v-c1278c50] .q-input {
|
|
181
|
+
width: 200px;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.z-control {
|
|
185
|
+
padding: 6px 4px;
|
|
186
|
+
border: 1px solid var(--q-shade);
|
|
187
|
+
border-radius: var(--q-border-radius);
|
|
188
|
+
background-color: var(--q-hue) !important;
|
|
189
|
+
transition-property: border-color, background-color, color;
|
|
190
|
+
transition-duration: 0.36s;
|
|
191
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
192
|
+
|
|
193
|
+
.q-focus-helper { display: none } /* Send the focus helper to the pits of hell */
|
|
194
|
+
|
|
195
|
+
&:hover {
|
|
196
|
+
border-color: var(--q-tint);
|
|
197
|
+
background-color: var(--q-shade) !important;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
&.z-control-active {
|
|
201
|
+
color: var(--q-primary) !important;
|
|
202
|
+
background-color: var(--q-shade-primary) !important;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
&.z-btn-disabled {
|
|
206
|
+
color: var(--q-tint) !important; /* Tint over tint (it's a shade) */
|
|
207
|
+
background-color: var(--q-hue) !important; /* Preserve the hue on disabled controls */
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
}
|
|
211
|
+
.z-input {
|
|
212
|
+
|
|
213
|
+
/* ===== QUASAR FIELD STYLING ============================================= */
|
|
214
|
+
|
|
215
|
+
.q-field {
|
|
216
|
+
|
|
217
|
+
/* ----- Basic L&F ------------------------------------------------------ */
|
|
218
|
+
|
|
219
|
+
/* Slighly bolder font */
|
|
220
|
+
.q-field__native,
|
|
221
|
+
.q-field__input {
|
|
222
|
+
font-weight: 500;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
/* Always with a white background, applied here, shaded in ::before */
|
|
226
|
+
.q-field__control {
|
|
227
|
+
background-color: var(--q-page);
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
/* Basic (without our styling)... "Inactive" defaults to this */
|
|
231
|
+
.q-field__control::before {
|
|
232
|
+
transition-property: border-color, background-color;
|
|
233
|
+
border: 1px solid var(--q-border-color); /* also resets dashed border */
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
/* Default icon in "inactive" state */
|
|
237
|
+
&.z-state-inactive .q-field__native,
|
|
238
|
+
&.z-state-inactive .q-field__input {
|
|
239
|
+
cursor: default;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
/* ----- States --------------------------------------------------------- */
|
|
243
|
+
|
|
244
|
+
/* Editable (unhovered) */
|
|
245
|
+
&.z-state-editable .q-field__control::before {
|
|
246
|
+
border: 1px solid var(--q-border-active-color);
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
/* Editable (hovered): "currentColor" is primary, and used when focused */
|
|
250
|
+
&.z-state-editable .q-field__control:hover::before {
|
|
251
|
+
border: 1px solid currentColor;
|
|
252
|
+
background-color: var(--q-hue);
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
/* Editable (focused): thick border applied elsewhere, just add a hue */
|
|
256
|
+
&.z-state-editable.q-field--focused .q-field__control::before {
|
|
257
|
+
background-color: var(--q-hue-primary);
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
/* Disabled: gray it all out */
|
|
261
|
+
&.z-state-disabled .q-field__control::before {
|
|
262
|
+
background-color: var(--q-shade);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
/* ----- Placeholder ---------------------------------------------------- */
|
|
266
|
+
|
|
267
|
+
.q-placeholder::placeholder {
|
|
268
|
+
opacity: 0.5;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
/* ===== INPUT FIELD ICONS ================================================ */
|
|
273
|
+
|
|
274
|
+
/* Style for a link wrapping an icon */
|
|
275
|
+
.z-icon-link {
|
|
276
|
+
margin-left: 0px; /* margins are collapsable, so the -1 below needs reset */
|
|
277
|
+
text-decoration: none; /* no underline */
|
|
278
|
+
display: flex; /* make it flex! */
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.z-icon {
|
|
282
|
+
font-size: 18px; /* same as Quasar's "xs" */
|
|
283
|
+
margin-left: 2px; /* a bit of space between the icons */
|
|
284
|
+
opacity: 0.5; /* a bit of transparency */
|
|
285
|
+
|
|
286
|
+
&.z-icon-error {
|
|
287
|
+
font-variation-settings: 'FILL' 1; /* solid fill */
|
|
288
|
+
color: var(--q-negative); /* negative color */
|
|
289
|
+
opacity: .75; /* a bit less transparent */
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
&.z-icon-clickable {
|
|
293
|
+
cursor: pointer;
|
|
294
|
+
color: var(--q-primary);
|
|
295
|
+
|
|
296
|
+
&:hover {
|
|
297
|
+
z-index: 1; /* Remains hovered over other overlapping clickable icons */
|
|
298
|
+
background-color: var(--q-shade-primary);
|
|
299
|
+
border: 1px solid var(--q-border-color);
|
|
300
|
+
border-radius: calc(var(--q-border-radius) * 0.75);
|
|
301
|
+
margin-right: -3px;
|
|
302
|
+
margin-left: -1px;
|
|
303
|
+
padding: 2px;
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
}
|
|
307
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -687,6 +687,12 @@ type: PropType<string>;
|
|
|
687
687
|
required: false;
|
|
688
688
|
default: string;
|
|
689
689
|
};
|
|
690
|
+
/** The prefix to add to the input */
|
|
691
|
+
prefix: {
|
|
692
|
+
type: PropType<string>;
|
|
693
|
+
required: false;
|
|
694
|
+
default: undefined;
|
|
695
|
+
};
|
|
690
696
|
/** Indicates that the field is required (and errors when empty). */
|
|
691
697
|
required: {
|
|
692
698
|
type: BooleanConstructor;
|
|
@@ -798,6 +804,12 @@ type: PropType<string>;
|
|
|
798
804
|
required: false;
|
|
799
805
|
default: string;
|
|
800
806
|
};
|
|
807
|
+
/** The prefix to add to the input */
|
|
808
|
+
prefix: {
|
|
809
|
+
type: PropType<string>;
|
|
810
|
+
required: false;
|
|
811
|
+
default: undefined;
|
|
812
|
+
};
|
|
801
813
|
/** Indicates that the field is required (and errors when empty). */
|
|
802
814
|
required: {
|
|
803
815
|
type: BooleanConstructor;
|
|
@@ -841,6 +853,7 @@ placeholder: string;
|
|
|
841
853
|
hint: string | undefined;
|
|
842
854
|
debounce: number | undefined;
|
|
843
855
|
suffix: string;
|
|
856
|
+
prefix: string;
|
|
844
857
|
maxLength: number;
|
|
845
858
|
rules: ZValidator<string>[];
|
|
846
859
|
minLength: number;
|
|
@@ -931,6 +944,12 @@ type: PropType<string>;
|
|
|
931
944
|
required: false;
|
|
932
945
|
default: string;
|
|
933
946
|
};
|
|
947
|
+
/** The prefix to add to the input */
|
|
948
|
+
prefix: {
|
|
949
|
+
type: PropType<string>;
|
|
950
|
+
required: false;
|
|
951
|
+
default: undefined;
|
|
952
|
+
};
|
|
934
953
|
/** Keep the value "raw" (as in, do not normalize white spaces) */
|
|
935
954
|
raw: {
|
|
936
955
|
type: BooleanConstructor;
|
|
@@ -1089,6 +1108,12 @@ type: PropType<string>;
|
|
|
1089
1108
|
required: false;
|
|
1090
1109
|
default: string;
|
|
1091
1110
|
};
|
|
1111
|
+
/** The prefix to add to the input */
|
|
1112
|
+
prefix: {
|
|
1113
|
+
type: PropType<string>;
|
|
1114
|
+
required: false;
|
|
1115
|
+
default: undefined;
|
|
1116
|
+
};
|
|
1092
1117
|
/** Keep the value "raw" (as in, do not normalize white spaces) */
|
|
1093
1118
|
raw: {
|
|
1094
1119
|
type: BooleanConstructor;
|
|
@@ -1159,6 +1184,7 @@ hint: string | undefined;
|
|
|
1159
1184
|
nonInteractive: boolean;
|
|
1160
1185
|
debounce: number | undefined;
|
|
1161
1186
|
suffix: string;
|
|
1187
|
+
prefix: string;
|
|
1162
1188
|
raw: boolean;
|
|
1163
1189
|
maxLength: number;
|
|
1164
1190
|
rules: ValidationRule<string>[];
|
|
@@ -2786,8 +2812,8 @@ type: PropType<string | undefined>;
|
|
|
2786
2812
|
required: false;
|
|
2787
2813
|
default: undefined;
|
|
2788
2814
|
};
|
|
2789
|
-
/** The
|
|
2790
|
-
|
|
2815
|
+
/** The suffix to display after the input value */
|
|
2816
|
+
suffix: {
|
|
2791
2817
|
type: PropType<string | undefined>;
|
|
2792
2818
|
required: false;
|
|
2793
2819
|
default: undefined;
|
|
@@ -2858,8 +2884,8 @@ type: PropType<string | undefined>;
|
|
|
2858
2884
|
required: false;
|
|
2859
2885
|
default: undefined;
|
|
2860
2886
|
};
|
|
2861
|
-
/** The
|
|
2862
|
-
|
|
2887
|
+
/** The suffix to display after the input value */
|
|
2888
|
+
suffix: {
|
|
2863
2889
|
type: PropType<string | undefined>;
|
|
2864
2890
|
required: false;
|
|
2865
2891
|
default: undefined;
|
|
@@ -2897,7 +2923,7 @@ bottomSlots: boolean | undefined;
|
|
|
2897
2923
|
readonly: boolean | undefined;
|
|
2898
2924
|
placeholder: string;
|
|
2899
2925
|
hint: string | undefined;
|
|
2900
|
-
|
|
2926
|
+
suffix: string | undefined;
|
|
2901
2927
|
clearable: boolean;
|
|
2902
2928
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2903
2929
|
|
|
@@ -4212,15 +4238,182 @@ declare const _default_3: __VLS_WithSlots_3<typeof __VLS_component_3, __VLS_Slot
|
|
|
4212
4238
|
|
|
4213
4239
|
declare const _default_30: __VLS_WithSlots_14<typeof __VLS_component_14, __VLS_Slots_14>;
|
|
4214
4240
|
|
|
4215
|
-
declare const _default_31:
|
|
4241
|
+
declare const _default_31: DefineComponent<ExtractPropTypes< {
|
|
4242
|
+
readonly: {
|
|
4243
|
+
readonly type: PropType<boolean | undefined>;
|
|
4244
|
+
readonly required: false;
|
|
4245
|
+
readonly default: undefined;
|
|
4246
|
+
};
|
|
4247
|
+
bottomSlots: {
|
|
4248
|
+
readonly type: PropType<boolean | undefined>;
|
|
4249
|
+
readonly required: false;
|
|
4250
|
+
readonly default: undefined;
|
|
4251
|
+
};
|
|
4252
|
+
editable: {
|
|
4253
|
+
readonly type: PropType<boolean | undefined>;
|
|
4254
|
+
readonly required: false;
|
|
4255
|
+
readonly default: undefined;
|
|
4256
|
+
};
|
|
4257
|
+
disabled: {
|
|
4258
|
+
readonly type: PropType<boolean | undefined>;
|
|
4259
|
+
readonly required: false;
|
|
4260
|
+
readonly default: undefined;
|
|
4261
|
+
};
|
|
4262
|
+
lazyRules: {
|
|
4263
|
+
readonly type: PropType<boolean | "ondemand">;
|
|
4264
|
+
readonly required: false;
|
|
4265
|
+
readonly default: undefined;
|
|
4266
|
+
};
|
|
4267
|
+
/** The country the telephone number belongs to */
|
|
4268
|
+
country: {
|
|
4269
|
+
type: PropType<string>;
|
|
4270
|
+
required: false;
|
|
4271
|
+
default: string;
|
|
4272
|
+
};
|
|
4273
|
+
/** The label for this input text */
|
|
4274
|
+
label: {
|
|
4275
|
+
type: StringConstructor;
|
|
4276
|
+
required: true;
|
|
4277
|
+
};
|
|
4278
|
+
/** The placeholder text when no input was entered */
|
|
4279
|
+
placeholder: {
|
|
4280
|
+
type: StringConstructor;
|
|
4281
|
+
required: false;
|
|
4282
|
+
default: string;
|
|
4283
|
+
};
|
|
4284
|
+
/** The hint to display below the input field */
|
|
4285
|
+
hint: {
|
|
4286
|
+
type: PropType<string | undefined>;
|
|
4287
|
+
required: false;
|
|
4288
|
+
default: undefined;
|
|
4289
|
+
};
|
|
4290
|
+
/** The icon to display within the control */
|
|
4291
|
+
icon: {
|
|
4292
|
+
type: PropType<string | undefined>;
|
|
4293
|
+
required: false;
|
|
4294
|
+
default: undefined;
|
|
4295
|
+
};
|
|
4296
|
+
/** Indicates that the field is required (and errors when empty). */
|
|
4297
|
+
required: {
|
|
4298
|
+
type: BooleanConstructor;
|
|
4299
|
+
required: false;
|
|
4300
|
+
default: boolean;
|
|
4301
|
+
};
|
|
4302
|
+
/** The validation rules to apply to this field */
|
|
4303
|
+
rules: {
|
|
4304
|
+
type: PropType<ZValidator<string>[]>;
|
|
4305
|
+
required: false;
|
|
4306
|
+
default: () => never[];
|
|
4307
|
+
};
|
|
4308
|
+
modelValue: {
|
|
4309
|
+
type: PropType<string>;
|
|
4310
|
+
};
|
|
4311
|
+
}>, {
|
|
4312
|
+
/** Focus on this control */
|
|
4313
|
+
focus: () => void | undefined;
|
|
4314
|
+
/** Reset validation for this field */
|
|
4315
|
+
resetValidation: () => void | undefined;
|
|
4316
|
+
/** Force validation of this field */
|
|
4317
|
+
validate: () => boolean | Promise<boolean>;
|
|
4318
|
+
/** If the field has validation errors or not */
|
|
4319
|
+
hasError: ComputedRef<boolean>;
|
|
4320
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4321
|
+
"update:modelValue": (value: string) => any;
|
|
4322
|
+
}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
4323
|
+
readonly: {
|
|
4324
|
+
readonly type: PropType<boolean | undefined>;
|
|
4325
|
+
readonly required: false;
|
|
4326
|
+
readonly default: undefined;
|
|
4327
|
+
};
|
|
4328
|
+
bottomSlots: {
|
|
4329
|
+
readonly type: PropType<boolean | undefined>;
|
|
4330
|
+
readonly required: false;
|
|
4331
|
+
readonly default: undefined;
|
|
4332
|
+
};
|
|
4333
|
+
editable: {
|
|
4334
|
+
readonly type: PropType<boolean | undefined>;
|
|
4335
|
+
readonly required: false;
|
|
4336
|
+
readonly default: undefined;
|
|
4337
|
+
};
|
|
4338
|
+
disabled: {
|
|
4339
|
+
readonly type: PropType<boolean | undefined>;
|
|
4340
|
+
readonly required: false;
|
|
4341
|
+
readonly default: undefined;
|
|
4342
|
+
};
|
|
4343
|
+
lazyRules: {
|
|
4344
|
+
readonly type: PropType<boolean | "ondemand">;
|
|
4345
|
+
readonly required: false;
|
|
4346
|
+
readonly default: undefined;
|
|
4347
|
+
};
|
|
4348
|
+
/** The country the telephone number belongs to */
|
|
4349
|
+
country: {
|
|
4350
|
+
type: PropType<string>;
|
|
4351
|
+
required: false;
|
|
4352
|
+
default: string;
|
|
4353
|
+
};
|
|
4354
|
+
/** The label for this input text */
|
|
4355
|
+
label: {
|
|
4356
|
+
type: StringConstructor;
|
|
4357
|
+
required: true;
|
|
4358
|
+
};
|
|
4359
|
+
/** The placeholder text when no input was entered */
|
|
4360
|
+
placeholder: {
|
|
4361
|
+
type: StringConstructor;
|
|
4362
|
+
required: false;
|
|
4363
|
+
default: string;
|
|
4364
|
+
};
|
|
4365
|
+
/** The hint to display below the input field */
|
|
4366
|
+
hint: {
|
|
4367
|
+
type: PropType<string | undefined>;
|
|
4368
|
+
required: false;
|
|
4369
|
+
default: undefined;
|
|
4370
|
+
};
|
|
4371
|
+
/** The icon to display within the control */
|
|
4372
|
+
icon: {
|
|
4373
|
+
type: PropType<string | undefined>;
|
|
4374
|
+
required: false;
|
|
4375
|
+
default: undefined;
|
|
4376
|
+
};
|
|
4377
|
+
/** Indicates that the field is required (and errors when empty). */
|
|
4378
|
+
required: {
|
|
4379
|
+
type: BooleanConstructor;
|
|
4380
|
+
required: false;
|
|
4381
|
+
default: boolean;
|
|
4382
|
+
};
|
|
4383
|
+
/** The validation rules to apply to this field */
|
|
4384
|
+
rules: {
|
|
4385
|
+
type: PropType<ZValidator<string>[]>;
|
|
4386
|
+
required: false;
|
|
4387
|
+
default: () => never[];
|
|
4388
|
+
};
|
|
4389
|
+
modelValue: {
|
|
4390
|
+
type: PropType<string>;
|
|
4391
|
+
};
|
|
4392
|
+
}>> & Readonly<{
|
|
4393
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
4394
|
+
}>, {
|
|
4395
|
+
icon: string | undefined;
|
|
4396
|
+
required: boolean;
|
|
4397
|
+
editable: boolean | undefined;
|
|
4398
|
+
disabled: boolean | undefined;
|
|
4399
|
+
lazyRules: boolean | "ondemand";
|
|
4400
|
+
bottomSlots: boolean | undefined;
|
|
4401
|
+
readonly: boolean | undefined;
|
|
4402
|
+
placeholder: string;
|
|
4403
|
+
hint: string | undefined;
|
|
4404
|
+
rules: ZValidator<string>[];
|
|
4405
|
+
country: string;
|
|
4406
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4216
4407
|
|
|
4217
|
-
declare const _default_32:
|
|
4408
|
+
declare const _default_32: __VLS_WithSlots_15<typeof __VLS_component_15, __VLS_Slots_15>;
|
|
4218
4409
|
|
|
4219
|
-
declare const _default_33:
|
|
4410
|
+
declare const _default_33: __VLS_WithSlots_16<typeof __VLS_component_16, __VLS_Slots_16>;
|
|
4220
4411
|
|
|
4221
|
-
declare const _default_34:
|
|
4412
|
+
declare const _default_34: __VLS_WithSlots_17<typeof __VLS_component_17, __VLS_Slots_17>;
|
|
4222
4413
|
|
|
4223
|
-
declare const _default_35:
|
|
4414
|
+
declare const _default_35: __VLS_WithSlots_18<typeof __VLS_component_18, __VLS_Slots_18>;
|
|
4415
|
+
|
|
4416
|
+
declare const _default_36: DefineComponent<ExtractPropTypes< {
|
|
4224
4417
|
tag: {
|
|
4225
4418
|
type: StringConstructor;
|
|
4226
4419
|
required: true;
|
|
@@ -5151,7 +5344,7 @@ export declare type ZFormProps = {
|
|
|
5151
5344
|
bottomSlots: boolean;
|
|
5152
5345
|
};
|
|
5153
5346
|
|
|
5154
|
-
export declare type ZHeader = InstanceType<typeof
|
|
5347
|
+
export declare type ZHeader = InstanceType<typeof _default_32>;
|
|
5155
5348
|
|
|
5156
5349
|
export declare type ZInputGroup = InstanceType<typeof _default_15>;
|
|
5157
5350
|
|
|
@@ -5177,9 +5370,9 @@ export declare type ZNullableNumber = InstanceType<typeof _default_23>;
|
|
|
5177
5370
|
|
|
5178
5371
|
export declare type ZNumber = InstanceType<typeof _default_24>;
|
|
5179
5372
|
|
|
5180
|
-
export declare type ZObject = InstanceType<typeof
|
|
5373
|
+
export declare type ZObject = InstanceType<typeof _default_33>;
|
|
5181
5374
|
|
|
5182
|
-
export declare type ZObjectNew = InstanceType<typeof
|
|
5375
|
+
export declare type ZObjectNew = InstanceType<typeof _default_34>;
|
|
5183
5376
|
|
|
5184
5377
|
/** An option from select components */
|
|
5185
5378
|
export declare interface ZOption {
|
|
@@ -5233,7 +5426,7 @@ export declare type ZSelect = InstanceType<typeof _default_27>;
|
|
|
5233
5426
|
|
|
5234
5427
|
export declare type ZString = InstanceType<typeof _default_28>;
|
|
5235
5428
|
|
|
5236
|
-
export declare type ZTable = InstanceType<typeof
|
|
5429
|
+
export declare type ZTable = InstanceType<typeof _default_35>;
|
|
5237
5430
|
|
|
5238
5431
|
/** A single column definition */
|
|
5239
5432
|
export declare interface ZTableColumn<T = any> {
|
|
@@ -5277,10 +5470,12 @@ export declare interface ZTableState {
|
|
|
5277
5470
|
desc: boolean;
|
|
5278
5471
|
}
|
|
5279
5472
|
|
|
5280
|
-
export declare type ZTag = InstanceType<typeof
|
|
5473
|
+
export declare type ZTag = InstanceType<typeof _default_36>;
|
|
5281
5474
|
|
|
5282
5475
|
export declare type ZTags = InstanceType<typeof _default_29>;
|
|
5283
5476
|
|
|
5477
|
+
export declare type ZTelephone = InstanceType<typeof _default_31>;
|
|
5478
|
+
|
|
5284
5479
|
export declare type ZText = InstanceType<typeof _default_30>;
|
|
5285
5480
|
|
|
5286
5481
|
/** A non-async validation rule */
|