@vtj/ui 0.11.15 → 0.12.0-alpha.0
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/index.mjs +24 -22
- package/dist/index.umd.js +3 -3
- package/package.json +5 -5
- package/types/components/dialog-form/DialogForm.d.ts +8 -8
- package/types/components/form/Form.d.ts +1 -1
- package/types/components/grid/renderers/components/PickerEdit.d.ts +94 -73
- package/types/components/picker/Picker.d.ts +94 -73
- package/types/components/query-form/QueryForm.d.ts +16 -16
- package/types/version.d.ts +2 -2
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vtj/ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.12.0-alpha.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"低代码引擎",
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"node": ">=16.0.0"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@vueuse/core": "~13.
|
|
27
|
+
"@vueuse/core": "~13.1.0",
|
|
28
28
|
"element-plus": "~2.9.1",
|
|
29
29
|
"sortablejs": "~1.15.6",
|
|
30
30
|
"vxe-table": "~4.6.17",
|
|
31
31
|
"vxe-table-plugin-menus": "~4.0.3",
|
|
32
|
-
"@vtj/
|
|
33
|
-
"@vtj/
|
|
32
|
+
"@vtj/utils": "~0.12.0-alpha.0",
|
|
33
|
+
"@vtj/icons": "~0.12.0-alpha.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@types/qrcode": "^1.5.5",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"qrcode": "~1.5.3",
|
|
39
39
|
"vue": "~3.5.5",
|
|
40
40
|
"vue-router": "~4.5.0",
|
|
41
|
-
"@vtj/cli": "~0.
|
|
41
|
+
"@vtj/cli": "~0.12.0-alpha.0"
|
|
42
42
|
},
|
|
43
43
|
"files": [
|
|
44
44
|
"dist",
|
|
@@ -1176,7 +1176,7 @@ declare function __VLS_template(): {
|
|
|
1176
1176
|
$props: Partial<{
|
|
1177
1177
|
footer: boolean;
|
|
1178
1178
|
inline: boolean;
|
|
1179
|
-
footerAlign: "
|
|
1179
|
+
footerAlign: "left" | "right" | "center";
|
|
1180
1180
|
tooltipMessage: boolean | Partial< ElTooltipProps>;
|
|
1181
1181
|
model: Record<string, any>;
|
|
1182
1182
|
submitText: string | null;
|
|
@@ -1186,7 +1186,7 @@ declare function __VLS_template(): {
|
|
|
1186
1186
|
}> & Omit<{
|
|
1187
1187
|
readonly footer: boolean;
|
|
1188
1188
|
readonly inline: boolean;
|
|
1189
|
-
readonly footerAlign: "
|
|
1189
|
+
readonly footerAlign: "left" | "right" | "center";
|
|
1190
1190
|
readonly submitText: string | null;
|
|
1191
1191
|
readonly resetText: string | null;
|
|
1192
1192
|
readonly enterSubmit: boolean;
|
|
@@ -1458,7 +1458,7 @@ declare function __VLS_template(): {
|
|
|
1458
1458
|
}, string, {
|
|
1459
1459
|
footer: boolean;
|
|
1460
1460
|
inline: boolean;
|
|
1461
|
-
footerAlign: "
|
|
1461
|
+
footerAlign: "left" | "right" | "center";
|
|
1462
1462
|
tooltipMessage: boolean | Partial< ElTooltipProps>;
|
|
1463
1463
|
model: Record<string, any>;
|
|
1464
1464
|
submitText: string | null;
|
|
@@ -1488,7 +1488,7 @@ declare function __VLS_template(): {
|
|
|
1488
1488
|
} & Readonly<{
|
|
1489
1489
|
footer: boolean;
|
|
1490
1490
|
inline: boolean;
|
|
1491
|
-
footerAlign: "
|
|
1491
|
+
footerAlign: "left" | "right" | "center";
|
|
1492
1492
|
tooltipMessage: boolean | Partial< ElTooltipProps>;
|
|
1493
1493
|
model: Record<string, any>;
|
|
1494
1494
|
submitText: string | null;
|
|
@@ -2791,7 +2791,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
2791
2791
|
$props: Partial<{
|
|
2792
2792
|
footer: boolean;
|
|
2793
2793
|
inline: boolean;
|
|
2794
|
-
footerAlign: "
|
|
2794
|
+
footerAlign: "left" | "right" | "center";
|
|
2795
2795
|
tooltipMessage: boolean | Partial< ElTooltipProps>;
|
|
2796
2796
|
model: Record<string, any>;
|
|
2797
2797
|
submitText: string | null;
|
|
@@ -2801,7 +2801,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
2801
2801
|
}> & Omit<{
|
|
2802
2802
|
readonly footer: boolean;
|
|
2803
2803
|
readonly inline: boolean;
|
|
2804
|
-
readonly footerAlign: "
|
|
2804
|
+
readonly footerAlign: "left" | "right" | "center";
|
|
2805
2805
|
readonly submitText: string | null;
|
|
2806
2806
|
readonly resetText: string | null;
|
|
2807
2807
|
readonly enterSubmit: boolean;
|
|
@@ -3073,7 +3073,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
3073
3073
|
}, string, {
|
|
3074
3074
|
footer: boolean;
|
|
3075
3075
|
inline: boolean;
|
|
3076
|
-
footerAlign: "
|
|
3076
|
+
footerAlign: "left" | "right" | "center";
|
|
3077
3077
|
tooltipMessage: boolean | Partial< ElTooltipProps>;
|
|
3078
3078
|
model: Record<string, any>;
|
|
3079
3079
|
submitText: string | null;
|
|
@@ -3103,7 +3103,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
3103
3103
|
} & Readonly<{
|
|
3104
3104
|
footer: boolean;
|
|
3105
3105
|
inline: boolean;
|
|
3106
|
-
footerAlign: "
|
|
3106
|
+
footerAlign: "left" | "right" | "center";
|
|
3107
3107
|
tooltipMessage: boolean | Partial< ElTooltipProps>;
|
|
3108
3108
|
model: Record<string, any>;
|
|
3109
3109
|
submitText: string | null;
|
|
@@ -302,7 +302,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
302
302
|
}>, {
|
|
303
303
|
footer: boolean;
|
|
304
304
|
inline: boolean;
|
|
305
|
-
footerAlign: "
|
|
305
|
+
footerAlign: "left" | "right" | "center";
|
|
306
306
|
tooltipMessage: boolean | Partial< ElTooltipProps>;
|
|
307
307
|
model: Record<string, any>;
|
|
308
308
|
submitText: string | null;
|
|
@@ -3,7 +3,8 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
3
3
|
import { PickerColumns, PickerFields, PickerLoader, PickerDialogProps, PickerGridProps, PickerOption } from '../../..';
|
|
4
4
|
import { EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils/index.mjs';
|
|
5
5
|
import { PopperEffect } from 'element-plus/es/components/popper/index.js';
|
|
6
|
-
import { Options, Placement,
|
|
6
|
+
import { Options, Placement, OptionPublicInstance, TooltipInstance, ScrollbarInstance, MessageBoxData } from 'element-plus';
|
|
7
|
+
import { OptionValue, SelectStates } from 'element-plus/es/components/select/src/type.mjs';
|
|
7
8
|
import { DebouncedFunc } from 'lodash';
|
|
8
9
|
import { Props } from '../../../picker/Dialog';
|
|
9
10
|
import { GridColumns, GridCustomInfo, GridLoader, GridCellRenders, GridEditRenders, GridFilterRenders, GridSortableEvent, GridSortableOptions } from '../..';
|
|
@@ -117,7 +118,7 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
117
118
|
valueOnClear: EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
|
|
118
119
|
name: StringConstructor;
|
|
119
120
|
id: StringConstructor;
|
|
120
|
-
modelValue: EpPropFinalized<(
|
|
121
|
+
modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | ((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]))[], unknown, unknown, undefined, boolean>;
|
|
121
122
|
autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
122
123
|
automaticDropdown: BooleanConstructor;
|
|
123
124
|
size: {
|
|
@@ -247,34 +248,38 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
247
248
|
};
|
|
248
249
|
states: {
|
|
249
250
|
inputValue: string;
|
|
250
|
-
options: Map<
|
|
251
|
-
cachedOptions: Map<
|
|
252
|
-
optionValues:
|
|
253
|
-
selected:
|
|
251
|
+
options: Map< OptionValue, OptionPublicInstance>;
|
|
252
|
+
cachedOptions: Map< OptionValue, OptionPublicInstance>;
|
|
253
|
+
optionValues: OptionValue[];
|
|
254
|
+
selected: {
|
|
255
|
+
value: OptionValue;
|
|
256
|
+
currentLabel: OptionPublicInstance["currentLabel"];
|
|
257
|
+
isDisabled?: OptionPublicInstance["isDisabled"] | undefined;
|
|
258
|
+
}[];
|
|
259
|
+
hoveringIndex: number;
|
|
260
|
+
inputHovering: boolean;
|
|
254
261
|
selectionWidth: number;
|
|
255
262
|
collapseItemWidth: number;
|
|
263
|
+
previousQuery: string | null;
|
|
256
264
|
selectedLabel: string;
|
|
257
|
-
hoveringIndex: number;
|
|
258
|
-
previousQuery: null;
|
|
259
|
-
inputHovering: boolean;
|
|
260
265
|
menuVisibleOnFocus: boolean;
|
|
261
266
|
isBeforeHide: boolean;
|
|
262
267
|
};
|
|
263
268
|
isFocused: Ref<boolean>;
|
|
264
269
|
expanded: Ref<boolean>;
|
|
265
|
-
optionsArray: ComputedRef<
|
|
270
|
+
optionsArray: ComputedRef< OptionPublicInstance[]>;
|
|
266
271
|
hoverOption: Ref<any>;
|
|
267
272
|
selectSize: ComputedRef<"" | "small" | "default" | "large">;
|
|
268
273
|
filteredOptionsCount: ComputedRef<number>;
|
|
269
274
|
updateTooltip: () => void;
|
|
270
275
|
updateTagTooltip: () => void;
|
|
271
276
|
debouncedOnInputChange: DebouncedFunc<() => void>;
|
|
272
|
-
onInput: (event:
|
|
273
|
-
deletePrevTag: (e:
|
|
274
|
-
deleteTag: (event:
|
|
275
|
-
deleteSelected: (event:
|
|
276
|
-
handleOptionSelect: (option:
|
|
277
|
-
scrollToOption: (option:
|
|
277
|
+
onInput: (event: Event) => void;
|
|
278
|
+
deletePrevTag: (e: KeyboardEvent) => void;
|
|
279
|
+
deleteTag: (event: MouseEvent, tag: OptionPublicInstance | SelectStates["selected"][0]) => void;
|
|
280
|
+
deleteSelected: (event: Event) => void;
|
|
281
|
+
handleOptionSelect: (option: OptionPublicInstance) => void;
|
|
282
|
+
scrollToOption: (option: OptionPublicInstance | OptionPublicInstance[] | SelectStates["selected"]) => void;
|
|
278
283
|
hasModelValue: ComputedRef<boolean>;
|
|
279
284
|
shouldShowPlaceholder: ComputedRef<boolean>;
|
|
280
285
|
currentPlaceholder: ComputedRef<string>;
|
|
@@ -284,7 +289,7 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
284
289
|
iconComponent: ComputedRef< EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown> | undefined>;
|
|
285
290
|
iconReverse: ComputedRef<string>;
|
|
286
291
|
validateState: ComputedRef<"" | "error" | "success" | "validating">;
|
|
287
|
-
validateIcon: ComputedRef<
|
|
292
|
+
validateIcon: ComputedRef<"" | Component>;
|
|
288
293
|
showNewOption: ComputedRef<boolean>;
|
|
289
294
|
updateOptions: () => void;
|
|
290
295
|
collapseTagSize: ComputedRef<"default" | "small">;
|
|
@@ -294,8 +299,8 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
294
299
|
handleCompositionStart: (event: CompositionEvent) => void;
|
|
295
300
|
handleCompositionUpdate: (event: CompositionEvent) => void;
|
|
296
301
|
handleCompositionEnd: (event: CompositionEvent) => void;
|
|
297
|
-
onOptionCreate: (vm:
|
|
298
|
-
onOptionDestroy: (key:
|
|
302
|
+
onOptionCreate: (vm: OptionPublicInstance) => void;
|
|
303
|
+
onOptionDestroy: (key: OptionValue, vm: OptionPublicInstance) => void;
|
|
299
304
|
handleMenuEnter: () => void;
|
|
300
305
|
focus: () => void;
|
|
301
306
|
blur: () => void;
|
|
@@ -304,11 +309,19 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
304
309
|
handleEsc: () => void;
|
|
305
310
|
toggleMenu: () => void;
|
|
306
311
|
selectOption: () => void;
|
|
307
|
-
getValueKey: (item:
|
|
308
|
-
navigateOptions: (direction:
|
|
312
|
+
getValueKey: (item: OptionPublicInstance | SelectStates["selected"][0]) => any;
|
|
313
|
+
navigateOptions: (direction: "prev" | "next") => void;
|
|
309
314
|
dropdownMenuVisible: WritableComputedRef<boolean>;
|
|
310
|
-
showTagList: ComputedRef<
|
|
311
|
-
|
|
315
|
+
showTagList: ComputedRef<{
|
|
316
|
+
value: OptionValue;
|
|
317
|
+
currentLabel: OptionPublicInstance["currentLabel"];
|
|
318
|
+
isDisabled?: OptionPublicInstance["isDisabled"] | undefined;
|
|
319
|
+
}[]>;
|
|
320
|
+
collapseTagList: ComputedRef<{
|
|
321
|
+
value: OptionValue;
|
|
322
|
+
currentLabel: OptionPublicInstance["currentLabel"];
|
|
323
|
+
isDisabled?: OptionPublicInstance["isDisabled"] | undefined;
|
|
324
|
+
}[]>;
|
|
312
325
|
popupScroll: (data: {
|
|
313
326
|
scrollTop: number;
|
|
314
327
|
scrollLeft: number;
|
|
@@ -320,26 +333,24 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
320
333
|
maxWidth: string;
|
|
321
334
|
}>;
|
|
322
335
|
popperRef: ComputedRef<HTMLElement | undefined>;
|
|
323
|
-
inputRef: Ref<HTMLInputElement |
|
|
324
|
-
tooltipRef: Ref< TooltipInstance |
|
|
325
|
-
tagTooltipRef: Ref< TooltipInstance |
|
|
326
|
-
prefixRef: Ref<HTMLElement>;
|
|
327
|
-
suffixRef: Ref<HTMLElement>;
|
|
328
|
-
selectRef: Ref<HTMLElement>;
|
|
336
|
+
inputRef: Ref<HTMLInputElement | undefined>;
|
|
337
|
+
tooltipRef: Ref< TooltipInstance | undefined>;
|
|
338
|
+
tagTooltipRef: Ref< TooltipInstance | undefined>;
|
|
339
|
+
prefixRef: Ref<HTMLElement | undefined>;
|
|
340
|
+
suffixRef: Ref<HTMLElement | undefined>;
|
|
341
|
+
selectRef: Ref<HTMLElement | undefined>;
|
|
329
342
|
wrapperRef: ShallowRef<HTMLElement | undefined>;
|
|
330
|
-
selectionRef: Ref<HTMLElement>;
|
|
331
|
-
scrollbarRef: Ref<
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
tagMenuRef: Ref<HTMLElement>;
|
|
336
|
-
collapseItemRef: Ref<HTMLElement>;
|
|
343
|
+
selectionRef: Ref<HTMLElement | undefined>;
|
|
344
|
+
scrollbarRef: Ref< ScrollbarInstance | undefined>;
|
|
345
|
+
menuRef: Ref<HTMLElement | undefined>;
|
|
346
|
+
tagMenuRef: Ref<HTMLElement | undefined>;
|
|
347
|
+
collapseItemRef: Ref<HTMLElement | undefined>;
|
|
337
348
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("clear" | "focus" | "blur" | "change" | "visible-change" | "update:modelValue" | "remove-tag" | "popup-scroll")[], VNodeProps & AllowedComponentProps & ComponentCustomProps, {
|
|
338
349
|
disabled: boolean;
|
|
339
350
|
offset: number;
|
|
340
351
|
multiple: boolean;
|
|
341
352
|
loading: boolean;
|
|
342
|
-
modelValue: EpPropMergeType<(
|
|
353
|
+
modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | ((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]))[], unknown, unknown>;
|
|
343
354
|
placement: EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown>;
|
|
344
355
|
effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
|
|
345
356
|
tabindex: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
|
|
@@ -381,7 +392,7 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
381
392
|
valueOnClear: EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
|
|
382
393
|
name: StringConstructor;
|
|
383
394
|
id: StringConstructor;
|
|
384
|
-
modelValue: EpPropFinalized<(
|
|
395
|
+
modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | ((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]))[], unknown, unknown, undefined, boolean>;
|
|
385
396
|
autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
386
397
|
automaticDropdown: BooleanConstructor;
|
|
387
398
|
size: {
|
|
@@ -511,34 +522,38 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
511
522
|
};
|
|
512
523
|
states: {
|
|
513
524
|
inputValue: string;
|
|
514
|
-
options: Map<
|
|
515
|
-
cachedOptions: Map<
|
|
516
|
-
optionValues:
|
|
517
|
-
selected:
|
|
525
|
+
options: Map< OptionValue, OptionPublicInstance>;
|
|
526
|
+
cachedOptions: Map< OptionValue, OptionPublicInstance>;
|
|
527
|
+
optionValues: OptionValue[];
|
|
528
|
+
selected: {
|
|
529
|
+
value: OptionValue;
|
|
530
|
+
currentLabel: OptionPublicInstance["currentLabel"];
|
|
531
|
+
isDisabled?: OptionPublicInstance["isDisabled"] | undefined;
|
|
532
|
+
}[];
|
|
533
|
+
hoveringIndex: number;
|
|
534
|
+
inputHovering: boolean;
|
|
518
535
|
selectionWidth: number;
|
|
519
536
|
collapseItemWidth: number;
|
|
537
|
+
previousQuery: string | null;
|
|
520
538
|
selectedLabel: string;
|
|
521
|
-
hoveringIndex: number;
|
|
522
|
-
previousQuery: null;
|
|
523
|
-
inputHovering: boolean;
|
|
524
539
|
menuVisibleOnFocus: boolean;
|
|
525
540
|
isBeforeHide: boolean;
|
|
526
541
|
};
|
|
527
542
|
isFocused: Ref<boolean>;
|
|
528
543
|
expanded: Ref<boolean>;
|
|
529
|
-
optionsArray: ComputedRef<
|
|
544
|
+
optionsArray: ComputedRef< OptionPublicInstance[]>;
|
|
530
545
|
hoverOption: Ref<any>;
|
|
531
546
|
selectSize: ComputedRef<"" | "small" | "default" | "large">;
|
|
532
547
|
filteredOptionsCount: ComputedRef<number>;
|
|
533
548
|
updateTooltip: () => void;
|
|
534
549
|
updateTagTooltip: () => void;
|
|
535
550
|
debouncedOnInputChange: DebouncedFunc<() => void>;
|
|
536
|
-
onInput: (event:
|
|
537
|
-
deletePrevTag: (e:
|
|
538
|
-
deleteTag: (event:
|
|
539
|
-
deleteSelected: (event:
|
|
540
|
-
handleOptionSelect: (option:
|
|
541
|
-
scrollToOption: (option:
|
|
551
|
+
onInput: (event: Event) => void;
|
|
552
|
+
deletePrevTag: (e: KeyboardEvent) => void;
|
|
553
|
+
deleteTag: (event: MouseEvent, tag: OptionPublicInstance | SelectStates["selected"][0]) => void;
|
|
554
|
+
deleteSelected: (event: Event) => void;
|
|
555
|
+
handleOptionSelect: (option: OptionPublicInstance) => void;
|
|
556
|
+
scrollToOption: (option: OptionPublicInstance | OptionPublicInstance[] | SelectStates["selected"]) => void;
|
|
542
557
|
hasModelValue: ComputedRef<boolean>;
|
|
543
558
|
shouldShowPlaceholder: ComputedRef<boolean>;
|
|
544
559
|
currentPlaceholder: ComputedRef<string>;
|
|
@@ -548,7 +563,7 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
548
563
|
iconComponent: ComputedRef< EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown> | undefined>;
|
|
549
564
|
iconReverse: ComputedRef<string>;
|
|
550
565
|
validateState: ComputedRef<"" | "error" | "success" | "validating">;
|
|
551
|
-
validateIcon: ComputedRef<
|
|
566
|
+
validateIcon: ComputedRef<"" | Component>;
|
|
552
567
|
showNewOption: ComputedRef<boolean>;
|
|
553
568
|
updateOptions: () => void;
|
|
554
569
|
collapseTagSize: ComputedRef<"default" | "small">;
|
|
@@ -558,8 +573,8 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
558
573
|
handleCompositionStart: (event: CompositionEvent) => void;
|
|
559
574
|
handleCompositionUpdate: (event: CompositionEvent) => void;
|
|
560
575
|
handleCompositionEnd: (event: CompositionEvent) => void;
|
|
561
|
-
onOptionCreate: (vm:
|
|
562
|
-
onOptionDestroy: (key:
|
|
576
|
+
onOptionCreate: (vm: OptionPublicInstance) => void;
|
|
577
|
+
onOptionDestroy: (key: OptionValue, vm: OptionPublicInstance) => void;
|
|
563
578
|
handleMenuEnter: () => void;
|
|
564
579
|
focus: () => void;
|
|
565
580
|
blur: () => void;
|
|
@@ -568,11 +583,19 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
568
583
|
handleEsc: () => void;
|
|
569
584
|
toggleMenu: () => void;
|
|
570
585
|
selectOption: () => void;
|
|
571
|
-
getValueKey: (item:
|
|
572
|
-
navigateOptions: (direction:
|
|
586
|
+
getValueKey: (item: OptionPublicInstance | SelectStates["selected"][0]) => any;
|
|
587
|
+
navigateOptions: (direction: "prev" | "next") => void;
|
|
573
588
|
dropdownMenuVisible: WritableComputedRef<boolean>;
|
|
574
|
-
showTagList: ComputedRef<
|
|
575
|
-
|
|
589
|
+
showTagList: ComputedRef<{
|
|
590
|
+
value: OptionValue;
|
|
591
|
+
currentLabel: OptionPublicInstance["currentLabel"];
|
|
592
|
+
isDisabled?: OptionPublicInstance["isDisabled"] | undefined;
|
|
593
|
+
}[]>;
|
|
594
|
+
collapseTagList: ComputedRef<{
|
|
595
|
+
value: OptionValue;
|
|
596
|
+
currentLabel: OptionPublicInstance["currentLabel"];
|
|
597
|
+
isDisabled?: OptionPublicInstance["isDisabled"] | undefined;
|
|
598
|
+
}[]>;
|
|
576
599
|
popupScroll: (data: {
|
|
577
600
|
scrollTop: number;
|
|
578
601
|
scrollLeft: number;
|
|
@@ -584,26 +607,24 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
584
607
|
maxWidth: string;
|
|
585
608
|
}>;
|
|
586
609
|
popperRef: ComputedRef<HTMLElement | undefined>;
|
|
587
|
-
inputRef: Ref<HTMLInputElement |
|
|
588
|
-
tooltipRef: Ref< TooltipInstance |
|
|
589
|
-
tagTooltipRef: Ref< TooltipInstance |
|
|
590
|
-
prefixRef: Ref<HTMLElement>;
|
|
591
|
-
suffixRef: Ref<HTMLElement>;
|
|
592
|
-
selectRef: Ref<HTMLElement>;
|
|
610
|
+
inputRef: Ref<HTMLInputElement | undefined>;
|
|
611
|
+
tooltipRef: Ref< TooltipInstance | undefined>;
|
|
612
|
+
tagTooltipRef: Ref< TooltipInstance | undefined>;
|
|
613
|
+
prefixRef: Ref<HTMLElement | undefined>;
|
|
614
|
+
suffixRef: Ref<HTMLElement | undefined>;
|
|
615
|
+
selectRef: Ref<HTMLElement | undefined>;
|
|
593
616
|
wrapperRef: ShallowRef<HTMLElement | undefined>;
|
|
594
|
-
selectionRef: Ref<HTMLElement>;
|
|
595
|
-
scrollbarRef: Ref<
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
tagMenuRef: Ref<HTMLElement>;
|
|
600
|
-
collapseItemRef: Ref<HTMLElement>;
|
|
617
|
+
selectionRef: Ref<HTMLElement | undefined>;
|
|
618
|
+
scrollbarRef: Ref< ScrollbarInstance | undefined>;
|
|
619
|
+
menuRef: Ref<HTMLElement | undefined>;
|
|
620
|
+
tagMenuRef: Ref<HTMLElement | undefined>;
|
|
621
|
+
collapseItemRef: Ref<HTMLElement | undefined>;
|
|
601
622
|
}, {}, {}, {}, {
|
|
602
623
|
disabled: boolean;
|
|
603
624
|
offset: number;
|
|
604
625
|
multiple: boolean;
|
|
605
626
|
loading: boolean;
|
|
606
|
-
modelValue: EpPropMergeType<(
|
|
627
|
+
modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | ((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown> | EpPropMergeType<(ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>[]))[], unknown, unknown>;
|
|
607
628
|
placement: EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown>;
|
|
608
629
|
effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
|
|
609
630
|
tabindex: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
|