x-next 0.0.0-alpha.52 → 0.0.0-alpha.53
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/_hooks/use-cursor.d.ts +2 -0
- package/dist/_hooks/use-form-item.d.ts +16 -0
- package/dist/_utils/get-value-by-path.d.ts +5 -0
- package/dist/_utils/keycode.d.ts +36 -0
- package/dist/_utils/pick.d.ts +1 -0
- package/dist/_utils/responsive-observe.d.ts +24 -0
- package/dist/components/form/Form.vue.d.ts +313 -0
- package/dist/components/form/FormItem.vue.d.ts +2218 -0
- package/dist/components/form/context.d.ts +49 -0
- package/dist/components/form/form-item-label.vue.d.ts +1435 -0
- package/dist/components/form/form-item-message.vue.d.ts +24 -0
- package/dist/components/form/index.d.ts +4189 -0
- package/dist/components/form/interface.d.ts +185 -0
- package/dist/components/form/utils.d.ts +9 -0
- package/dist/components/form/validateMessages.d.ts +46 -0
- package/dist/components/grid/Col.vue.d.ts +188 -0
- package/dist/components/grid/Grid.vue.d.ts +108 -0
- package/dist/components/grid/GridItem.vue.d.ts +78 -0
- package/dist/components/grid/Row.vue.d.ts +102 -0
- package/dist/components/grid/context.d.ts +19 -0
- package/dist/components/grid/hook/use-responsive-state.d.ts +3 -0
- package/dist/components/grid/hook/use-responsive-value.d.ts +24 -0
- package/dist/components/grid/index.d.ts +562 -0
- package/dist/components/grid/interface.d.ts +80 -0
- package/dist/components/grid/utils/index.d.ts +11 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/input/Input.d.ts +233 -161
- package/dist/components/input/InputGroup.vue.d.ts +9 -0
- package/dist/components/input/InputPassword.vue.d.ts +337 -0
- package/dist/components/input/InputSearch.d.ts +123 -0
- package/dist/components/input/index.d.ts +927 -270
- package/dist/icons/_self/eye-invisible.d.ts +50 -0
- package/dist/icons/_self/eye.d.ts +50 -0
- package/dist/icons/_self/question-message.d.ts +50 -0
- package/dist/icons/_self/search.d.ts +50 -0
- package/dist/index.es.js +6225 -3507
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types.d.ts +10 -0
- package/package.json +4 -2
- package/volar.d.ts +10 -0
- package/dist/components/form/constants.d.ts +0 -4
- package/dist/components/form/form-item.d.ts +0 -31
- package/dist/components/form/form.d.ts +0 -39
- package/dist/components/form/hooks.d.ts +0 -4
- package/dist/components/form/types.d.ts +0 -31
- package/dist/components/input/props.d.ts +0 -95
- package/dist/components/input/utils.d.ts +0 -6
@@ -0,0 +1,337 @@
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
2
|
+
/**
|
3
|
+
* @zh 是否可见,受控属性
|
4
|
+
* @en Whether is visible
|
5
|
+
* @vModel
|
6
|
+
*/
|
7
|
+
visibility: {
|
8
|
+
type: BooleanConstructor;
|
9
|
+
default: undefined;
|
10
|
+
};
|
11
|
+
/**
|
12
|
+
* @zh 默认是否可见,非受控
|
13
|
+
* @en Default visibility
|
14
|
+
*/
|
15
|
+
defaultVisibility: {
|
16
|
+
type: BooleanConstructor;
|
17
|
+
default: boolean;
|
18
|
+
};
|
19
|
+
/**
|
20
|
+
* @zh 是否显示可见按钮
|
21
|
+
* @en Whether to show visible buttons
|
22
|
+
*/
|
23
|
+
invisibleButton: {
|
24
|
+
type: BooleanConstructor;
|
25
|
+
default: boolean;
|
26
|
+
};
|
27
|
+
}>, {
|
28
|
+
inputRef: import('vue').Ref<any, any>;
|
29
|
+
mergedVisible: import('vue').ComputedRef<boolean>;
|
30
|
+
handleInvisible: () => void;
|
31
|
+
}, {}, {}, {
|
32
|
+
focus(): void;
|
33
|
+
blur(): void;
|
34
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("visibility-change" | "update:visibility")[], "visibility-change" | "update:visibility", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
35
|
+
/**
|
36
|
+
* @zh 是否可见,受控属性
|
37
|
+
* @en Whether is visible
|
38
|
+
* @vModel
|
39
|
+
*/
|
40
|
+
visibility: {
|
41
|
+
type: BooleanConstructor;
|
42
|
+
default: undefined;
|
43
|
+
};
|
44
|
+
/**
|
45
|
+
* @zh 默认是否可见,非受控
|
46
|
+
* @en Default visibility
|
47
|
+
*/
|
48
|
+
defaultVisibility: {
|
49
|
+
type: BooleanConstructor;
|
50
|
+
default: boolean;
|
51
|
+
};
|
52
|
+
/**
|
53
|
+
* @zh 是否显示可见按钮
|
54
|
+
* @en Whether to show visible buttons
|
55
|
+
*/
|
56
|
+
invisibleButton: {
|
57
|
+
type: BooleanConstructor;
|
58
|
+
default: boolean;
|
59
|
+
};
|
60
|
+
}>> & Readonly<{
|
61
|
+
"onVisibility-change"?: ((...args: any[]) => any) | undefined;
|
62
|
+
"onUpdate:visibility"?: ((...args: any[]) => any) | undefined;
|
63
|
+
}>, {
|
64
|
+
visibility: boolean;
|
65
|
+
defaultVisibility: boolean;
|
66
|
+
invisibleButton: boolean;
|
67
|
+
}, {}, {
|
68
|
+
IconEye: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
69
|
+
size: {
|
70
|
+
type: (NumberConstructor | StringConstructor)[];
|
71
|
+
default: undefined;
|
72
|
+
};
|
73
|
+
rotate: {
|
74
|
+
type: NumberConstructor;
|
75
|
+
default: undefined;
|
76
|
+
};
|
77
|
+
spin: {
|
78
|
+
type: BooleanConstructor;
|
79
|
+
default: boolean;
|
80
|
+
};
|
81
|
+
color: {
|
82
|
+
type: StringConstructor;
|
83
|
+
default: undefined;
|
84
|
+
};
|
85
|
+
fillColor: {
|
86
|
+
type: ArrayConstructor;
|
87
|
+
default: undefined;
|
88
|
+
};
|
89
|
+
}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
90
|
+
size: {
|
91
|
+
type: (NumberConstructor | StringConstructor)[];
|
92
|
+
default: undefined;
|
93
|
+
};
|
94
|
+
rotate: {
|
95
|
+
type: NumberConstructor;
|
96
|
+
default: undefined;
|
97
|
+
};
|
98
|
+
spin: {
|
99
|
+
type: BooleanConstructor;
|
100
|
+
default: boolean;
|
101
|
+
};
|
102
|
+
color: {
|
103
|
+
type: StringConstructor;
|
104
|
+
default: undefined;
|
105
|
+
};
|
106
|
+
fillColor: {
|
107
|
+
type: ArrayConstructor;
|
108
|
+
default: undefined;
|
109
|
+
};
|
110
|
+
}>> & Readonly<{}>, {
|
111
|
+
size: string | number;
|
112
|
+
rotate: number;
|
113
|
+
spin: boolean;
|
114
|
+
color: string;
|
115
|
+
fillColor: unknown[];
|
116
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
117
|
+
IconEyeInvisible: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
118
|
+
size: {
|
119
|
+
type: (NumberConstructor | StringConstructor)[];
|
120
|
+
default: undefined;
|
121
|
+
};
|
122
|
+
rotate: {
|
123
|
+
type: NumberConstructor;
|
124
|
+
default: undefined;
|
125
|
+
};
|
126
|
+
spin: {
|
127
|
+
type: BooleanConstructor;
|
128
|
+
default: boolean;
|
129
|
+
};
|
130
|
+
color: {
|
131
|
+
type: StringConstructor;
|
132
|
+
default: undefined;
|
133
|
+
};
|
134
|
+
fillColor: {
|
135
|
+
type: ArrayConstructor;
|
136
|
+
default: undefined;
|
137
|
+
};
|
138
|
+
}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
139
|
+
size: {
|
140
|
+
type: (NumberConstructor | StringConstructor)[];
|
141
|
+
default: undefined;
|
142
|
+
};
|
143
|
+
rotate: {
|
144
|
+
type: NumberConstructor;
|
145
|
+
default: undefined;
|
146
|
+
};
|
147
|
+
spin: {
|
148
|
+
type: BooleanConstructor;
|
149
|
+
default: boolean;
|
150
|
+
};
|
151
|
+
color: {
|
152
|
+
type: StringConstructor;
|
153
|
+
default: undefined;
|
154
|
+
};
|
155
|
+
fillColor: {
|
156
|
+
type: ArrayConstructor;
|
157
|
+
default: undefined;
|
158
|
+
};
|
159
|
+
}>> & Readonly<{}>, {
|
160
|
+
size: string | number;
|
161
|
+
rotate: number;
|
162
|
+
spin: boolean;
|
163
|
+
color: string;
|
164
|
+
fillColor: unknown[];
|
165
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
166
|
+
IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
167
|
+
prefix: {
|
168
|
+
type: StringConstructor;
|
169
|
+
};
|
170
|
+
size: {
|
171
|
+
type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
|
172
|
+
default: string;
|
173
|
+
};
|
174
|
+
disabled: {
|
175
|
+
type: BooleanConstructor;
|
176
|
+
default: boolean;
|
177
|
+
};
|
178
|
+
}>, {
|
179
|
+
className: {
|
180
|
+
block: string;
|
181
|
+
element: (className: string) => string;
|
182
|
+
modifier: (className: string) => string;
|
183
|
+
is: (className: string) => string;
|
184
|
+
};
|
185
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
186
|
+
prefix: {
|
187
|
+
type: StringConstructor;
|
188
|
+
};
|
189
|
+
size: {
|
190
|
+
type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
|
191
|
+
default: string;
|
192
|
+
};
|
193
|
+
disabled: {
|
194
|
+
type: BooleanConstructor;
|
195
|
+
default: boolean;
|
196
|
+
};
|
197
|
+
}>> & Readonly<{}>, {
|
198
|
+
size: "mini" | "small" | "medium" | "large" | "huge";
|
199
|
+
disabled: boolean;
|
200
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
201
|
+
XInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
202
|
+
modelValue: StringConstructor;
|
203
|
+
defaultValue: {
|
204
|
+
type: StringConstructor;
|
205
|
+
default: string;
|
206
|
+
};
|
207
|
+
size: {
|
208
|
+
type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
|
209
|
+
};
|
210
|
+
allowClear: {
|
211
|
+
type: BooleanConstructor;
|
212
|
+
default: boolean;
|
213
|
+
};
|
214
|
+
disabled: {
|
215
|
+
type: BooleanConstructor;
|
216
|
+
default: boolean;
|
217
|
+
};
|
218
|
+
readonly: {
|
219
|
+
type: BooleanConstructor;
|
220
|
+
default: boolean;
|
221
|
+
};
|
222
|
+
error: {
|
223
|
+
type: BooleanConstructor;
|
224
|
+
default: boolean;
|
225
|
+
};
|
226
|
+
placeholder: StringConstructor;
|
227
|
+
maxLength: {
|
228
|
+
type: import('vue').PropType<number | {
|
229
|
+
length: number;
|
230
|
+
errorOnly?: boolean;
|
231
|
+
}>;
|
232
|
+
default: number;
|
233
|
+
};
|
234
|
+
showWordLimit: {
|
235
|
+
type: BooleanConstructor;
|
236
|
+
default: boolean;
|
237
|
+
};
|
238
|
+
wordLength: {
|
239
|
+
type: import('vue').PropType<(value: string) => number>;
|
240
|
+
};
|
241
|
+
wordSlice: {
|
242
|
+
type: import('vue').PropType<(value: string, maxLength: number) => string>;
|
243
|
+
};
|
244
|
+
inputAttrs: {
|
245
|
+
type: ObjectConstructor;
|
246
|
+
};
|
247
|
+
type: {
|
248
|
+
type: import('vue').PropType<"text" | "password">;
|
249
|
+
default: string;
|
250
|
+
};
|
251
|
+
}>, {
|
252
|
+
inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
|
253
|
+
render: () => any;
|
254
|
+
}, {}, {}, {
|
255
|
+
focus(): void;
|
256
|
+
blur(): void;
|
257
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
258
|
+
'update:modelValue': (value: string) => true;
|
259
|
+
input: (value: string, ev: Event) => true;
|
260
|
+
change: (value: string, ev: Event) => true;
|
261
|
+
pressEnter: (ev: KeyboardEvent) => true;
|
262
|
+
clear: (ev: MouseEvent) => true;
|
263
|
+
focus: (ev: FocusEvent) => true;
|
264
|
+
blur: (ev: FocusEvent) => true;
|
265
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
266
|
+
modelValue: StringConstructor;
|
267
|
+
defaultValue: {
|
268
|
+
type: StringConstructor;
|
269
|
+
default: string;
|
270
|
+
};
|
271
|
+
size: {
|
272
|
+
type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
|
273
|
+
};
|
274
|
+
allowClear: {
|
275
|
+
type: BooleanConstructor;
|
276
|
+
default: boolean;
|
277
|
+
};
|
278
|
+
disabled: {
|
279
|
+
type: BooleanConstructor;
|
280
|
+
default: boolean;
|
281
|
+
};
|
282
|
+
readonly: {
|
283
|
+
type: BooleanConstructor;
|
284
|
+
default: boolean;
|
285
|
+
};
|
286
|
+
error: {
|
287
|
+
type: BooleanConstructor;
|
288
|
+
default: boolean;
|
289
|
+
};
|
290
|
+
placeholder: StringConstructor;
|
291
|
+
maxLength: {
|
292
|
+
type: import('vue').PropType<number | {
|
293
|
+
length: number;
|
294
|
+
errorOnly?: boolean;
|
295
|
+
}>;
|
296
|
+
default: number;
|
297
|
+
};
|
298
|
+
showWordLimit: {
|
299
|
+
type: BooleanConstructor;
|
300
|
+
default: boolean;
|
301
|
+
};
|
302
|
+
wordLength: {
|
303
|
+
type: import('vue').PropType<(value: string) => number>;
|
304
|
+
};
|
305
|
+
wordSlice: {
|
306
|
+
type: import('vue').PropType<(value: string, maxLength: number) => string>;
|
307
|
+
};
|
308
|
+
inputAttrs: {
|
309
|
+
type: ObjectConstructor;
|
310
|
+
};
|
311
|
+
type: {
|
312
|
+
type: import('vue').PropType<"text" | "password">;
|
313
|
+
default: string;
|
314
|
+
};
|
315
|
+
}>> & Readonly<{
|
316
|
+
onInput?: ((value: string, ev: Event) => any) | undefined;
|
317
|
+
onClear?: ((ev: MouseEvent) => any) | undefined;
|
318
|
+
onFocus?: ((ev: FocusEvent) => any) | undefined;
|
319
|
+
onBlur?: ((ev: FocusEvent) => any) | undefined;
|
320
|
+
onChange?: ((value: string, ev: Event) => any) | undefined;
|
321
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
322
|
+
onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
|
323
|
+
}>, {
|
324
|
+
type: "text" | "password";
|
325
|
+
disabled: boolean;
|
326
|
+
error: boolean;
|
327
|
+
readonly: boolean;
|
328
|
+
defaultValue: string;
|
329
|
+
maxLength: number | {
|
330
|
+
length: number;
|
331
|
+
errorOnly?: boolean;
|
332
|
+
};
|
333
|
+
allowClear: boolean;
|
334
|
+
showWordLimit: boolean;
|
335
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
336
|
+
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
337
|
+
export default _default;
|
@@ -0,0 +1,123 @@
|
|
1
|
+
import { PropType } from 'vue';
|
2
|
+
import { ButtonProps } from '../button';
|
3
|
+
import { Size } from '../../_utils/constant';
|
4
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
5
|
+
/**
|
6
|
+
* @zh 是否为后置按钮模式
|
7
|
+
* @en Whether it is the rear button mode
|
8
|
+
*/
|
9
|
+
searchButton: {
|
10
|
+
type: BooleanConstructor;
|
11
|
+
default: boolean;
|
12
|
+
};
|
13
|
+
/**
|
14
|
+
* @zh 是否为加载中状态
|
15
|
+
* @en Whether it is loading state
|
16
|
+
*/
|
17
|
+
loading: {
|
18
|
+
type: BooleanConstructor;
|
19
|
+
default: boolean;
|
20
|
+
};
|
21
|
+
/**
|
22
|
+
* @zh 是否禁用
|
23
|
+
* @en Whether to disable
|
24
|
+
*/
|
25
|
+
disabled: {
|
26
|
+
type: BooleanConstructor;
|
27
|
+
default: boolean;
|
28
|
+
};
|
29
|
+
/**
|
30
|
+
* @zh 输入框大小
|
31
|
+
* @en Input size
|
32
|
+
* @values 'mini','small','medium','large'
|
33
|
+
* @defaultValue 'medium'
|
34
|
+
*/
|
35
|
+
size: {
|
36
|
+
type: PropType<Size>;
|
37
|
+
};
|
38
|
+
/**
|
39
|
+
* @zh 搜索按钮的文字,使用后会替换原本的图标
|
40
|
+
* @en The text of the search button will replace the original icon after use
|
41
|
+
* @version 2.16.0
|
42
|
+
*/
|
43
|
+
buttonText: {
|
44
|
+
type: StringConstructor;
|
45
|
+
};
|
46
|
+
/**
|
47
|
+
* @zh 搜索按钮的属性
|
48
|
+
* @en Button props
|
49
|
+
*/
|
50
|
+
buttonProps: {
|
51
|
+
type: PropType<ButtonProps>;
|
52
|
+
};
|
53
|
+
}>, {
|
54
|
+
inputRef: import('vue').Ref<any, any>;
|
55
|
+
render: () => any;
|
56
|
+
}, {}, {}, {
|
57
|
+
focus(): void;
|
58
|
+
blur(): void;
|
59
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
60
|
+
/**
|
61
|
+
* @zh 单击搜索按钮时触发
|
62
|
+
* @en Triggered when the search button is clicked
|
63
|
+
* @param {string} value
|
64
|
+
* @param {MouseEvent} ev
|
65
|
+
*/
|
66
|
+
search: (value: string, ev: MouseEvent) => true;
|
67
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
68
|
+
/**
|
69
|
+
* @zh 是否为后置按钮模式
|
70
|
+
* @en Whether it is the rear button mode
|
71
|
+
*/
|
72
|
+
searchButton: {
|
73
|
+
type: BooleanConstructor;
|
74
|
+
default: boolean;
|
75
|
+
};
|
76
|
+
/**
|
77
|
+
* @zh 是否为加载中状态
|
78
|
+
* @en Whether it is loading state
|
79
|
+
*/
|
80
|
+
loading: {
|
81
|
+
type: BooleanConstructor;
|
82
|
+
default: boolean;
|
83
|
+
};
|
84
|
+
/**
|
85
|
+
* @zh 是否禁用
|
86
|
+
* @en Whether to disable
|
87
|
+
*/
|
88
|
+
disabled: {
|
89
|
+
type: BooleanConstructor;
|
90
|
+
default: boolean;
|
91
|
+
};
|
92
|
+
/**
|
93
|
+
* @zh 输入框大小
|
94
|
+
* @en Input size
|
95
|
+
* @values 'mini','small','medium','large'
|
96
|
+
* @defaultValue 'medium'
|
97
|
+
*/
|
98
|
+
size: {
|
99
|
+
type: PropType<Size>;
|
100
|
+
};
|
101
|
+
/**
|
102
|
+
* @zh 搜索按钮的文字,使用后会替换原本的图标
|
103
|
+
* @en The text of the search button will replace the original icon after use
|
104
|
+
* @version 2.16.0
|
105
|
+
*/
|
106
|
+
buttonText: {
|
107
|
+
type: StringConstructor;
|
108
|
+
};
|
109
|
+
/**
|
110
|
+
* @zh 搜索按钮的属性
|
111
|
+
* @en Button props
|
112
|
+
*/
|
113
|
+
buttonProps: {
|
114
|
+
type: PropType<ButtonProps>;
|
115
|
+
};
|
116
|
+
}>> & Readonly<{
|
117
|
+
onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
|
118
|
+
}>, {
|
119
|
+
disabled: boolean;
|
120
|
+
loading: boolean;
|
121
|
+
searchButton: boolean;
|
122
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
123
|
+
export default _default;
|