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,539 @@
1
+ /* stylelint-disable declaration-no-important */
2
+ :root {
3
+ --bk-prefix: bk;
4
+ --popover-max-height: 216px;
5
+ --primary-color: #3a84ff;
6
+ --success-color: #2dcb56;
7
+ --warning-color: #ff9c01;
8
+ --danger-color: #ea3636;
9
+ --default-color: #63656e;
10
+ --gray-color: #979ba5;
11
+ --light-gray: #c4c6cc;
12
+ --white-color: white;
13
+ --whitesmoke-color: #fafbfd;
14
+ --disable-color: #dcdee5;
15
+ --font-size-base: 12px;
16
+ --font-size-medium: 14px;
17
+ --font-size-large: 16px;
18
+ --line-height-base: 16px;
19
+ --line-height-medium: 16px;
20
+ --line-height-large: 18px;
21
+ --component-size-small: 26px;
22
+ --component-size-base: 32px;
23
+ --component-size-large: 40px;
24
+ --border-width-base: 1px;
25
+ --border-style-base: solid;
26
+ --border-radius-base: 2px;
27
+ --input-disabled-bg: #fafbfd;
28
+ --input-disabled-border: var(--disable-color);
29
+ --input-height-base: var(--component-size-base);
30
+ --input-color: var(--default-color);
31
+ --input-bg: white;
32
+ --input-border-color: var(--light-gray);
33
+ --input-broder-radius: 3px;
34
+ --input-shadow-color: #a3c5fd;
35
+ --input-horizontal-padding: 10px;
36
+ --input-block-color: #f5f7fa;
37
+ --input-block-hover-color: #eaebf0;
38
+ --input-icon-size: var(--font-size-medium);
39
+ --input-maxlength-color: #979ba5;
40
+ --button-primary-hover-color: #5594fa;
41
+ --button-danger-hover-color: #ff5656;
42
+ --button-success-hover-color: #45e35f;
43
+ --button-warning-hover-color: #ffb848;
44
+ --button-default-hover-border-color: #979ba5;
45
+ --button-primary-active-color: #2c77f4;
46
+ --button-danger-active-color: #db2626;
47
+ --button-success-active-color: #1ab943;
48
+ --button-warning-active-color: #eb9000;
49
+ --button-selected-bg-color: #e1ecff;
50
+ --button-disabled-selected-bg-color: #f0f1f5;
51
+ --radio-font-color: #63656e;
52
+ --radio-active-color: #5594fa;
53
+ --radio-hover-border-color: #979ba5;
54
+ --radio-disabled-border: #dcdee5;
55
+ --radio-disabled-font-color: #c4c6c;
56
+ --radio-distable-checked-bg: #fafbfd;
57
+ --radio-button-checked-bg: #e1ecff;
58
+ --fixed-navbar-background: #fff;
59
+ --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
60
+ --switch-default-color: #fff;
61
+ --switch-grey-color: #c4c6cc;
62
+ --breadcrumb-black-color: #979ba5;
63
+ --breadcrumb-primary-hover-color: #0082ff;
64
+ --breadcrumb-fn-main-color: #63656e;
65
+ --link-default-hover-color: #979ba5;
66
+ --link-primary-hover-color: #699df4;
67
+ --link-success-hover-color: #45e35f;
68
+ --link-warning-hover-color: #ffb848;
69
+ --link-danger-hover-color: #ff5656;
70
+ --link-default-disabled-color: #dcdee5;
71
+ --link-primary-disabled-color: #a3c5fd;
72
+ --link-success-disabled-color: #94f5a4;
73
+ --link-warning-disabled-color: #ffd695;
74
+ --link-danger-disabled-color: #fd9c9c;
75
+ --message-color: var(--default-color);
76
+ --message-primary-bg-color: #f0f8ff;
77
+ --message-primary-border-color: #e1ecff;
78
+ --message-primary-shadow-color: #e1e8f4;
79
+ --message-warning-bg-color: #fff4e2;
80
+ --message-warning-border-color: #ffe8c3;
81
+ --message-warning-shadow-color: #ede6db;
82
+ --message-success-bg-color: #f2fff4;
83
+ --message-success-border-color: #dcffe2;
84
+ --message-success-shadow-color: #cef0d7;
85
+ --message-danger-bg-color: #ffeded;
86
+ --message-danger-border-color: #ffdddd;
87
+ --message-danger-shadow-color: #f6dada;
88
+ --slider-default-bg: #dcdee5;
89
+ --slider-disable-bar-bg: #979ba5;
90
+ --menu-bg-color: #182132;
91
+ --submenu-bg-color: #151d2c;
92
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
93
+ --menu-color: #96a2b9;
94
+ --menu-group-color: var(--default-color);
95
+ --menu-width: 260px;
96
+ --menu-collapse-width: 60px;
97
+ --menu-active-color: white;
98
+ --nav-header-bg-color: #182132;
99
+ --nav-bg-color: #182132;
100
+ --date-picker-disabled-bg: #fafbfd;
101
+ --date-picker-dropdown-mb: 4px;
102
+ --date-picker-dropdown-bg: #fff;
103
+ --table-bg-color: var(--white-color);
104
+ --table-border-color: #dcdee5;
105
+ --table-head-bg-color: #fafbfd;
106
+ --table-head-font-color: #313238;
107
+ --table-body-font-color: #575961;
108
+ --table-row-hover-bg-color: #f5f7fa;
109
+ --table-row-active-bg-color: #f0f1f5;
110
+ --cascader-panel-border-color: #dcdee5;
111
+ --cascader-panel-hover: #f5f7fa;
112
+ --cascader-panel-active: #e1ecff;
113
+ --cascader-panel-disabled-bg: #fff;
114
+ }
115
+ @keyframes loading-scale-animate {
116
+ 0% {
117
+ transform: scale(1);
118
+ }
119
+ 100% {
120
+ transform: scale(0.6);
121
+ }
122
+ }
123
+ @keyframes fade {
124
+ 100% {
125
+ background-color: transparent;
126
+ }
127
+ }
128
+ .bk-fade-transtion .bk-fade-enter-active,
129
+ .bk-fade-transtion .bk-fade-leave-active {
130
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
131
+ }
132
+ .bk-fade-transtion .bk-fade-enter,
133
+ .bk-fade-transtion .bk-fade-leave-to {
134
+ opacity: 0;
135
+ }
136
+ .clearfix-style::after {
137
+ display: block;
138
+ height: 0;
139
+ clear: both;
140
+ font-size: 0;
141
+ content: '';
142
+ visibility: hidden;
143
+ }
144
+ .bk-popper {
145
+ display: none;
146
+ padding: 7px 14px;
147
+ font-size: 12px;
148
+ color: #fff;
149
+ background: #333;
150
+ border-radius: 4px;
151
+ }
152
+ .bk-popper.light {
153
+ color: #63656e;
154
+ background: #fff;
155
+ box-shadow: #dcdee5 0px 0px 6px 0px;
156
+ }
157
+ .bk-popper .bk-popper-arrow,
158
+ .bk-popper .bk-popper-arrow::before {
159
+ position: absolute;
160
+ width: 8px;
161
+ height: 8px;
162
+ background: inherit;
163
+ }
164
+ .bk-popper .bk-popper-arrow {
165
+ visibility: hidden;
166
+ }
167
+ .bk-popper .bk-popper-arrow::before {
168
+ content: '';
169
+ visibility: visible;
170
+ transform: rotate(45deg);
171
+ }
172
+ .bk-popper[data-show] {
173
+ display: block;
174
+ }
175
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
176
+ bottom: -4px;
177
+ }
178
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
179
+ top: -4px;
180
+ }
181
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
182
+ right: -4px;
183
+ }
184
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
185
+ left: -4px;
186
+ }
187
+ .menu-list-mixin {
188
+ display: flex;
189
+ flex-direction: column;
190
+ }
191
+ .menu-item-mixin {
192
+ display: flex;
193
+ align-items: center;
194
+ width: 100%;
195
+ height: 32px;
196
+ padding: 0 12px;
197
+ flex: 0 0 32px;
198
+ outline: none;
199
+ }
200
+ .menu-item-mixin:hover {
201
+ cursor: pointer;
202
+ background-color: #f5f7fa;
203
+ }
204
+ .menu-disabled-mixin {
205
+ color: #c4c6cc;
206
+ }
207
+ .menu-disabled-mixin:hover {
208
+ cursor: not-allowed;
209
+ background-color: white;
210
+ }
211
+ .search-select-menu {
212
+ display: flex;
213
+ min-width: 160px;
214
+ font-size: 12px;
215
+ color: #63656e;
216
+ flex-direction: column;
217
+ }
218
+ .search-select-menu .menu-header {
219
+ display: flex;
220
+ flex-direction: column;
221
+ border-bottom: 1px solid #dcdee5;
222
+ }
223
+ .search-select-menu .menu-header-item {
224
+ display: flex;
225
+ align-items: center;
226
+ width: 100%;
227
+ height: 32px;
228
+ padding: 0 12px;
229
+ flex: 0 0 32px;
230
+ outline: none;
231
+ }
232
+ .search-select-menu .menu-header-item:hover {
233
+ cursor: pointer;
234
+ background-color: #f5f7fa;
235
+ }
236
+ .search-select-menu .menu-header-item.is-disabled {
237
+ color: #c4c6cc;
238
+ }
239
+ .search-select-menu .menu-header-item.is-disabled:hover {
240
+ cursor: not-allowed;
241
+ background-color: white;
242
+ }
243
+ .search-select-menu .menu-content {
244
+ display: flex;
245
+ flex-direction: column;
246
+ flex: 1;
247
+ max-height: 240px;
248
+ overflow: auto;
249
+ }
250
+ .search-select-menu .menu-content .menu-item {
251
+ display: flex;
252
+ align-items: center;
253
+ width: 100%;
254
+ height: 32px;
255
+ padding: 0 12px;
256
+ flex: 0 0 32px;
257
+ outline: none;
258
+ }
259
+ .search-select-menu .menu-content .menu-item:hover {
260
+ cursor: pointer;
261
+ background-color: #f5f7fa;
262
+ }
263
+ .search-select-menu .menu-content .menu-item .is-keyword {
264
+ display: inline-flex;
265
+ color: #3a84ff;
266
+ }
267
+ .search-select-menu .menu-content .menu-item .is-selected {
268
+ display: flex;
269
+ width: 14px;
270
+ height: 14px;
271
+ margin-left: auto;
272
+ overflow: hidden;
273
+ font-size: 18px;
274
+ font-weight: bold;
275
+ color: #3a84ff;
276
+ align-items: center;
277
+ justify-content: center;
278
+ }
279
+ .search-select-menu .menu-content .menu-item.is-hover {
280
+ color: #3a84ff;
281
+ background-color: #f5f7fa;
282
+ }
283
+ .search-select-menu .menu-content .menu-item.is-hover .menu-name {
284
+ color: #3a84ff;
285
+ }
286
+ .search-select-menu .menu-content .menu-item.is-disabled {
287
+ color: #c4c6cc;
288
+ }
289
+ .search-select-menu .menu-content .menu-item.is-disabled:hover {
290
+ cursor: not-allowed;
291
+ background-color: white;
292
+ }
293
+ .search-select-menu .menu-content .menu-item.is-disabled .menu-name {
294
+ color: #c4c6cc;
295
+ }
296
+ .search-select-menu .menu-content .menu-item .menu-name {
297
+ display: flex;
298
+ max-width: 100px;
299
+ margin-right: 5px;
300
+ font-weight: bold;
301
+ color: #63656e;
302
+ align-items: center;
303
+ }
304
+ .search-select-menu .menu-footer {
305
+ display: flex;
306
+ width: 100%;
307
+ height: 32px;
308
+ border-top: 1px solid #dcdee5;
309
+ align-items: center;
310
+ }
311
+ .search-select-menu .menu-footer-btn {
312
+ flex: 1;
313
+ display: flex;
314
+ align-items: center;
315
+ justify-content: center;
316
+ height: 100%;
317
+ }
318
+ .search-select-menu .menu-footer-btn:first-child {
319
+ border-right: 1px solid #dcdee5;
320
+ }
321
+ .search-select-menu .menu-footer-btn:hover {
322
+ color: #3a84ff;
323
+ cursor: pointer;
324
+ }
325
+ .search-select-menu .menu-footer-btn.is-disabled {
326
+ color: #c4c6cc;
327
+ }
328
+ .search-select-menu .menu-footer-btn.is-disabled:hover {
329
+ cursor: not-allowed;
330
+ background-color: white;
331
+ }
332
+ .search-seleted-input {
333
+ position: relative;
334
+ display: flex;
335
+ height: 100%;
336
+ min-width: 150px;
337
+ min-width: 40px;
338
+ padding: 0 10px;
339
+ margin-top: -4px;
340
+ color: #63656e;
341
+ border: none;
342
+ align-items: center;
343
+ offset: none;
344
+ }
345
+ .search-seleted-input .div-input {
346
+ height: 30px;
347
+ padding: 5px 0;
348
+ line-height: 20px;
349
+ word-break: break-all;
350
+ flex: 1 1 auto;
351
+ outline: none;
352
+ }
353
+ .search-select-wrap {
354
+ position: relative;
355
+ z-index: 9;
356
+ height: 32px;
357
+ overflow: inherit;
358
+ }
359
+ .search-select-wrap .bk-search-select {
360
+ position: relative;
361
+ display: flex;
362
+ min-height: 30px;
363
+ overflow: hidden;
364
+ font-size: 12px;
365
+ color: #63656e;
366
+ border: 1px solid #c4c6cc;
367
+ border-radius: 2px;
368
+ outline: none;
369
+ box-sizing: border-box;
370
+ transition: border 0.2s linear;
371
+ resize: none;
372
+ flex-direction: row;
373
+ align-items: center;
374
+ flex-wrap: wrap;
375
+ }
376
+ .search-select-wrap .bk-search-select.is-focus {
377
+ overflow: auto;
378
+ color: #3c96ff;
379
+ background: #fff !important;
380
+ border-color: #3c96ff !important;
381
+ }
382
+ .search-select-wrap .bk-search-select .search-prefix {
383
+ flex: 0 0 auto;
384
+ display: flex;
385
+ align-items: center;
386
+ height: 100%;
387
+ }
388
+ .search-select-wrap .bk-search-select .search-input {
389
+ position: relative;
390
+ display: flex;
391
+ min-height: 26px;
392
+ padding: 0 2px;
393
+ margin-top: 4px;
394
+ overflow: visible;
395
+ text-align: left;
396
+ transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
397
+ flex: 1;
398
+ flex-wrap: wrap;
399
+ align-items: center;
400
+ }
401
+ .search-select-wrap .bk-search-select .search-input-chip {
402
+ position: relative;
403
+ display: inline-block;
404
+ max-width: 99%;
405
+ padding-left: 8px;
406
+ margin: 0 0 4px 6px;
407
+ line-height: 22px;
408
+ color: #63656e;
409
+ background: #f0f1f5;
410
+ border-radius: 2px;
411
+ flex: 0 0 auto;
412
+ align-self: center;
413
+ }
414
+ .search-select-wrap .bk-search-select .search-input-chip.hidden-chip {
415
+ visibility: hidden;
416
+ }
417
+ .search-select-wrap .bk-search-select .search-input-chip.overflow-chip {
418
+ padding-right: 8px;
419
+ }
420
+ .search-select-wrap .bk-search-select .search-input-chip:hover {
421
+ background: #dcdee5;
422
+ }
423
+ .search-select-wrap .bk-search-select .search-input-chip:hover .chip-clear {
424
+ color: #63656e;
425
+ }
426
+ .search-select-wrap .bk-search-select .search-input-chip .chip-name {
427
+ display: inline-block;
428
+ margin-right: 20px;
429
+ word-break: break-all;
430
+ }
431
+ .search-select-wrap .bk-search-select .search-input-chip .chip-clear {
432
+ position: absolute;
433
+ top: 4px;
434
+ right: 3px;
435
+ display: inline-flex;
436
+ width: 14px;
437
+ height: 14px;
438
+ overflow: hidden;
439
+ font-size: 12px;
440
+ line-height: normal;
441
+ color: #979ba5;
442
+ text-align: center;
443
+ cursor: pointer;
444
+ align-items: center;
445
+ justify-content: center;
446
+ }
447
+ .search-select-wrap .bk-search-select .search-input-input {
448
+ position: relative;
449
+ display: flex;
450
+ height: 100%;
451
+ min-width: 40px;
452
+ padding: 0 10px;
453
+ margin-top: -4px;
454
+ color: #63656e;
455
+ border: none;
456
+ flex: 1 1 auto;
457
+ align-items: center;
458
+ }
459
+ .search-select-wrap .bk-search-select .search-input-input .div-input {
460
+ height: 30px;
461
+ padding: 5px 0;
462
+ line-height: 20px;
463
+ word-break: break-all;
464
+ flex: 1 1 auto;
465
+ }
466
+ .search-select-wrap .bk-search-select .search-input-input .div-input:focus {
467
+ outline: none;
468
+ }
469
+ .search-select-wrap .bk-search-select .search-input-input .input-before:before {
470
+ color: #c4c6cc;
471
+ content: attr(data-placeholder);
472
+ }
473
+ .search-select-wrap .bk-search-select .search-input-input .input-after:after {
474
+ padding-left: 2px;
475
+ color: #c4c6cc;
476
+ content: attr(data-tips);
477
+ }
478
+ .search-select-wrap .bk-search-select .search-nextfix {
479
+ display: flex;
480
+ color: #c4c6cc;
481
+ align-items: center;
482
+ }
483
+ .search-select-wrap .bk-search-select .search-nextfix .search-clear {
484
+ display: flex;
485
+ width: 12px;
486
+ height: 12px;
487
+ margin-right: 6px;
488
+ font-size: 12px;
489
+ color: #c4c6cc;
490
+ align-items: center;
491
+ justify-content: center;
492
+ }
493
+ .search-select-wrap .bk-search-select .search-nextfix .search-clear:hover {
494
+ color: #979ba5;
495
+ cursor: pointer;
496
+ }
497
+ .search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon {
498
+ display: flex;
499
+ margin-right: 8px;
500
+ font-size: 16px;
501
+ transition: color 0.2s linear;
502
+ align-items: center;
503
+ justify-content: center;
504
+ }
505
+ .search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon.is-focus {
506
+ color: #3c96ff;
507
+ background: #fff !important;
508
+ border-color: #3c96ff !important;
509
+ }
510
+ .search-select-wrap .bk-search-select::-webkit-scrollbar {
511
+ width: 3px;
512
+ height: 5px;
513
+ }
514
+ .search-select-wrap .bk-search-select::-webkit-scrollbar-thumb {
515
+ background: #e6e9ea;
516
+ border-radius: 20px;
517
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
518
+ }
519
+ .search-select-wrap .bk-select-tips {
520
+ display: flex;
521
+ margin-top: 5px;
522
+ font-size: 12px;
523
+ line-height: 16px;
524
+ color: #ea3636;
525
+ align-items: center;
526
+ }
527
+ .search-select-wrap .bk-select-tips .select-tips {
528
+ display: flex;
529
+ width: 16px;
530
+ height: 16px;
531
+ margin-right: 5px;
532
+ overflow: hidden;
533
+ font-size: 16px;
534
+ align-items: center;
535
+ justify-content: center;
536
+ }
537
+ .popover-content {
538
+ margin: -7px -14px;
539
+ }
@@ -0,0 +1,21 @@
1
+ .search-seleted-input {
2
+ position: relative;
3
+ display: flex;
4
+ height: 100%;
5
+ min-width: 150px;
6
+ min-width: 40px;
7
+ padding: 0 10px;
8
+ margin-top: -4px;
9
+ color: #63656e;
10
+ border: none;
11
+ align-items: center;
12
+ offset: none;
13
+ }
14
+ .search-seleted-input .div-input {
15
+ height: 30px;
16
+ padding: 5px 0;
17
+ line-height: 20px;
18
+ word-break: break-all;
19
+ flex: 1 1 auto;
20
+ outline: none;
21
+ }
@@ -0,0 +1,137 @@
1
+ import { PropType } from 'vue';
2
+ import { GetMenuListFunc, ICommonItem, ISearchItem, SearchInputMode, SelectedItem, ValidateValuesFunc } from './utils';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ data: {
5
+ type: PropType<ISearchItem[]>;
6
+ required: true;
7
+ };
8
+ selectedList: {
9
+ type: PropType<SelectedItem[]>;
10
+ required: true;
11
+ };
12
+ overflowIndex: {
13
+ type: NumberConstructor;
14
+ default: number;
15
+ };
16
+ conditions: {
17
+ type: PropType<ICommonItem[]>;
18
+ default: () => any[];
19
+ };
20
+ geMenuList: PropType<GetMenuListFunc>;
21
+ validateValues: PropType<ValidateValuesFunc>;
22
+ }, {
23
+ inputRef: import("vue").Ref<import("vue").DefineComponent<{
24
+ data: {
25
+ type: PropType<ISearchItem[]>;
26
+ required: true;
27
+ };
28
+ showInputBefore: BooleanConstructor;
29
+ showCondition: BooleanConstructor;
30
+ clickOutside: FunctionConstructor;
31
+ conditions: {
32
+ type: PropType<ICommonItem[]>;
33
+ default: () => any[];
34
+ };
35
+ defautUsingItem: PropType<SelectedItem>;
36
+ mode: {
37
+ type: PropType<SearchInputMode>;
38
+ default: SearchInputMode;
39
+ };
40
+ geMenuList: PropType<GetMenuListFunc>;
41
+ validateValues: PropType<ValidateValuesFunc>;
42
+ }, {
43
+ popoverRef: import("vue").Ref<HTMLDivElement>;
44
+ inputRef: import("vue").Ref<HTMLDivElement>;
45
+ keyword: import("vue").Ref<string>;
46
+ loading: import("vue").Ref<boolean>;
47
+ remoteMenuList: import("vue").Ref<{
48
+ id: string;
49
+ name: string;
50
+ disabled?: boolean;
51
+ realId?: string;
52
+ value?: {
53
+ name: string;
54
+ id: string;
55
+ realId?: string;
56
+ };
57
+ }[]>;
58
+ menuList: import("vue").Ref<ISearchItem[]>;
59
+ menuHoverId: import("vue").Ref<string>;
60
+ isFocus: import("vue").Ref<boolean>;
61
+ usingItem: import("vue").Ref<SelectedItem>;
62
+ showPopover: import("vue").Ref<boolean>;
63
+ showNoSelectValueError: import("vue").Ref<boolean>;
64
+ debounceSetMenuList: {
65
+ (this: any): any;
66
+ cancel(): void;
67
+ };
68
+ documentArrowEvent: (e: KeyboardEvent) => void;
69
+ handleClickOutside: (e: MouseEvent) => void;
70
+ handleInputFocus: (e: FocusEvent) => void;
71
+ handleInputChange: (event: Event) => void;
72
+ handleInputKeyup: (event: KeyboardEvent) => void;
73
+ handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
74
+ handleSelectCondtionItem: (item: ICommonItem) => void;
75
+ handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
76
+ }, 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<{
77
+ data: {
78
+ type: PropType<ISearchItem[]>;
79
+ required: true;
80
+ };
81
+ showInputBefore: BooleanConstructor;
82
+ showCondition: BooleanConstructor;
83
+ clickOutside: FunctionConstructor;
84
+ conditions: {
85
+ type: PropType<ICommonItem[]>;
86
+ default: () => any[];
87
+ };
88
+ defautUsingItem: PropType<SelectedItem>;
89
+ mode: {
90
+ type: PropType<SearchInputMode>;
91
+ default: SearchInputMode;
92
+ };
93
+ geMenuList: PropType<GetMenuListFunc>;
94
+ validateValues: PropType<ValidateValuesFunc>;
95
+ }>> & {
96
+ onFocus?: (...args: any[]) => any;
97
+ onAdd?: (...args: any[]) => any;
98
+ onDelete?: (...args: any[]) => any;
99
+ }, {
100
+ mode: SearchInputMode;
101
+ conditions: ICommonItem[];
102
+ showInputBefore: boolean;
103
+ showCondition: boolean;
104
+ }>>;
105
+ editKey: import("vue").Ref<String>;
106
+ copySeletedItem: (item: SelectedItem) => SelectedItem;
107
+ handleDeleteSelected: (index: number) => void;
108
+ handleEditSeleted: (e: MouseEvent, item: SelectedItem, index: number) => void;
109
+ handleInputOutside: () => boolean;
110
+ handleAddSelected: (item: SelectedItem, index: number) => void;
111
+ handleInputFocus: (isFocus: boolean) => void;
112
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "delete"[], "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
113
+ data: {
114
+ type: PropType<ISearchItem[]>;
115
+ required: true;
116
+ };
117
+ selectedList: {
118
+ type: PropType<SelectedItem[]>;
119
+ required: true;
120
+ };
121
+ overflowIndex: {
122
+ type: NumberConstructor;
123
+ default: number;
124
+ };
125
+ conditions: {
126
+ type: PropType<ICommonItem[]>;
127
+ default: () => any[];
128
+ };
129
+ geMenuList: PropType<GetMenuListFunc>;
130
+ validateValues: PropType<ValidateValuesFunc>;
131
+ }>> & {
132
+ onDelete?: (...args: any[]) => any;
133
+ }, {
134
+ conditions: ICommonItem[];
135
+ overflowIndex: number;
136
+ }>;
137
+ export default _default;
@@ -0,0 +1,24 @@
1
+
2
+ .search-seleted-input {
3
+ position: relative;
4
+ display: flex;
5
+ display: flex;
6
+ height: 100%;
7
+ min-width: 150px;
8
+ min-width: 40px;
9
+ padding: 0 10px;
10
+ margin-top: -4px;
11
+ color: #63656e;
12
+ border: none;
13
+ align-items: center;
14
+ offset: none;
15
+
16
+ .div-input {
17
+ height: 30px;
18
+ padding: 5px 0;
19
+ line-height: 20px;
20
+ word-break: break-all;
21
+ flex: 1 1 auto;
22
+ outline: none;
23
+ }
24
+ }