bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70.search.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/dist/index.cjs.js +71 -71
- package/dist/index.esm.js +19703 -20587
- package/dist/index.umd.js +71 -71
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/cascader.css +3 -3
- package/lib/cascader/cascader.less +3 -3
- package/lib/cascader/cascader.variable.css +3 -3
- package/lib/cascader/index.js +4 -4
- package/lib/collapse/collapse.css +0 -11
- package/lib/collapse/collapse.d.ts +0 -11
- package/lib/collapse/collapse.less +1 -15
- package/lib/collapse/collapse.variable.css +0 -11
- package/lib/collapse/index.d.ts +0 -23
- package/lib/collapse/index.js +1 -9
- package/lib/collapse/props.d.ts +0 -8
- package/lib/color-picker/color-picker.css +3 -3
- package/lib/color-picker/color-picker.less +3 -3
- package/lib/color-picker/color-picker.variable.css +3 -3
- package/lib/color-picker/index.js +1 -1
- package/lib/components.d.ts +0 -1
- package/lib/components.js +0 -1
- package/lib/date-picker/base/year-table.d.ts +2 -2
- package/lib/date-picker/index.js +36 -111
- package/lib/date-picker/interface.d.ts +1 -1
- package/lib/date-picker/panel/date-range.d.ts +63 -1
- package/lib/date-picker/utils.d.ts +0 -4
- package/lib/dialog/dialog.css +84 -135
- package/lib/dialog/dialog.d.ts +132 -38
- package/lib/dialog/dialog.less +76 -9
- package/lib/dialog/dialog.variable.css +84 -135
- package/lib/dialog/index.d.ts +311 -96
- package/lib/dialog/index.js +221 -197
- package/lib/dialog/props.d.ts +47 -10
- package/lib/info-box/index.d.ts +2 -2
- package/lib/info-box/index.js +173 -328
- package/lib/info-box/info-box.css +7 -63
- package/lib/info-box/info-box.d.ts +16 -18
- package/lib/info-box/info-box.less +14 -76
- package/lib/info-box/info-box.variable.css +7 -63
- package/lib/input/index.js +1 -2
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +345 -29
- package/lib/modal/index.js +703 -218
- package/lib/modal/modal.css +32 -131
- package/lib/modal/modal.d.ts +132 -11
- package/lib/modal/modal.less +29 -83
- package/lib/modal/modal.variable.css +32 -131
- package/lib/modal/props.mixin.d.ts +52 -4
- package/lib/overflow-title/index.js +52 -46
- package/lib/radio/index.d.ts +0 -29
- package/lib/radio/index.js +16 -34
- package/lib/radio/radio-button.d.ts +0 -10
- package/lib/radio/radio-group.d.ts +0 -10
- package/lib/radio/radio.d.ts +0 -10
- package/lib/rate/rate.css +0 -27
- package/lib/rate/rate.less +0 -33
- package/lib/rate/rate.variable.css +0 -27
- package/lib/rate/star.css +27 -0
- package/lib/rate/star.less +34 -0
- package/lib/{scrollbar/scrollbar.variable.css → rate/star.variable.css} +19 -67
- package/lib/search-select/index.d.ts +58 -78
- package/lib/search-select/index.js +311 -211
- package/lib/search-select/input.d.ts +6 -5
- package/lib/search-select/menu.d.ts +1 -1
- package/lib/search-select/search-select.d.ts +19 -43
- package/lib/search-select/selected.d.ts +12 -10
- package/lib/search-select/utils.d.ts +6 -6
- package/lib/select/index.d.ts +19 -0
- package/lib/select/index.js +21 -8
- package/lib/select/select.css +2 -1
- package/lib/select/select.d.ts +9 -0
- package/lib/select/select.less +2 -1
- package/lib/select/select.variable.css +2 -1
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/index.js +48 -4
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +218 -42
- package/lib/sideslider/index.js +40 -65
- package/lib/sideslider/sideslider.css +86 -17
- package/lib/sideslider/sideslider.d.ts +104 -20
- package/lib/sideslider/sideslider.less +107 -27
- package/lib/sideslider/sideslider.variable.css +86 -17
- package/lib/slider/index.d.ts +0 -19
- package/lib/slider/index.js +5 -45
- package/lib/slider/slider.css +0 -14
- package/lib/slider/slider.d.ts +0 -9
- package/lib/slider/slider.less +0 -15
- package/lib/slider/slider.variable.css +0 -14
- package/lib/styles/index.d.ts +1 -0
- package/lib/table/components/table-cell.d.ts +2 -3
- package/lib/table/components/table-column.d.ts +119 -3
- package/lib/table/const.d.ts +4 -4
- package/lib/table/index.d.ts +107 -26
- package/lib/table/index.js +578 -17818
- package/lib/table/plugins/head-filter.css +4 -8
- package/lib/table/plugins/head-filter.less +3 -6
- package/lib/table/plugins/head-filter.variable.css +4 -8
- package/lib/table/plugins/use-active-columns.d.ts +2 -2
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/plugins/use-pagination.d.ts +1 -3
- package/lib/table/props.d.ts +4 -12
- package/lib/table/table.css +46 -106
- package/lib/table/table.d.ts +0 -11
- package/lib/table/table.less +58 -43
- package/lib/table/table.variable.css +46 -106
- package/lib/table/use-attributes.d.ts +1 -2
- package/lib/table/use-column.d.ts +10 -9
- package/lib/table/use-common.d.ts +1 -1
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.d.ts +299 -9
- package/lib/table-column/index.js +283 -25
- package/lib/transfer/index.js +14 -16
- package/lib/transfer/transfer.css +9 -9
- package/lib/transfer/transfer.less +3 -3
- package/lib/transfer/transfer.variable.css +9 -9
- package/lib/tree/constant.d.ts +1 -3
- package/lib/tree/index.d.ts +0 -44
- package/lib/tree/index.js +35 -17554
- package/lib/tree/props.d.ts +0 -18
- package/lib/tree/tree.css +2 -76
- package/lib/tree/tree.d.ts +2 -28
- package/lib/tree/tree.less +1 -1
- package/lib/tree/tree.variable.css +2 -76
- package/lib/tree/use-node-attribute.d.ts +0 -9
- package/lib/tree/util.d.ts +1 -1
- package/lib/upload/index.js +9 -16
- package/lib/upload/upload.type.d.ts +1 -1
- package/lib/virtual-render/index.d.ts +0 -27
- package/lib/virtual-render/index.js +80 -295
- package/lib/virtual-render/props.d.ts +0 -16
- package/lib/virtual-render/use-fix-top.d.ts +7 -2
- package/lib/virtual-render/v-virtual-render.d.ts +1 -2
- package/lib/virtual-render/virtual-render.css +2 -76
- package/lib/virtual-render/virtual-render.d.ts +0 -13
- package/lib/virtual-render/virtual-render.less +3 -3
- package/lib/virtual-render/virtual-render.variable.css +2 -76
- package/package.json +1 -1
- package/lib/info-box/render-component.d.ts +0 -4
- package/lib/modal/mask.d.ts +0 -6
- package/lib/scrollbar/index.d.ts +0 -15
- package/lib/scrollbar/index.js +0 -18763
- package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
- package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/index.d.ts +0 -241
- package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
- package/lib/scrollbar/scrollbar.css +0 -75
- package/lib/scrollbar/scrollbar.less +0 -94
- package/lib/table/plugins/use-column-template.d.ts +0 -7
- package/lib/table/plugins/use-shift-key.d.ts +0 -13
- package/lib/tree/use-intersection-observer.d.ts +0 -27
- package/lib/virtual-render/use-scrollbar.d.ts +0 -24
@@ -1,5 +1,5 @@
|
|
1
|
-
import { PropType, Ref, SlotsType } from 'vue';
|
2
1
|
import { GetMenuListFunc, ICommonItem, IMenuFooterItem, ISearchItem, MenuSlotParams, SearchInputMode, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
|
2
|
+
import type { PropType, Ref, SlotsType } from 'vue';
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
4
4
|
data: {
|
5
5
|
type: PropType<ISearchItem[]>;
|
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
13
13
|
type: PropType<ICommonItem[]>;
|
14
14
|
default: () => any[];
|
15
15
|
};
|
16
|
-
|
16
|
+
defaultUsingItem: PropType<SelectedItem>;
|
17
17
|
mode: {
|
18
18
|
type: PropType<SearchInputMode>;
|
19
19
|
default: SearchInputMode;
|
@@ -53,13 +53,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
53
53
|
};
|
54
54
|
documentArrowEvent: (e: KeyboardEvent) => void;
|
55
55
|
handleClickOutside: (e: MouseEvent) => void;
|
56
|
-
handleInputFocus: () => void;
|
56
|
+
handleInputFocus: (event?: FocusEvent) => void;
|
57
57
|
handleInputChange: (event: Event) => void;
|
58
58
|
handleInputPaste: (event: ClipboardEvent) => void;
|
59
59
|
handleLogicalChange: (logical: SearchLogical) => void;
|
60
60
|
handleInputKeyup: (event: KeyboardEvent) => void;
|
61
61
|
handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
|
62
|
-
|
62
|
+
handleSelectConditionItem: (item: ICommonItem) => void;
|
63
63
|
handleMenuFooterClick: (item: IMenuFooterItem) => void;
|
64
64
|
resolveClassName: (cls: string) => string;
|
65
65
|
inputFocusForWrapper: () => void;
|
@@ -67,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
67
67
|
inputClearForWrapper: () => void;
|
68
68
|
deleteInputTextNode: () => void;
|
69
69
|
customPanelSubmit: (value: string) => void;
|
70
|
+
refleshMenuHover: () => void;
|
70
71
|
t: import("vue").ComputedRef<{
|
71
72
|
pleaseSelect: string;
|
72
73
|
loading: string;
|
@@ -90,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
90
91
|
type: PropType<ICommonItem[]>;
|
91
92
|
default: () => any[];
|
92
93
|
};
|
93
|
-
|
94
|
+
defaultUsingItem: PropType<SelectedItem>;
|
94
95
|
mode: {
|
95
96
|
type: PropType<SearchInputMode>;
|
96
97
|
default: SearchInputMode;
|
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
39
39
|
handleSelectedChange: (e: MouseEvent, item: ICommonItem) => void;
|
40
40
|
handleLogicalChange: (value: unknown) => void;
|
41
41
|
filterList: import("vue").ComputedRef<ICommonItem[]>;
|
42
|
-
getSearchNode: (item: ICommonItem) =>
|
42
|
+
getSearchNode: (item: ICommonItem) => (VNode | string)[] | string;
|
43
43
|
localFooterBtns: import("vue").ComputedRef<IMenuFooterItem[] | ({
|
44
44
|
id: string;
|
45
45
|
name: string;
|
@@ -1,27 +1,19 @@
|
|
1
|
-
import { PropType, ShallowRef } from 'vue';
|
1
|
+
import { PropType, ShallowRef, VNode } from 'vue';
|
2
2
|
import { type SlotsType } from 'vue';
|
3
3
|
import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, MenuSlotParams, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
|
4
4
|
export declare const SearchSelectProps: {
|
5
5
|
data: {
|
6
|
-
type: PropType<ISearchItem[]>;
|
6
|
+
type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
|
7
7
|
default: () => any[];
|
8
8
|
};
|
9
9
|
modelValue: {
|
10
10
|
type: PropType<ISearchValue[]>;
|
11
11
|
default: () => any[];
|
12
12
|
};
|
13
|
-
shrink: {
|
14
|
-
type: BooleanConstructor;
|
15
|
-
default: boolean;
|
16
|
-
};
|
17
13
|
maxHeight: {
|
18
14
|
type: NumberConstructor;
|
19
15
|
default: number;
|
20
16
|
};
|
21
|
-
minHeight: {
|
22
|
-
type: NumberConstructor;
|
23
|
-
default: number;
|
24
|
-
};
|
25
17
|
conditions: {
|
26
18
|
type: PropType<ICommonItem[]>;
|
27
19
|
default: () => any[];
|
@@ -45,25 +37,17 @@ export declare const SearchSelectProps: {
|
|
45
37
|
};
|
46
38
|
declare const _default: import("vue").DefineComponent<{
|
47
39
|
data: {
|
48
|
-
type: PropType<ISearchItem[]>;
|
40
|
+
type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
|
49
41
|
default: () => any[];
|
50
42
|
};
|
51
43
|
modelValue: {
|
52
44
|
type: PropType<ISearchValue[]>;
|
53
45
|
default: () => any[];
|
54
46
|
};
|
55
|
-
shrink: {
|
56
|
-
type: BooleanConstructor;
|
57
|
-
default: boolean;
|
58
|
-
};
|
59
47
|
maxHeight: {
|
60
48
|
type: NumberConstructor;
|
61
49
|
default: number;
|
62
50
|
};
|
63
|
-
minHeight: {
|
64
|
-
type: NumberConstructor;
|
65
|
-
default: number;
|
66
|
-
};
|
67
51
|
conditions: {
|
68
52
|
type: PropType<ICommonItem[]>;
|
69
53
|
default: () => any[];
|
@@ -98,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
98
82
|
type: PropType<ICommonItem[]>;
|
99
83
|
default: () => any[];
|
100
84
|
};
|
101
|
-
|
85
|
+
defaultUsingItem: PropType<SelectedItem>;
|
102
86
|
mode: {
|
103
87
|
type: PropType<import("./utils").SearchInputMode>;
|
104
88
|
default: import("./utils").SearchInputMode;
|
@@ -143,13 +127,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
143
127
|
};
|
144
128
|
documentArrowEvent: (e: KeyboardEvent) => void;
|
145
129
|
handleClickOutside: (e: MouseEvent) => void;
|
146
|
-
handleInputFocus: () => void;
|
130
|
+
handleInputFocus: (event?: FocusEvent) => void;
|
147
131
|
handleInputChange: (event: Event) => void;
|
148
132
|
handleInputPaste: (event: ClipboardEvent) => void;
|
149
133
|
handleLogicalChange: (logical: SearchLogical) => void;
|
150
134
|
handleInputKeyup: (event: KeyboardEvent) => void;
|
151
135
|
handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
|
152
|
-
|
136
|
+
handleSelectConditionItem: (item: ICommonItem) => void;
|
153
137
|
handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
|
154
138
|
resolveClassName: (cls: string) => string;
|
155
139
|
inputFocusForWrapper: () => void;
|
@@ -157,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
157
141
|
inputClearForWrapper: () => void;
|
158
142
|
deleteInputTextNode: () => void;
|
159
143
|
customPanelSubmit: (value: string) => void;
|
144
|
+
refleshMenuHover: () => void;
|
160
145
|
t: import("vue").ComputedRef<{
|
161
146
|
pleaseSelect: string;
|
162
147
|
loading: string;
|
@@ -180,7 +165,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
180
165
|
type: PropType<ICommonItem[]>;
|
181
166
|
default: () => any[];
|
182
167
|
};
|
183
|
-
|
168
|
+
defaultUsingItem: PropType<SelectedItem>;
|
184
169
|
mode: {
|
185
170
|
type: PropType<import("./utils").SearchInputMode>;
|
186
171
|
default: import("./utils").SearchInputMode;
|
@@ -220,7 +205,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
220
205
|
type: PropType<ICommonItem[]>;
|
221
206
|
default: () => any[];
|
222
207
|
};
|
223
|
-
|
208
|
+
defaultUsingItem: PropType<SelectedItem>;
|
224
209
|
mode: {
|
225
210
|
type: PropType<import("./utils").SearchInputMode>;
|
226
211
|
default: import("./utils").SearchInputMode;
|
@@ -265,13 +250,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
265
250
|
};
|
266
251
|
documentArrowEvent: (e: KeyboardEvent) => void;
|
267
252
|
handleClickOutside: (e: MouseEvent) => void;
|
268
|
-
handleInputFocus: () => void;
|
253
|
+
handleInputFocus: (event?: FocusEvent) => void;
|
269
254
|
handleInputChange: (event: Event) => void;
|
270
255
|
handleInputPaste: (event: ClipboardEvent) => void;
|
271
256
|
handleLogicalChange: (logical: SearchLogical) => void;
|
272
257
|
handleInputKeyup: (event: KeyboardEvent) => void;
|
273
258
|
handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
|
274
|
-
|
259
|
+
handleSelectConditionItem: (item: ICommonItem) => void;
|
275
260
|
handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
|
276
261
|
resolveClassName: (cls: string) => string;
|
277
262
|
inputFocusForWrapper: () => void;
|
@@ -279,6 +264,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
279
264
|
inputClearForWrapper: () => void;
|
280
265
|
deleteInputTextNode: () => void;
|
281
266
|
customPanelSubmit: (value: string) => void;
|
267
|
+
refleshMenuHover: () => void;
|
282
268
|
t: import("vue").ComputedRef<{
|
283
269
|
pleaseSelect: string;
|
284
270
|
loading: string;
|
@@ -318,7 +304,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
318
304
|
}[];
|
319
305
|
condition: string;
|
320
306
|
logical: SearchLogical;
|
321
|
-
|
307
|
+
nameRenderKey: string;
|
322
308
|
searchItem: {
|
323
309
|
id: string;
|
324
310
|
name: string;
|
@@ -411,7 +397,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
411
397
|
handleClickSearch: (e: MouseEvent) => void;
|
412
398
|
localConditions: import("vue").ComputedRef<ICommonItem[]>;
|
413
399
|
resolveClassName: (cls: string) => string;
|
414
|
-
handleSelectedKey: (a:
|
400
|
+
handleSelectedKey: (a: ICommonItem) => void;
|
415
401
|
t: import("vue").ComputedRef<{
|
416
402
|
pleaseSelect: string;
|
417
403
|
loading: string;
|
@@ -424,25 +410,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
424
410
|
}>;
|
425
411
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "selectKey")[], "search" | "update:modelValue" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
426
412
|
data: {
|
427
|
-
type: PropType<ISearchItem[]>;
|
413
|
+
type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
|
428
414
|
default: () => any[];
|
429
415
|
};
|
430
416
|
modelValue: {
|
431
417
|
type: PropType<ISearchValue[]>;
|
432
418
|
default: () => any[];
|
433
419
|
};
|
434
|
-
shrink: {
|
435
|
-
type: BooleanConstructor;
|
436
|
-
default: boolean;
|
437
|
-
};
|
438
420
|
maxHeight: {
|
439
421
|
type: NumberConstructor;
|
440
422
|
default: number;
|
441
423
|
};
|
442
|
-
minHeight: {
|
443
|
-
type: NumberConstructor;
|
444
|
-
default: number;
|
445
|
-
};
|
446
424
|
conditions: {
|
447
425
|
type: PropType<ICommonItem[]>;
|
448
426
|
default: () => any[];
|
@@ -468,19 +446,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
468
446
|
onSelectKey?: (...args: any[]) => any;
|
469
447
|
onSearch?: (...args: any[]) => any;
|
470
448
|
}, {
|
471
|
-
data: ISearchItem[];
|
449
|
+
data: Omit<ISearchItem, "value" | "isSelected">[];
|
472
450
|
maxHeight: number;
|
473
451
|
clearable: boolean;
|
474
452
|
modelValue: ISearchValue[];
|
475
|
-
minHeight: number;
|
476
453
|
conditions: ICommonItem[];
|
477
454
|
valueBehavior: "all" | "need-key";
|
478
|
-
shrink: boolean;
|
479
455
|
uniqueSelect: boolean;
|
480
456
|
}, SlotsType<{
|
481
457
|
menu: MenuSlotParams;
|
482
|
-
prepend:
|
483
|
-
append:
|
484
|
-
validate:
|
458
|
+
prepend: () => VNode;
|
459
|
+
append: () => VNode;
|
460
|
+
validate: () => VNode;
|
485
461
|
}>>;
|
486
462
|
export default _default;
|
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
34
34
|
type: PropType<ICommonItem[]>;
|
35
35
|
default: () => any[];
|
36
36
|
};
|
37
|
-
|
37
|
+
defaultUsingItem: PropType<SelectedItem>;
|
38
38
|
mode: {
|
39
39
|
type: PropType<SearchInputMode>;
|
40
40
|
default: SearchInputMode;
|
@@ -79,13 +79,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
79
79
|
};
|
80
80
|
documentArrowEvent: (e: KeyboardEvent) => void;
|
81
81
|
handleClickOutside: (e: MouseEvent) => void;
|
82
|
-
handleInputFocus: () => void;
|
82
|
+
handleInputFocus: (event?: FocusEvent) => void;
|
83
83
|
handleInputChange: (event: Event) => void;
|
84
84
|
handleInputPaste: (event: ClipboardEvent) => void;
|
85
85
|
handleLogicalChange: (logical: SearchLogical) => void;
|
86
86
|
handleInputKeyup: (event: KeyboardEvent) => void;
|
87
87
|
handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
|
88
|
-
|
88
|
+
handleSelectConditionItem: (item: ICommonItem) => void;
|
89
89
|
handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
|
90
90
|
resolveClassName: (cls: string) => string;
|
91
91
|
inputFocusForWrapper: () => void;
|
@@ -93,6 +93,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
93
93
|
inputClearForWrapper: () => void;
|
94
94
|
deleteInputTextNode: () => void;
|
95
95
|
customPanelSubmit: (value: string) => void;
|
96
|
+
refleshMenuHover: () => void;
|
96
97
|
t: import("vue").ComputedRef<{
|
97
98
|
pleaseSelect: string;
|
98
99
|
loading: string;
|
@@ -116,7 +117,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
116
117
|
type: PropType<ICommonItem[]>;
|
117
118
|
default: () => any[];
|
118
119
|
};
|
119
|
-
|
120
|
+
defaultUsingItem: PropType<SelectedItem>;
|
120
121
|
mode: {
|
121
122
|
type: PropType<SearchInputMode>;
|
122
123
|
default: SearchInputMode;
|
@@ -156,7 +157,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
156
157
|
type: PropType<ICommonItem[]>;
|
157
158
|
default: () => any[];
|
158
159
|
};
|
159
|
-
|
160
|
+
defaultUsingItem: PropType<SelectedItem>;
|
160
161
|
mode: {
|
161
162
|
type: PropType<SearchInputMode>;
|
162
163
|
default: SearchInputMode;
|
@@ -201,13 +202,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
201
202
|
};
|
202
203
|
documentArrowEvent: (e: KeyboardEvent) => void;
|
203
204
|
handleClickOutside: (e: MouseEvent) => void;
|
204
|
-
handleInputFocus: () => void;
|
205
|
+
handleInputFocus: (event?: FocusEvent) => void;
|
205
206
|
handleInputChange: (event: Event) => void;
|
206
207
|
handleInputPaste: (event: ClipboardEvent) => void;
|
207
208
|
handleLogicalChange: (logical: SearchLogical) => void;
|
208
209
|
handleInputKeyup: (event: KeyboardEvent) => void;
|
209
210
|
handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
|
210
|
-
|
211
|
+
handleSelectConditionItem: (item: ICommonItem) => void;
|
211
212
|
handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
|
212
213
|
resolveClassName: (cls: string) => string;
|
213
214
|
inputFocusForWrapper: () => void;
|
@@ -215,6 +216,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
215
216
|
inputClearForWrapper: () => void;
|
216
217
|
deleteInputTextNode: () => void;
|
217
218
|
customPanelSubmit: (value: string) => void;
|
219
|
+
refleshMenuHover: () => void;
|
218
220
|
t: import("vue").ComputedRef<{
|
219
221
|
pleaseSelect: string;
|
220
222
|
loading: string;
|
@@ -232,10 +234,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
232
234
|
showCondition: boolean;
|
233
235
|
}>>;
|
234
236
|
selectedInputRef: import("vue").Ref<HTMLDivElement>;
|
235
|
-
editKey: import("vue").Ref<
|
236
|
-
|
237
|
+
editKey: import("vue").Ref<string>;
|
238
|
+
copySelectedItem: (item: SelectedItem) => SelectedItem;
|
237
239
|
handleDeleteSelected: (index: number) => void;
|
238
|
-
|
240
|
+
handleEditSelected: (e: MouseEvent, item: SelectedItem, index: number) => void;
|
239
241
|
handleInputOutside: (target: Node) => boolean;
|
240
242
|
handleAddSelected: (item: SelectedItem, index: number) => void;
|
241
243
|
handleInputFocus: (isFocus: boolean) => void;
|
@@ -7,7 +7,7 @@ import { ComputedRef, InjectionKey, Ref } from 'vue';
|
|
7
7
|
*/
|
8
8
|
export declare enum ValueBehavior {
|
9
9
|
ALL = "all",
|
10
|
-
|
10
|
+
NEED_KEY = "need-key"
|
11
11
|
}
|
12
12
|
export declare enum DeleteBehavior {
|
13
13
|
CHAR = "delete-char",
|
@@ -26,11 +26,11 @@ export interface ISearchSelectProvider {
|
|
26
26
|
onEditEnter: (item: SelectedItem, index: number) => void;
|
27
27
|
onEditBlur: () => void;
|
28
28
|
onValidate: (str: string) => void;
|
29
|
-
editKey: Ref<
|
29
|
+
editKey: Ref<string>;
|
30
30
|
searchData: ComputedRef<ISearchItem[]>;
|
31
31
|
isClickOutside: (target: Node) => boolean;
|
32
32
|
}
|
33
|
-
export declare const
|
33
|
+
export declare const SEARCH_SELECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
|
34
34
|
export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
|
35
35
|
export declare const useSearchSelectInject: () => ISearchSelectProvider;
|
36
36
|
export declare enum SearchInputMode {
|
@@ -73,11 +73,11 @@ export declare enum SearchLogical {
|
|
73
73
|
OR = "|"
|
74
74
|
}
|
75
75
|
export interface IMenuFooterItem {
|
76
|
-
id: '
|
76
|
+
id: 'cancel' | 'confirm';
|
77
77
|
name: string;
|
78
78
|
disabled?: boolean;
|
79
79
|
}
|
80
|
-
export type SearchItemType = '
|
80
|
+
export type SearchItemType = 'condition' | 'default' | 'text';
|
81
81
|
export declare class SelectedItem {
|
82
82
|
searchItem: ISearchItem;
|
83
83
|
type: SearchItemType;
|
@@ -86,7 +86,7 @@ export declare class SelectedItem {
|
|
86
86
|
values: ICommonItem[];
|
87
87
|
condition: string;
|
88
88
|
logical: SearchLogical;
|
89
|
-
|
89
|
+
nameRenderKey: string;
|
90
90
|
constructor(searchItem: ISearchItem, type?: SearchItemType);
|
91
91
|
get multiple(): boolean;
|
92
92
|
get placeholder(): string;
|
package/lib/select/index.d.ts
CHANGED
@@ -312,6 +312,10 @@ declare const BkSelect: {
|
|
312
312
|
} & {
|
313
313
|
default: boolean;
|
314
314
|
};
|
315
|
+
trigger: {
|
316
|
+
type: import("vue").PropType<"default" | "manual">;
|
317
|
+
default: string;
|
318
|
+
};
|
315
319
|
}>> & {
|
316
320
|
onFocus?: (...args: any[]) => any;
|
317
321
|
onBlur?: (...args: any[]) => any;
|
@@ -1015,6 +1019,10 @@ declare const BkSelect: {
|
|
1015
1019
|
} & {
|
1016
1020
|
default: boolean;
|
1017
1021
|
};
|
1022
|
+
trigger: {
|
1023
|
+
type: import("vue").PropType<"default" | "manual">;
|
1024
|
+
default: string;
|
1025
|
+
};
|
1018
1026
|
}>> & {
|
1019
1027
|
onFocus?: (...args: any[]) => any;
|
1020
1028
|
onBlur?: (...args: any[]) => any;
|
@@ -1031,6 +1039,7 @@ declare const BkSelect: {
|
|
1031
1039
|
prefix: string;
|
1032
1040
|
size: "default" | "small" | "large" | "huge";
|
1033
1041
|
disabled: boolean;
|
1042
|
+
trigger: "default" | "manual";
|
1034
1043
|
multiple: boolean;
|
1035
1044
|
showOnInit: boolean;
|
1036
1045
|
placeholder: string;
|
@@ -1387,6 +1396,10 @@ declare const BkSelect: {
|
|
1387
1396
|
} & {
|
1388
1397
|
default: boolean;
|
1389
1398
|
};
|
1399
|
+
trigger: {
|
1400
|
+
type: import("vue").PropType<"default" | "manual">;
|
1401
|
+
default: string;
|
1402
|
+
};
|
1390
1403
|
}>> & {
|
1391
1404
|
onFocus?: (...args: any[]) => any;
|
1392
1405
|
onBlur?: (...args: any[]) => any;
|
@@ -1783,6 +1796,7 @@ declare const BkSelect: {
|
|
1783
1796
|
prefix: string;
|
1784
1797
|
size: "default" | "small" | "large" | "huge";
|
1785
1798
|
disabled: boolean;
|
1799
|
+
trigger: "default" | "manual";
|
1786
1800
|
multiple: boolean;
|
1787
1801
|
showOnInit: boolean;
|
1788
1802
|
placeholder: string;
|
@@ -2136,6 +2150,10 @@ declare const BkSelect: {
|
|
2136
2150
|
} & {
|
2137
2151
|
default: boolean;
|
2138
2152
|
};
|
2153
|
+
trigger: {
|
2154
|
+
type: import("vue").PropType<"default" | "manual">;
|
2155
|
+
default: string;
|
2156
|
+
};
|
2139
2157
|
}>> & {
|
2140
2158
|
onFocus?: (...args: any[]) => any;
|
2141
2159
|
onBlur?: (...args: any[]) => any;
|
@@ -2532,6 +2550,7 @@ declare const BkSelect: {
|
|
2532
2550
|
prefix: string;
|
2533
2551
|
size: "default" | "small" | "large" | "huge";
|
2534
2552
|
disabled: boolean;
|
2553
|
+
trigger: "default" | "manual";
|
2535
2554
|
multiple: boolean;
|
2536
2555
|
showOnInit: boolean;
|
2537
2556
|
placeholder: string;
|
package/lib/select/index.js
CHANGED
@@ -2653,7 +2653,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2653
2653
|
type: Function
|
2654
2654
|
},
|
2655
2655
|
searchWithPinyin: shared_namespaceObject.PropTypes.bool.def(true),
|
2656
|
-
highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false)
|
2656
|
+
highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false),
|
2657
|
+
trigger: {
|
2658
|
+
type: String,
|
2659
|
+
"default": 'default'
|
2660
|
+
} // content显示和隐藏方式
|
2657
2661
|
},
|
2658
2662
|
emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
|
2659
2663
|
setup: function setup(props, _ref) {
|
@@ -2693,7 +2697,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2693
2697
|
filterOption = _toRefs.filterOption,
|
2694
2698
|
searchWithPinyin = _toRefs.searchWithPinyin,
|
2695
2699
|
highlightKeyword = _toRefs.highlightKeyword,
|
2696
|
-
disableFocusBehavior = _toRefs.disableFocusBehavior
|
2700
|
+
disableFocusBehavior = _toRefs.disableFocusBehavior,
|
2701
|
+
trigger = _toRefs.trigger;
|
2697
2702
|
var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
|
2698
2703
|
if (props.noDataText === undefined) {
|
2699
2704
|
return t.value.noData;
|
@@ -2910,6 +2915,14 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2910
2915
|
hidePopover = _usePopover.hidePopover,
|
2911
2916
|
showPopover = _usePopover.showPopover,
|
2912
2917
|
togglePopover = _usePopover.togglePopover;
|
2918
|
+
var handleHidePopover = function handleHidePopover() {
|
2919
|
+
if (trigger.value === 'manual') return;
|
2920
|
+
hidePopover();
|
2921
|
+
};
|
2922
|
+
var handleShowPopover = function handleShowPopover() {
|
2923
|
+
if (trigger.value === 'manual') return;
|
2924
|
+
showPopover();
|
2925
|
+
};
|
2913
2926
|
// 输入框是否可以输入内容
|
2914
2927
|
var isInput = (0,external_vue_namespaceObject.computed)(function () {
|
2915
2928
|
return (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
|
@@ -3004,7 +3017,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3004
3017
|
};
|
3005
3018
|
// 派发toggle事件
|
3006
3019
|
var handleTogglePopover = function handleTogglePopover() {
|
3007
|
-
if (isDisabled.value) return;
|
3020
|
+
if (isDisabled.value || trigger.value === 'manual') return;
|
3008
3021
|
handleFocus();
|
3009
3022
|
togglePopover();
|
3010
3023
|
};
|
@@ -3045,7 +3058,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3045
3058
|
label: value
|
3046
3059
|
}];
|
3047
3060
|
emitChange(value);
|
3048
|
-
|
3061
|
+
handleHidePopover();
|
3049
3062
|
}
|
3050
3063
|
customOptionName.value = '';
|
3051
3064
|
};
|
@@ -3089,7 +3102,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3089
3102
|
}];
|
3090
3103
|
emitChange(option.optionID);
|
3091
3104
|
emit('select', option.optionID);
|
3092
|
-
|
3105
|
+
handleHidePopover();
|
3093
3106
|
handleBlur();
|
3094
3107
|
}
|
3095
3108
|
};
|
@@ -3129,7 +3142,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3129
3142
|
selected.value = [];
|
3130
3143
|
emitChange(multiple.value ? [] : '');
|
3131
3144
|
emit('clear', multiple.value ? [] : '');
|
3132
|
-
|
3145
|
+
handleHidePopover();
|
3133
3146
|
};
|
3134
3147
|
var handleSelectedAllOptionMouseEnter = function handleSelectedAllOptionMouseEnter() {
|
3135
3148
|
activeOptionValue.value = '';
|
@@ -3307,7 +3320,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3307
3320
|
var event = _ref2.event;
|
3308
3321
|
var target = event.target;
|
3309
3322
|
if ((_triggerRef$value = triggerRef.value) !== null && _triggerRef$value !== void 0 && _triggerRef$value.contains(target) || triggerRef.value === target) return;
|
3310
|
-
|
3323
|
+
handleHidePopover();
|
3311
3324
|
handleBlur();
|
3312
3325
|
};
|
3313
3326
|
var handlePopoverShow = function handlePopoverShow() {
|
@@ -3335,7 +3348,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3335
3348
|
(0,external_vue_namespaceObject.onMounted)(function () {
|
3336
3349
|
handleSetSelectedData();
|
3337
3350
|
setTimeout(function () {
|
3338
|
-
showOnInit.value &&
|
3351
|
+
showOnInit.value && handleShowPopover();
|
3339
3352
|
autoFocus.value && focusInput();
|
3340
3353
|
});
|
3341
3354
|
});
|
package/lib/select/select.css
CHANGED
@@ -330,8 +330,9 @@
|
|
330
330
|
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
|
331
331
|
position: relative;
|
332
332
|
display: flex;
|
333
|
-
|
333
|
+
height: 32px;
|
334
334
|
padding: 0 12px;
|
335
|
+
line-height: 32px;
|
335
336
|
color: #63656e;
|
336
337
|
text-align: left;
|
337
338
|
cursor: pointer;
|
package/lib/select/select.d.ts
CHANGED
@@ -311,6 +311,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
311
311
|
} & {
|
312
312
|
default: boolean;
|
313
313
|
};
|
314
|
+
trigger: {
|
315
|
+
type: PropType<"default" | "manual">;
|
316
|
+
default: string;
|
317
|
+
};
|
314
318
|
}, {
|
315
319
|
t: import("vue").ComputedRef<{
|
316
320
|
noData: string;
|
@@ -1002,6 +1006,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
1002
1006
|
} & {
|
1003
1007
|
default: boolean;
|
1004
1008
|
};
|
1009
|
+
trigger: {
|
1010
|
+
type: PropType<"default" | "manual">;
|
1011
|
+
default: string;
|
1012
|
+
};
|
1005
1013
|
}>> & {
|
1006
1014
|
onFocus?: (...args: any[]) => any;
|
1007
1015
|
onBlur?: (...args: any[]) => any;
|
@@ -1018,6 +1026,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
1018
1026
|
prefix: string;
|
1019
1027
|
size: "default" | "small" | "large" | "huge";
|
1020
1028
|
disabled: boolean;
|
1029
|
+
trigger: "default" | "manual";
|
1021
1030
|
multiple: boolean;
|
1022
1031
|
showOnInit: boolean;
|
1023
1032
|
placeholder: string;
|
package/lib/select/select.less
CHANGED
@@ -459,8 +459,9 @@
|
|
459
459
|
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
|
460
460
|
position: relative;
|
461
461
|
display: flex;
|
462
|
-
|
462
|
+
height: 32px;
|
463
463
|
padding: 0 12px;
|
464
|
+
line-height: 32px;
|
464
465
|
color: #63656e;
|
465
466
|
text-align: left;
|
466
467
|
cursor: pointer;
|
package/lib/shared/index.d.ts
CHANGED
@@ -34,6 +34,7 @@ export * from './token';
|
|
34
34
|
export * from './utils';
|
35
35
|
export * from './vue-types';
|
36
36
|
export * from './z-index-manager';
|
37
|
+
export * from './mask';
|
37
38
|
export declare function classes(dynamicCls: object, constCls?: string): string;
|
38
39
|
export declare const EMPTY_OBJ: any;
|
39
40
|
export declare const noop: () => void;
|