bkui-vue 0.0.1-beta.195 → 0.0.1-beta.197

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.
Files changed (42) hide show
  1. package/dist/index.cjs.js +62 -60
  2. package/dist/index.esm.js +1552 -198
  3. package/dist/index.umd.js +62 -60
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/components.d.ts +1 -0
  7. package/lib/components.js +1 -1
  8. package/lib/icon/index.js +1 -1
  9. package/lib/process/index.d.ts +2 -2
  10. package/lib/process/index.js +1 -1
  11. package/lib/process/process.css +13 -0
  12. package/lib/process/process.less +17 -0
  13. package/lib/process/process.variable.css +13 -0
  14. package/lib/search-select/index.d.ts +681 -0
  15. package/lib/search-select/index.js +1 -0
  16. package/lib/search-select/input.d.ts +85 -0
  17. package/lib/search-select/menu.css +145 -0
  18. package/lib/search-select/menu.d.ts +83 -0
  19. package/lib/search-select/menu.less +134 -0
  20. package/lib/search-select/menu.variable.css +145 -0
  21. package/lib/search-select/search-select.css +426 -0
  22. package/lib/search-select/search-select.d.ts +273 -0
  23. package/lib/search-select/search-select.less +227 -0
  24. package/lib/search-select/search-select.variable.css +539 -0
  25. package/lib/search-select/selected.css +21 -0
  26. package/lib/search-select/selected.d.ts +137 -0
  27. package/lib/search-select/selected.less +24 -0
  28. package/lib/search-select/selected.variable.css +21 -0
  29. package/lib/search-select/utils.d.ts +79 -0
  30. package/lib/styles/index.d.ts +1 -0
  31. package/lib/styles/mixins/animate.css +21 -0
  32. package/lib/tag-input/common.d.ts +4 -1
  33. package/lib/tag-input/index.d.ts +353 -377
  34. package/lib/tag-input/index.js +1 -1
  35. package/lib/tag-input/tag-input.d.ts +172 -178
  36. package/lib/tag-input/tag-props.d.ts +82 -79
  37. package/lib/timeline/index.d.ts +2 -2
  38. package/lib/upload/index.d.ts +7 -7
  39. package/lib/upload/upload.d.ts +2 -2
  40. package/lib/volar.components.d.ts +1 -0
  41. package/package.json +2 -3
  42. package/lib/icon/image-fill.js +0 -1
@@ -0,0 +1,426 @@
1
+ /* stylelint-disable declaration-no-important */
2
+ @keyframes loading-scale-animate {
3
+ 0% {
4
+ transform: scale(1);
5
+ }
6
+ 100% {
7
+ transform: scale(0.6);
8
+ }
9
+ }
10
+ @keyframes fade {
11
+ 100% {
12
+ background-color: transparent;
13
+ }
14
+ }
15
+ .bk-fade-transtion .bk-fade-enter-active,
16
+ .bk-fade-transtion .bk-fade-leave-active {
17
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
18
+ }
19
+ .bk-fade-transtion .bk-fade-enter,
20
+ .bk-fade-transtion .bk-fade-leave-to {
21
+ opacity: 0;
22
+ }
23
+ .clearfix-style::after {
24
+ display: block;
25
+ height: 0;
26
+ clear: both;
27
+ font-size: 0;
28
+ content: '';
29
+ visibility: hidden;
30
+ }
31
+ .bk-popper {
32
+ display: none;
33
+ padding: 7px 14px;
34
+ font-size: 12px;
35
+ color: #fff;
36
+ background: #333;
37
+ border-radius: 4px;
38
+ }
39
+ .bk-popper.light {
40
+ color: #63656e;
41
+ background: #fff;
42
+ box-shadow: #dcdee5 0px 0px 6px 0px;
43
+ }
44
+ .bk-popper .bk-popper-arrow,
45
+ .bk-popper .bk-popper-arrow::before {
46
+ position: absolute;
47
+ width: 8px;
48
+ height: 8px;
49
+ background: inherit;
50
+ }
51
+ .bk-popper .bk-popper-arrow {
52
+ visibility: hidden;
53
+ }
54
+ .bk-popper .bk-popper-arrow::before {
55
+ content: '';
56
+ visibility: visible;
57
+ transform: rotate(45deg);
58
+ }
59
+ .bk-popper[data-show] {
60
+ display: block;
61
+ }
62
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
63
+ bottom: -4px;
64
+ }
65
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
66
+ top: -4px;
67
+ }
68
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
69
+ right: -4px;
70
+ }
71
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
72
+ left: -4px;
73
+ }
74
+ .menu-list-mixin {
75
+ display: flex;
76
+ flex-direction: column;
77
+ }
78
+ .menu-item-mixin {
79
+ display: flex;
80
+ align-items: center;
81
+ width: 100%;
82
+ height: 32px;
83
+ padding: 0 12px;
84
+ flex: 0 0 32px;
85
+ outline: none;
86
+ }
87
+ .menu-item-mixin:hover {
88
+ cursor: pointer;
89
+ background-color: #f5f7fa;
90
+ }
91
+ .menu-disabled-mixin {
92
+ color: #c4c6cc;
93
+ }
94
+ .menu-disabled-mixin:hover {
95
+ cursor: not-allowed;
96
+ background-color: white;
97
+ }
98
+ .search-select-menu {
99
+ display: flex;
100
+ min-width: 160px;
101
+ font-size: 12px;
102
+ color: #63656e;
103
+ flex-direction: column;
104
+ }
105
+ .search-select-menu .menu-header {
106
+ display: flex;
107
+ flex-direction: column;
108
+ border-bottom: 1px solid #dcdee5;
109
+ }
110
+ .search-select-menu .menu-header-item {
111
+ display: flex;
112
+ align-items: center;
113
+ width: 100%;
114
+ height: 32px;
115
+ padding: 0 12px;
116
+ flex: 0 0 32px;
117
+ outline: none;
118
+ }
119
+ .search-select-menu .menu-header-item:hover {
120
+ cursor: pointer;
121
+ background-color: #f5f7fa;
122
+ }
123
+ .search-select-menu .menu-header-item.is-disabled {
124
+ color: #c4c6cc;
125
+ }
126
+ .search-select-menu .menu-header-item.is-disabled:hover {
127
+ cursor: not-allowed;
128
+ background-color: white;
129
+ }
130
+ .search-select-menu .menu-content {
131
+ display: flex;
132
+ flex-direction: column;
133
+ flex: 1;
134
+ max-height: 240px;
135
+ overflow: auto;
136
+ }
137
+ .search-select-menu .menu-content .menu-item {
138
+ display: flex;
139
+ align-items: center;
140
+ width: 100%;
141
+ height: 32px;
142
+ padding: 0 12px;
143
+ flex: 0 0 32px;
144
+ outline: none;
145
+ }
146
+ .search-select-menu .menu-content .menu-item:hover {
147
+ cursor: pointer;
148
+ background-color: #f5f7fa;
149
+ }
150
+ .search-select-menu .menu-content .menu-item .is-keyword {
151
+ display: inline-flex;
152
+ color: #3a84ff;
153
+ }
154
+ .search-select-menu .menu-content .menu-item .is-selected {
155
+ display: flex;
156
+ width: 14px;
157
+ height: 14px;
158
+ margin-left: auto;
159
+ overflow: hidden;
160
+ font-size: 18px;
161
+ font-weight: bold;
162
+ color: #3a84ff;
163
+ align-items: center;
164
+ justify-content: center;
165
+ }
166
+ .search-select-menu .menu-content .menu-item.is-hover {
167
+ color: #3a84ff;
168
+ background-color: #f5f7fa;
169
+ }
170
+ .search-select-menu .menu-content .menu-item.is-hover .menu-name {
171
+ color: #3a84ff;
172
+ }
173
+ .search-select-menu .menu-content .menu-item.is-disabled {
174
+ color: #c4c6cc;
175
+ }
176
+ .search-select-menu .menu-content .menu-item.is-disabled:hover {
177
+ cursor: not-allowed;
178
+ background-color: white;
179
+ }
180
+ .search-select-menu .menu-content .menu-item.is-disabled .menu-name {
181
+ color: #c4c6cc;
182
+ }
183
+ .search-select-menu .menu-content .menu-item .menu-name {
184
+ display: flex;
185
+ max-width: 100px;
186
+ margin-right: 5px;
187
+ font-weight: bold;
188
+ color: #63656e;
189
+ align-items: center;
190
+ }
191
+ .search-select-menu .menu-footer {
192
+ display: flex;
193
+ width: 100%;
194
+ height: 32px;
195
+ border-top: 1px solid #dcdee5;
196
+ align-items: center;
197
+ }
198
+ .search-select-menu .menu-footer-btn {
199
+ flex: 1;
200
+ display: flex;
201
+ align-items: center;
202
+ justify-content: center;
203
+ height: 100%;
204
+ }
205
+ .search-select-menu .menu-footer-btn:first-child {
206
+ border-right: 1px solid #dcdee5;
207
+ }
208
+ .search-select-menu .menu-footer-btn:hover {
209
+ color: #3a84ff;
210
+ cursor: pointer;
211
+ }
212
+ .search-select-menu .menu-footer-btn.is-disabled {
213
+ color: #c4c6cc;
214
+ }
215
+ .search-select-menu .menu-footer-btn.is-disabled:hover {
216
+ cursor: not-allowed;
217
+ background-color: white;
218
+ }
219
+ .search-seleted-input {
220
+ position: relative;
221
+ display: flex;
222
+ height: 100%;
223
+ min-width: 150px;
224
+ min-width: 40px;
225
+ padding: 0 10px;
226
+ margin-top: -4px;
227
+ color: #63656e;
228
+ border: none;
229
+ align-items: center;
230
+ offset: none;
231
+ }
232
+ .search-seleted-input .div-input {
233
+ height: 30px;
234
+ padding: 5px 0;
235
+ line-height: 20px;
236
+ word-break: break-all;
237
+ flex: 1 1 auto;
238
+ outline: none;
239
+ }
240
+ .search-select-wrap {
241
+ position: relative;
242
+ z-index: 9;
243
+ height: 32px;
244
+ overflow: inherit;
245
+ }
246
+ .search-select-wrap .bk-search-select {
247
+ position: relative;
248
+ display: flex;
249
+ min-height: 30px;
250
+ overflow: hidden;
251
+ font-size: 12px;
252
+ color: #63656e;
253
+ border: 1px solid #c4c6cc;
254
+ border-radius: 2px;
255
+ outline: none;
256
+ box-sizing: border-box;
257
+ transition: border 0.2s linear;
258
+ resize: none;
259
+ flex-direction: row;
260
+ align-items: center;
261
+ flex-wrap: wrap;
262
+ }
263
+ .search-select-wrap .bk-search-select.is-focus {
264
+ overflow: auto;
265
+ color: #3c96ff;
266
+ background: #fff !important;
267
+ border-color: #3c96ff !important;
268
+ }
269
+ .search-select-wrap .bk-search-select .search-prefix {
270
+ flex: 0 0 auto;
271
+ display: flex;
272
+ align-items: center;
273
+ height: 100%;
274
+ }
275
+ .search-select-wrap .bk-search-select .search-input {
276
+ position: relative;
277
+ display: flex;
278
+ min-height: 26px;
279
+ padding: 0 2px;
280
+ margin-top: 4px;
281
+ overflow: visible;
282
+ text-align: left;
283
+ transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
284
+ flex: 1;
285
+ flex-wrap: wrap;
286
+ align-items: center;
287
+ }
288
+ .search-select-wrap .bk-search-select .search-input-chip {
289
+ position: relative;
290
+ display: inline-block;
291
+ max-width: 99%;
292
+ padding-left: 8px;
293
+ margin: 0 0 4px 6px;
294
+ line-height: 22px;
295
+ color: #63656e;
296
+ background: #f0f1f5;
297
+ border-radius: 2px;
298
+ flex: 0 0 auto;
299
+ align-self: center;
300
+ }
301
+ .search-select-wrap .bk-search-select .search-input-chip.hidden-chip {
302
+ visibility: hidden;
303
+ }
304
+ .search-select-wrap .bk-search-select .search-input-chip.overflow-chip {
305
+ padding-right: 8px;
306
+ }
307
+ .search-select-wrap .bk-search-select .search-input-chip:hover {
308
+ background: #dcdee5;
309
+ }
310
+ .search-select-wrap .bk-search-select .search-input-chip:hover .chip-clear {
311
+ color: #63656e;
312
+ }
313
+ .search-select-wrap .bk-search-select .search-input-chip .chip-name {
314
+ display: inline-block;
315
+ margin-right: 20px;
316
+ word-break: break-all;
317
+ }
318
+ .search-select-wrap .bk-search-select .search-input-chip .chip-clear {
319
+ position: absolute;
320
+ top: 4px;
321
+ right: 3px;
322
+ display: inline-flex;
323
+ width: 14px;
324
+ height: 14px;
325
+ overflow: hidden;
326
+ font-size: 12px;
327
+ line-height: normal;
328
+ color: #979ba5;
329
+ text-align: center;
330
+ cursor: pointer;
331
+ align-items: center;
332
+ justify-content: center;
333
+ }
334
+ .search-select-wrap .bk-search-select .search-input-input {
335
+ position: relative;
336
+ display: flex;
337
+ height: 100%;
338
+ min-width: 40px;
339
+ padding: 0 10px;
340
+ margin-top: -4px;
341
+ color: #63656e;
342
+ border: none;
343
+ flex: 1 1 auto;
344
+ align-items: center;
345
+ }
346
+ .search-select-wrap .bk-search-select .search-input-input .div-input {
347
+ height: 30px;
348
+ padding: 5px 0;
349
+ line-height: 20px;
350
+ word-break: break-all;
351
+ flex: 1 1 auto;
352
+ }
353
+ .search-select-wrap .bk-search-select .search-input-input .div-input:focus {
354
+ outline: none;
355
+ }
356
+ .search-select-wrap .bk-search-select .search-input-input .input-before:before {
357
+ color: #c4c6cc;
358
+ content: attr(data-placeholder);
359
+ }
360
+ .search-select-wrap .bk-search-select .search-input-input .input-after:after {
361
+ padding-left: 2px;
362
+ color: #c4c6cc;
363
+ content: attr(data-tips);
364
+ }
365
+ .search-select-wrap .bk-search-select .search-nextfix {
366
+ display: flex;
367
+ color: #c4c6cc;
368
+ align-items: center;
369
+ }
370
+ .search-select-wrap .bk-search-select .search-nextfix .search-clear {
371
+ display: flex;
372
+ width: 12px;
373
+ height: 12px;
374
+ margin-right: 6px;
375
+ font-size: 12px;
376
+ color: #c4c6cc;
377
+ align-items: center;
378
+ justify-content: center;
379
+ }
380
+ .search-select-wrap .bk-search-select .search-nextfix .search-clear:hover {
381
+ color: #979ba5;
382
+ cursor: pointer;
383
+ }
384
+ .search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon {
385
+ display: flex;
386
+ margin-right: 8px;
387
+ font-size: 16px;
388
+ transition: color 0.2s linear;
389
+ align-items: center;
390
+ justify-content: center;
391
+ }
392
+ .search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon.is-focus {
393
+ color: #3c96ff;
394
+ background: #fff !important;
395
+ border-color: #3c96ff !important;
396
+ }
397
+ .search-select-wrap .bk-search-select::-webkit-scrollbar {
398
+ width: 3px;
399
+ height: 5px;
400
+ }
401
+ .search-select-wrap .bk-search-select::-webkit-scrollbar-thumb {
402
+ background: #e6e9ea;
403
+ border-radius: 20px;
404
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
405
+ }
406
+ .search-select-wrap .bk-select-tips {
407
+ display: flex;
408
+ margin-top: 5px;
409
+ font-size: 12px;
410
+ line-height: 16px;
411
+ color: #ea3636;
412
+ align-items: center;
413
+ }
414
+ .search-select-wrap .bk-select-tips .select-tips {
415
+ display: flex;
416
+ width: 16px;
417
+ height: 16px;
418
+ margin-right: 5px;
419
+ overflow: hidden;
420
+ font-size: 16px;
421
+ align-items: center;
422
+ justify-content: center;
423
+ }
424
+ .popover-content {
425
+ margin: -7px -14px;
426
+ }
@@ -0,0 +1,273 @@
1
+ import { PropType } from 'vue';
2
+ import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, SearchItemType, SelectedItem, ValidateValuesFunc } from './utils';
3
+ export declare const SearchSelectProps: {
4
+ data: {
5
+ type: PropType<ISearchItem[]>;
6
+ default: () => any[];
7
+ };
8
+ modelValue: {
9
+ type: PropType<ISearchValue[]>;
10
+ default: () => any[];
11
+ };
12
+ shrink: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ maxHeight: {
17
+ type: NumberConstructor;
18
+ default: number;
19
+ };
20
+ minHeight: {
21
+ type: NumberConstructor;
22
+ default: number;
23
+ };
24
+ conditions: {
25
+ type: PropType<ICommonItem[]>;
26
+ default: () => {
27
+ id: string;
28
+ name: string;
29
+ }[];
30
+ };
31
+ clearable: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ getMenuList: PropType<GetMenuListFunc>;
36
+ validateValues: PropType<ValidateValuesFunc>;
37
+ };
38
+ declare const _default: import("vue").DefineComponent<{
39
+ data: {
40
+ type: PropType<ISearchItem[]>;
41
+ default: () => any[];
42
+ };
43
+ modelValue: {
44
+ type: PropType<ISearchValue[]>;
45
+ default: () => any[];
46
+ };
47
+ shrink: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ maxHeight: {
52
+ type: NumberConstructor;
53
+ default: number;
54
+ };
55
+ minHeight: {
56
+ type: NumberConstructor;
57
+ default: number;
58
+ };
59
+ conditions: {
60
+ type: PropType<ICommonItem[]>;
61
+ default: () => {
62
+ id: string;
63
+ name: string;
64
+ }[];
65
+ };
66
+ clearable: {
67
+ type: BooleanConstructor;
68
+ default: boolean;
69
+ };
70
+ getMenuList: PropType<GetMenuListFunc>;
71
+ validateValues: PropType<ValidateValuesFunc>;
72
+ }, {
73
+ inputRef: import("vue").Ref<import("vue").DefineComponent<{
74
+ data: {
75
+ type: PropType<ISearchItem[]>;
76
+ required: true;
77
+ };
78
+ showInputBefore: BooleanConstructor;
79
+ showCondition: BooleanConstructor;
80
+ clickOutside: FunctionConstructor;
81
+ conditions: {
82
+ type: PropType<ICommonItem[]>;
83
+ default: () => any[];
84
+ };
85
+ defautUsingItem: PropType<SelectedItem>;
86
+ mode: {
87
+ type: PropType<import("./utils").SearchInputMode>;
88
+ default: import("./utils").SearchInputMode;
89
+ };
90
+ geMenuList: PropType<GetMenuListFunc>;
91
+ validateValues: PropType<ValidateValuesFunc>;
92
+ }, {
93
+ popoverRef: import("vue").Ref<HTMLDivElement>;
94
+ inputRef: import("vue").Ref<HTMLDivElement>;
95
+ keyword: import("vue").Ref<string>;
96
+ loading: import("vue").Ref<boolean>;
97
+ remoteMenuList: import("vue").Ref<{
98
+ id: string;
99
+ name: string;
100
+ disabled?: boolean;
101
+ realId?: string;
102
+ value?: {
103
+ name: string;
104
+ id: string;
105
+ realId?: string;
106
+ };
107
+ }[]>;
108
+ menuList: import("vue").Ref<ISearchItem[]>;
109
+ menuHoverId: import("vue").Ref<string>;
110
+ isFocus: import("vue").Ref<boolean>;
111
+ usingItem: import("vue").Ref<SelectedItem>;
112
+ showPopover: import("vue").Ref<boolean>;
113
+ showNoSelectValueError: import("vue").Ref<boolean>;
114
+ debounceSetMenuList: {
115
+ (this: any): any;
116
+ cancel(): void;
117
+ };
118
+ documentArrowEvent: (e: KeyboardEvent) => void;
119
+ handleClickOutside: (e: MouseEvent) => void;
120
+ handleInputFocus: (e: FocusEvent) => void;
121
+ handleInputChange: (event: Event) => void;
122
+ handleInputKeyup: (event: KeyboardEvent) => void;
123
+ handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
124
+ handleSelectCondtionItem: (item: ICommonItem) => void;
125
+ handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
126
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "add" | "delete")[], "focus" | "add" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
127
+ data: {
128
+ type: PropType<ISearchItem[]>;
129
+ required: true;
130
+ };
131
+ showInputBefore: BooleanConstructor;
132
+ showCondition: BooleanConstructor;
133
+ clickOutside: FunctionConstructor;
134
+ conditions: {
135
+ type: PropType<ICommonItem[]>;
136
+ default: () => any[];
137
+ };
138
+ defautUsingItem: PropType<SelectedItem>;
139
+ mode: {
140
+ type: PropType<import("./utils").SearchInputMode>;
141
+ default: import("./utils").SearchInputMode;
142
+ };
143
+ geMenuList: PropType<GetMenuListFunc>;
144
+ validateValues: PropType<ValidateValuesFunc>;
145
+ }>> & {
146
+ onFocus?: (...args: any[]) => any;
147
+ onAdd?: (...args: any[]) => any;
148
+ onDelete?: (...args: any[]) => any;
149
+ }, {
150
+ mode: import("./utils").SearchInputMode;
151
+ conditions: ICommonItem[];
152
+ showInputBefore: boolean;
153
+ showCondition: boolean;
154
+ }>>;
155
+ wrapRef: import("vue").Ref<HTMLDivElement>;
156
+ isFocus: import("vue").Ref<boolean>;
157
+ selectedList: import("vue").Ref<{
158
+ id: string;
159
+ name: string;
160
+ values: {
161
+ id: string;
162
+ name: string;
163
+ disabled?: boolean;
164
+ realId?: string;
165
+ value?: {
166
+ name: string;
167
+ id: string;
168
+ realId?: string;
169
+ };
170
+ }[];
171
+ condition: string;
172
+ searchItem: {
173
+ id: string;
174
+ name: string;
175
+ children?: {
176
+ id: string;
177
+ name: string;
178
+ disabled?: boolean;
179
+ realId?: string;
180
+ value?: {
181
+ name: string;
182
+ id: string;
183
+ realId?: string;
184
+ };
185
+ }[];
186
+ multiple?: boolean;
187
+ async?: boolean;
188
+ noValidate?: boolean;
189
+ placeholder?: string;
190
+ disabled?: boolean;
191
+ };
192
+ type: SearchItemType;
193
+ readonly multiple: boolean;
194
+ readonly placeholder: string;
195
+ readonly children: {
196
+ id: string;
197
+ name: string;
198
+ disabled?: boolean;
199
+ realId?: string;
200
+ value?: {
201
+ name: string;
202
+ id: string;
203
+ realId?: string;
204
+ };
205
+ }[];
206
+ readonly validate: boolean;
207
+ readonly inputInnerHtml: string;
208
+ readonly inputInnerText: string;
209
+ readonly keyInnerHtml: string;
210
+ readonly keyInnerText: string;
211
+ isSpecialType: () => boolean;
212
+ addValue: (item: ICommonItem) => void;
213
+ toValue: () => ISearchValue;
214
+ toValueKey: () => string;
215
+ isInValueList: (item: ICommonItem) => boolean;
216
+ }[]>;
217
+ overflowIndex: import("vue").Ref<number>;
218
+ validateStr: import("vue").Ref<string>;
219
+ onEditClick: (item: SelectedItem, index: number) => void;
220
+ onEditEnter: (item: SelectedItem, index: number) => void;
221
+ handleWrapClick: () => void;
222
+ handleInputFocus: (v: boolean) => void;
223
+ handleResize: () => void;
224
+ handleClearAll: () => void;
225
+ handleInputOutside: (target: Node) => boolean;
226
+ handleAddSelected: (item: SelectedItem) => void;
227
+ handleDeleteSelected: (index?: number) => void;
228
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
229
+ data: {
230
+ type: PropType<ISearchItem[]>;
231
+ default: () => any[];
232
+ };
233
+ modelValue: {
234
+ type: PropType<ISearchValue[]>;
235
+ default: () => any[];
236
+ };
237
+ shrink: {
238
+ type: BooleanConstructor;
239
+ default: boolean;
240
+ };
241
+ maxHeight: {
242
+ type: NumberConstructor;
243
+ default: number;
244
+ };
245
+ minHeight: {
246
+ type: NumberConstructor;
247
+ default: number;
248
+ };
249
+ conditions: {
250
+ type: PropType<ICommonItem[]>;
251
+ default: () => {
252
+ id: string;
253
+ name: string;
254
+ }[];
255
+ };
256
+ clearable: {
257
+ type: BooleanConstructor;
258
+ default: boolean;
259
+ };
260
+ getMenuList: PropType<GetMenuListFunc>;
261
+ validateValues: PropType<ValidateValuesFunc>;
262
+ }>> & {
263
+ "onUpdate:modelValue"?: (...args: any[]) => any;
264
+ }, {
265
+ data: ISearchItem[];
266
+ maxHeight: number;
267
+ minHeight: number;
268
+ clearable: boolean;
269
+ modelValue: ISearchValue[];
270
+ conditions: ICommonItem[];
271
+ shrink: boolean;
272
+ }>;
273
+ export default _default;