@reviewpush/rp-treeselect 0.0.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.
Files changed (64) hide show
  1. package/README.md +172 -0
  2. package/dist/rp-treeselect.cjs.js +3656 -0
  3. package/dist/rp-treeselect.cjs.js.map +1 -0
  4. package/dist/rp-treeselect.cjs.min.js +2 -0
  5. package/dist/rp-treeselect.cjs.min.js.map +1 -0
  6. package/dist/rp-treeselect.css +947 -0
  7. package/dist/rp-treeselect.css.map +1 -0
  8. package/dist/rp-treeselect.min.css +1 -0
  9. package/dist/rp-treeselect.umd.js +4837 -0
  10. package/dist/rp-treeselect.umd.js.map +1 -0
  11. package/dist/rp-treeselect.umd.min.js +2 -0
  12. package/dist/rp-treeselect.umd.min.js.map +1 -0
  13. package/package.json +140 -0
  14. package/src/assets/checkbox-checked-disabled.png +0 -0
  15. package/src/assets/checkbox-checked-disabled@2x.png +0 -0
  16. package/src/assets/checkbox-checked-disabled@3x.png +0 -0
  17. package/src/assets/checkbox-checked.png +0 -0
  18. package/src/assets/checkbox-checked@2x.png +0 -0
  19. package/src/assets/checkbox-checked@3x.png +0 -0
  20. package/src/assets/checkbox-indeterminate-disabled.png +0 -0
  21. package/src/assets/checkbox-indeterminate-disabled@2x.png +0 -0
  22. package/src/assets/checkbox-indeterminate-disabled@3x.png +0 -0
  23. package/src/assets/checkbox-indeterminate.png +0 -0
  24. package/src/assets/checkbox-indeterminate@2x.png +0 -0
  25. package/src/assets/checkbox-indeterminate@3x.png +0 -0
  26. package/src/components/Control.vue +153 -0
  27. package/src/components/HiddenFields.vue +37 -0
  28. package/src/components/Input.vue +295 -0
  29. package/src/components/Menu.vue +313 -0
  30. package/src/components/MenuPortal.vue +179 -0
  31. package/src/components/MultiValue.vue +56 -0
  32. package/src/components/MultiValueItem.vue +45 -0
  33. package/src/components/Option.vue +300 -0
  34. package/src/components/Placeholder.vue +21 -0
  35. package/src/components/SingleValue.vue +34 -0
  36. package/src/components/Tip.vue +32 -0
  37. package/src/components/Treeselect.vue +42 -0
  38. package/src/components/icons/Arrow.vue +11 -0
  39. package/src/components/icons/Delete.vue +11 -0
  40. package/src/constants.js +50 -0
  41. package/src/index.js +14 -0
  42. package/src/mixins/treeselectMixin.js +1949 -0
  43. package/src/style.less +1147 -0
  44. package/src/utils/.eslintrc.js +6 -0
  45. package/src/utils/constant.js +1 -0
  46. package/src/utils/createMap.js +1 -0
  47. package/src/utils/debounce.js +1 -0
  48. package/src/utils/deepExtend.js +25 -0
  49. package/src/utils/find.js +6 -0
  50. package/src/utils/identity.js +1 -0
  51. package/src/utils/includes.js +3 -0
  52. package/src/utils/index.js +38 -0
  53. package/src/utils/isNaN.js +3 -0
  54. package/src/utils/isPromise.js +1 -0
  55. package/src/utils/last.js +1 -0
  56. package/src/utils/noop.js +1 -0
  57. package/src/utils/onLeftClick.js +7 -0
  58. package/src/utils/once.js +1 -0
  59. package/src/utils/quickDiff.js +9 -0
  60. package/src/utils/removeFromArray.js +4 -0
  61. package/src/utils/scrollIntoView.js +15 -0
  62. package/src/utils/setupResizeAndScrollEventListeners.js +34 -0
  63. package/src/utils/warning.js +11 -0
  64. package/src/utils/watchSize.js +67 -0
@@ -0,0 +1,947 @@
1
+ /**
2
+ * Dependencies
3
+ */
4
+ /**
5
+ * Variables
6
+ */
7
+ /**
8
+ * Mixins
9
+ */
10
+ /**
11
+ * Helpers
12
+ */
13
+ .rp-treeselect-helper-hide {
14
+ display: none;
15
+ }
16
+ .rp-treeselect-helper-zoom-effect-off {
17
+ -ms-transform: none !important;
18
+ transform: none !important;
19
+ }
20
+ /**
21
+ * Animations
22
+ */
23
+ @keyframes rp-treeselect-animation-fade-in {
24
+ 0% {
25
+ opacity: 0;
26
+ }
27
+ }
28
+ @keyframes rp-treeselect-animation-bounce {
29
+ 0%,
30
+ 100% {
31
+ transform: scale(0);
32
+ }
33
+ 50% {
34
+ transform: scale(1);
35
+ }
36
+ }
37
+ @keyframes rp-treeselect-animation-rotate {
38
+ 100% {
39
+ transform: rotate(360deg);
40
+ }
41
+ }
42
+ /**
43
+ * Transitions
44
+ */
45
+ .rp-treeselect__multi-value-item--transition-enter-active,
46
+ .rp-treeselect__multi-value-item--transition-leave-active {
47
+ transition-duration: 200ms;
48
+ transition-property: transform, opacity;
49
+ }
50
+ .rp-treeselect__multi-value-item--transition-enter-active {
51
+ transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
52
+ }
53
+ .rp-treeselect__multi-value-item--transition-leave-active {
54
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
55
+ position: absolute;
56
+ }
57
+ .rp-treeselect__multi-value-item--transition-enter,
58
+ .rp-treeselect__multi-value-item--transition-leave-to {
59
+ -ms-transform: scale(0.7);
60
+ transform: scale(0.7);
61
+ opacity: 0;
62
+ }
63
+ .rp-treeselect__multi-value-item--transition-move {
64
+ transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
65
+ }
66
+ /**
67
+ * Namespace
68
+ */
69
+ .rp-treeselect {
70
+ position: relative;
71
+ text-align: left;
72
+ }
73
+ [dir="rtl"] .rp-treeselect {
74
+ text-align: right;
75
+ }
76
+ .rp-treeselect div,
77
+ .rp-treeselect span {
78
+ box-sizing: border-box;
79
+ }
80
+ .rp-treeselect svg {
81
+ fill: currentColor;
82
+ }
83
+ /**
84
+ * Control
85
+ */
86
+ .rp-treeselect__control {
87
+ padding-left: 5px;
88
+ padding-right: 5px;
89
+ display: table;
90
+ table-layout: fixed;
91
+ width: 100%;
92
+ height: 36px;
93
+ border: 1px solid #ddd;
94
+ border-radius: 5px;
95
+ background: #fff;
96
+ transition-duration: 200ms;
97
+ transition-property: border-color, box-shadow, width, height, background-color, opacity;
98
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
99
+ }
100
+ .rp-treeselect:not(.rp-treeselect--disabled):not(.rp-treeselect--focused) .rp-treeselect__control:hover {
101
+ border-color: #cfcfcf;
102
+ }
103
+ .rp-treeselect--focused:not(.rp-treeselect--open) .rp-treeselect__control {
104
+ border-color: #039be5;
105
+ box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
106
+ }
107
+ .rp-treeselect--disabled .rp-treeselect__control {
108
+ background-color: #f9f9f9;
109
+ }
110
+ .rp-treeselect--open .rp-treeselect__control {
111
+ border-color: #cfcfcf;
112
+ }
113
+ .rp-treeselect--open.rp-treeselect--open-below .rp-treeselect__control {
114
+ border-bottom-left-radius: 0;
115
+ border-bottom-right-radius: 0;
116
+ }
117
+ .rp-treeselect--open.rp-treeselect--open-above .rp-treeselect__control {
118
+ border-top-left-radius: 0;
119
+ border-top-right-radius: 0;
120
+ }
121
+ .rp-treeselect__value-container,
122
+ .rp-treeselect__multi-value {
123
+ width: 100%;
124
+ vertical-align: middle;
125
+ }
126
+ .rp-treeselect__value-container {
127
+ display: table-cell;
128
+ position: relative;
129
+ }
130
+ .rp-treeselect--searchable:not(.rp-treeselect--disabled) .rp-treeselect__value-container {
131
+ cursor: text;
132
+ }
133
+ .rp-treeselect__multi-value {
134
+ display: inline-block;
135
+ }
136
+ .rp-treeselect--has-value .rp-treeselect__multi-value {
137
+ margin-bottom: 5px;
138
+ }
139
+ .rp-treeselect__placeholder,
140
+ .rp-treeselect__single-value {
141
+ overflow: hidden;
142
+ text-overflow: ellipsis;
143
+ white-space: nowrap;
144
+ padding-left: 5px;
145
+ padding-right: 5px;
146
+ position: absolute;
147
+ top: 0;
148
+ right: 0;
149
+ bottom: 0;
150
+ left: 0;
151
+ line-height: 34px;
152
+ -webkit-user-select: none;
153
+ -ms-user-select: none;
154
+ user-select: none;
155
+ pointer-events: none;
156
+ }
157
+ .rp-treeselect__placeholder {
158
+ color: #bdbdbd;
159
+ }
160
+ .rp-treeselect__single-value {
161
+ color: #333;
162
+ }
163
+ .rp-treeselect--focused.rp-treeselect--searchable .rp-treeselect__single-value {
164
+ color: #bdbdbd;
165
+ }
166
+ .rp-treeselect--disabled .rp-treeselect__single-value {
167
+ position: static;
168
+ }
169
+ .rp-treeselect__multi-value-item-container {
170
+ display: inline-block;
171
+ padding-top: 5px;
172
+ padding-right: 5px;
173
+ vertical-align: top;
174
+ }
175
+ [dir="rtl"] .rp-treeselect__multi-value-item-container {
176
+ padding-right: 0;
177
+ padding-left: 5px;
178
+ }
179
+ .rp-treeselect__multi-value-item {
180
+ cursor: pointer;
181
+ display: inline-table;
182
+ background: #e3f2fd;
183
+ padding: 2px 0;
184
+ border: 1px solid transparent;
185
+ border-radius: 2px;
186
+ color: #039be5;
187
+ font-size: 12px;
188
+ vertical-align: top;
189
+ }
190
+ .rp-treeselect:not(.rp-treeselect--disabled) .rp-treeselect__multi-value-item:not(.rp-treeselect__multi-value-item-disabled):hover .rp-treeselect__multi-value-item:not(.rp-treeselect__multi-value-item-new) .rp-treeselect__multi-value-item:not(.rp-treeselect__multi-value-item-new):hover {
191
+ cursor: pointer;
192
+ background: #e3f2fd;
193
+ color: #039be5;
194
+ }
195
+ .rp-treeselect__multi-value-item.rp-treeselect__multi-value-item-disabled {
196
+ cursor: default;
197
+ background: #f5f5f5;
198
+ color: #757575;
199
+ }
200
+ .rp-treeselect--disabled .rp-treeselect__multi-value-item {
201
+ cursor: default;
202
+ background: #fff;
203
+ border-color: #e5e5e5;
204
+ color: #555;
205
+ }
206
+ .rp-treeselect__multi-value-item.rp-treeselect__multi-value-item-new {
207
+ background: #e8f5e9;
208
+ }
209
+ .rp-treeselect__multi-value-item.rp-treeselect__multi-value-item-new:hover {
210
+ background: #e8f5e9;
211
+ }
212
+ .rp-treeselect__value-remove,
213
+ .rp-treeselect__multi-value-label {
214
+ display: table-cell;
215
+ padding: 0 5px;
216
+ vertical-align: middle;
217
+ }
218
+ .rp-treeselect__value-remove {
219
+ color: #039be5;
220
+ padding-left: 5px;
221
+ border-left: 1px solid #fff;
222
+ line-height: 0;
223
+ }
224
+ [dir="rtl"] .rp-treeselect__value-remove {
225
+ border-left: 0 none;
226
+ border-right: 1px solid #fff;
227
+ }
228
+ .rp-treeselect__multi-value-item:hover .rp-treeselect__value-remove {
229
+ color: #e53935;
230
+ }
231
+ .rp-treeselect--disabled .rp-treeselect__value-remove,
232
+ .rp-treeselect__multi-value-item-disabled .rp-treeselect__value-remove {
233
+ display: none;
234
+ }
235
+ .rp-treeselect__value-remove > svg {
236
+ width: 6px;
237
+ height: 6px;
238
+ }
239
+ .rp-treeselect__multi-value-label {
240
+ padding-right: 5px;
241
+ white-space: pre-line;
242
+ -webkit-user-select: none;
243
+ -ms-user-select: none;
244
+ user-select: none;
245
+ }
246
+ .rp-treeselect__limit-tip {
247
+ display: inline-block;
248
+ padding-top: 5px;
249
+ padding-right: 5px;
250
+ vertical-align: top;
251
+ }
252
+ [dir="rtl"] .rp-treeselect__limit-tip {
253
+ padding-right: 0;
254
+ padding-left: 5px;
255
+ }
256
+ .rp-treeselect__limit-tip-text {
257
+ cursor: default;
258
+ display: block;
259
+ margin: 2px 0;
260
+ padding: 1px 0;
261
+ color: #bdbdbd;
262
+ font-size: 12px;
263
+ font-weight: 600;
264
+ }
265
+ .rp-treeselect__input-container {
266
+ display: block;
267
+ max-width: 100%;
268
+ outline: none;
269
+ }
270
+ .rp-treeselect--single .rp-treeselect__input-container {
271
+ font-size: inherit;
272
+ height: 100%;
273
+ }
274
+ .rp-treeselect--multi .rp-treeselect__input-container {
275
+ display: inline-block;
276
+ font-size: 12px;
277
+ vertical-align: top;
278
+ }
279
+ .rp-treeselect--searchable .rp-treeselect__input-container {
280
+ padding-left: 5px;
281
+ padding-right: 5px;
282
+ }
283
+ .rp-treeselect--searchable.rp-treeselect--multi.rp-treeselect--has-value .rp-treeselect__input-container {
284
+ padding-top: 5px;
285
+ padding-left: 0;
286
+ }
287
+ [dir="rtl"] .rp-treeselect--searchable.rp-treeselect--multi.rp-treeselect--has-value .rp-treeselect__input-container {
288
+ padding-left: 5px;
289
+ padding-right: 0;
290
+ }
291
+ .rp-treeselect--disabled .rp-treeselect__input-container {
292
+ display: none;
293
+ }
294
+ .rp-treeselect__input,
295
+ .rp-treeselect__sizer {
296
+ margin: 0;
297
+ line-height: inherit;
298
+ font-family: inherit;
299
+ font-size: inherit;
300
+ }
301
+ .rp-treeselect__input {
302
+ max-width: 100%;
303
+ margin: 0;
304
+ padding: 0;
305
+ border: 0;
306
+ outline: none;
307
+ box-sizing: content-box;
308
+ box-shadow: none;
309
+ background: none transparent;
310
+ line-height: 1;
311
+ vertical-align: middle;
312
+ }
313
+ .rp-treeselect__input::-ms-clear {
314
+ display: none;
315
+ }
316
+ .rp-treeselect--single .rp-treeselect__input {
317
+ width: 100%;
318
+ height: 100%;
319
+ }
320
+ .rp-treeselect--multi .rp-treeselect__input {
321
+ padding-top: 3px;
322
+ padding-bottom: 3px;
323
+ }
324
+ .rp-treeselect--has-value .rp-treeselect__input {
325
+ line-height: inherit;
326
+ vertical-align: top;
327
+ }
328
+ .rp-treeselect__sizer {
329
+ position: absolute;
330
+ top: 0;
331
+ left: 0;
332
+ visibility: hidden;
333
+ height: 0;
334
+ overflow: scroll;
335
+ white-space: pre;
336
+ }
337
+ .rp-treeselect__x-container {
338
+ display: table-cell;
339
+ vertical-align: middle;
340
+ width: 20px;
341
+ text-align: center;
342
+ line-height: 0;
343
+ cursor: pointer;
344
+ color: #ccc;
345
+ animation: 200ms rp-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1);
346
+ }
347
+ .rp-treeselect__x-container:hover {
348
+ color: #e53935;
349
+ }
350
+ .rp-treeselect__x {
351
+ width: 8px;
352
+ height: 8px;
353
+ }
354
+ .rp-treeselect__control-arrow-container {
355
+ display: table-cell;
356
+ vertical-align: middle;
357
+ width: 20px;
358
+ text-align: center;
359
+ line-height: 0;
360
+ cursor: pointer;
361
+ }
362
+ .rp-treeselect--disabled .rp-treeselect__control-arrow-container {
363
+ cursor: default;
364
+ }
365
+ .rp-treeselect__control-arrow {
366
+ width: 9px;
367
+ height: 9px;
368
+ color: #ccc;
369
+ }
370
+ .rp-treeselect:not(.rp-treeselect--disabled) .rp-treeselect__control-arrow-container:hover .rp-treeselect__control-arrow {
371
+ color: #616161;
372
+ }
373
+ .rp-treeselect--disabled .rp-treeselect__control-arrow {
374
+ opacity: 0.35;
375
+ }
376
+ .rp-treeselect__control-arrow--rotated {
377
+ -ms-transform: rotate(180deg);
378
+ transform: rotateZ(180deg);
379
+ }
380
+ /**
381
+ * Menu
382
+ */
383
+ .rp-treeselect__menu-container {
384
+ position: absolute;
385
+ left: 0;
386
+ width: 100%;
387
+ overflow: visible;
388
+ transition: 0s;
389
+ }
390
+ .rp-treeselect--open-below:not(.rp-treeselect--append-to-body) .rp-treeselect__menu-container {
391
+ top: 100%;
392
+ }
393
+ .rp-treeselect--open-above:not(.rp-treeselect--append-to-body) .rp-treeselect__menu-container {
394
+ bottom: 100%;
395
+ }
396
+ .rp-treeselect__menu {
397
+ cursor: default;
398
+ padding-top: 5px;
399
+ padding-bottom: 5px;
400
+ display: block;
401
+ position: absolute;
402
+ overflow-x: hidden;
403
+ overflow-y: auto;
404
+ width: auto;
405
+ border: 1px solid #cfcfcf;
406
+ background: #fff;
407
+ line-height: 180%;
408
+ -webkit-overflow-scrolling: touch;
409
+ }
410
+ .rp-treeselect--open-below .rp-treeselect__menu {
411
+ border-bottom-left-radius: 5px;
412
+ border-bottom-right-radius: 5px;
413
+ top: 0;
414
+ margin-top: -1px;
415
+ border-top-color: #f2f2f2;
416
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
417
+ }
418
+ .rp-treeselect--open-above .rp-treeselect__menu {
419
+ border-top-left-radius: 5px;
420
+ border-top-right-radius: 5px;
421
+ bottom: 0;
422
+ margin-bottom: -1px;
423
+ border-bottom-color: #f2f2f2;
424
+ }
425
+ .rp-treeselect__indent-level-0 .rp-treeselect__option {
426
+ padding-left: 5px;
427
+ }
428
+ [dir="rtl"] .rp-treeselect__indent-level-0 .rp-treeselect__option {
429
+ padding-left: 5px;
430
+ padding-right: 5px;
431
+ }
432
+ .rp-treeselect__indent-level-0 .rp-treeselect__tip {
433
+ padding-left: 25px;
434
+ }
435
+ [dir="rtl"] .rp-treeselect__indent-level-0 .rp-treeselect__tip {
436
+ padding-left: 5px;
437
+ padding-right: 25px;
438
+ }
439
+ .rp-treeselect__indent-level-1 .rp-treeselect__option {
440
+ padding-left: 25px;
441
+ }
442
+ [dir="rtl"] .rp-treeselect__indent-level-1 .rp-treeselect__option {
443
+ padding-left: 5px;
444
+ padding-right: 25px;
445
+ }
446
+ .rp-treeselect__indent-level-1 .rp-treeselect__tip {
447
+ padding-left: 45px;
448
+ }
449
+ [dir="rtl"] .rp-treeselect__indent-level-1 .rp-treeselect__tip {
450
+ padding-left: 5px;
451
+ padding-right: 45px;
452
+ }
453
+ .rp-treeselect__indent-level-2 .rp-treeselect__option {
454
+ padding-left: 45px;
455
+ }
456
+ [dir="rtl"] .rp-treeselect__indent-level-2 .rp-treeselect__option {
457
+ padding-left: 5px;
458
+ padding-right: 45px;
459
+ }
460
+ .rp-treeselect__indent-level-2 .rp-treeselect__tip {
461
+ padding-left: 65px;
462
+ }
463
+ [dir="rtl"] .rp-treeselect__indent-level-2 .rp-treeselect__tip {
464
+ padding-left: 5px;
465
+ padding-right: 65px;
466
+ }
467
+ .rp-treeselect__indent-level-3 .rp-treeselect__option {
468
+ padding-left: 65px;
469
+ }
470
+ [dir="rtl"] .rp-treeselect__indent-level-3 .rp-treeselect__option {
471
+ padding-left: 5px;
472
+ padding-right: 65px;
473
+ }
474
+ .rp-treeselect__indent-level-3 .rp-treeselect__tip {
475
+ padding-left: 85px;
476
+ }
477
+ [dir="rtl"] .rp-treeselect__indent-level-3 .rp-treeselect__tip {
478
+ padding-left: 5px;
479
+ padding-right: 85px;
480
+ }
481
+ .rp-treeselect__indent-level-4 .rp-treeselect__option {
482
+ padding-left: 85px;
483
+ }
484
+ [dir="rtl"] .rp-treeselect__indent-level-4 .rp-treeselect__option {
485
+ padding-left: 5px;
486
+ padding-right: 85px;
487
+ }
488
+ .rp-treeselect__indent-level-4 .rp-treeselect__tip {
489
+ padding-left: 105px;
490
+ }
491
+ [dir="rtl"] .rp-treeselect__indent-level-4 .rp-treeselect__tip {
492
+ padding-left: 5px;
493
+ padding-right: 105px;
494
+ }
495
+ .rp-treeselect__indent-level-5 .rp-treeselect__option {
496
+ padding-left: 105px;
497
+ }
498
+ [dir="rtl"] .rp-treeselect__indent-level-5 .rp-treeselect__option {
499
+ padding-left: 5px;
500
+ padding-right: 105px;
501
+ }
502
+ .rp-treeselect__indent-level-5 .rp-treeselect__tip {
503
+ padding-left: 125px;
504
+ }
505
+ [dir="rtl"] .rp-treeselect__indent-level-5 .rp-treeselect__tip {
506
+ padding-left: 5px;
507
+ padding-right: 125px;
508
+ }
509
+ .rp-treeselect__indent-level-6 .rp-treeselect__option {
510
+ padding-left: 125px;
511
+ }
512
+ [dir="rtl"] .rp-treeselect__indent-level-6 .rp-treeselect__option {
513
+ padding-left: 5px;
514
+ padding-right: 125px;
515
+ }
516
+ .rp-treeselect__indent-level-6 .rp-treeselect__tip {
517
+ padding-left: 145px;
518
+ }
519
+ [dir="rtl"] .rp-treeselect__indent-level-6 .rp-treeselect__tip {
520
+ padding-left: 5px;
521
+ padding-right: 145px;
522
+ }
523
+ .rp-treeselect__indent-level-7 .rp-treeselect__option {
524
+ padding-left: 145px;
525
+ }
526
+ [dir="rtl"] .rp-treeselect__indent-level-7 .rp-treeselect__option {
527
+ padding-left: 5px;
528
+ padding-right: 145px;
529
+ }
530
+ .rp-treeselect__indent-level-7 .rp-treeselect__tip {
531
+ padding-left: 165px;
532
+ }
533
+ [dir="rtl"] .rp-treeselect__indent-level-7 .rp-treeselect__tip {
534
+ padding-left: 5px;
535
+ padding-right: 165px;
536
+ }
537
+ .rp-treeselect__indent-level-8 .rp-treeselect__option {
538
+ padding-left: 165px;
539
+ }
540
+ [dir="rtl"] .rp-treeselect__indent-level-8 .rp-treeselect__option {
541
+ padding-left: 5px;
542
+ padding-right: 165px;
543
+ }
544
+ .rp-treeselect__indent-level-8 .rp-treeselect__tip {
545
+ padding-left: 185px;
546
+ }
547
+ [dir="rtl"] .rp-treeselect__indent-level-8 .rp-treeselect__tip {
548
+ padding-left: 5px;
549
+ padding-right: 185px;
550
+ }
551
+ .rp-treeselect__option {
552
+ padding-left: 5px;
553
+ padding-right: 5px;
554
+ display: table;
555
+ table-layout: fixed;
556
+ width: 100%;
557
+ }
558
+ .rp-treeselect__option--highlight {
559
+ background: #f5f5f5;
560
+ }
561
+ .rp-treeselect--single .rp-treeselect__option--selected {
562
+ background: #e3f2fd;
563
+ font-weight: 600;
564
+ }
565
+ .rp-treeselect--single .rp-treeselect__option--selected:hover {
566
+ background: #e3f2fd;
567
+ }
568
+ .rp-treeselect__option--hide {
569
+ display: none;
570
+ }
571
+ .rp-treeselect__option-arrow-container,
572
+ .rp-treeselect__option-arrow-placeholder {
573
+ display: table-cell;
574
+ vertical-align: middle;
575
+ width: 20px;
576
+ text-align: center;
577
+ line-height: 0;
578
+ }
579
+ .rp-treeselect__option-arrow-container {
580
+ cursor: pointer;
581
+ }
582
+ .rp-treeselect__option-arrow {
583
+ display: inline-block;
584
+ width: 9px;
585
+ height: 9px;
586
+ color: #ccc;
587
+ vertical-align: middle;
588
+ transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1);
589
+ -ms-transform: rotate(-90deg);
590
+ transform: rotateZ(-90deg);
591
+ }
592
+ [dir="rtl"] .rp-treeselect__option-arrow {
593
+ -ms-transform: rotate(90deg);
594
+ transform: rotateZ(90deg);
595
+ }
596
+ .rp-treeselect__option-arrow-container:hover .rp-treeselect__option-arrow,
597
+ .rp-treeselect--branch-nodes-disabled .rp-treeselect__option:hover .rp-treeselect__option-arrow {
598
+ color: #616161;
599
+ }
600
+ .rp-treeselect__option-arrow--rotated {
601
+ -ms-transform: rotate(0);
602
+ transform: rotateZ(0);
603
+ }
604
+ [dir="rtl"] .rp-treeselect__option-arrow--rotated {
605
+ -ms-transform: rotate(0);
606
+ transform: rotateZ(0);
607
+ }
608
+ .rp-treeselect__option-arrow--rotated.rp-treeselect__option-arrow--prepare-enter {
609
+ -ms-transform: rotate(-90deg) !important;
610
+ transform: rotateZ(-90deg) !important;
611
+ }
612
+ [dir="rtl"] .rp-treeselect__option-arrow--rotated.rp-treeselect__option-arrow--prepare-enter {
613
+ -ms-transform: rotate(90deg) !important;
614
+ transform: rotateZ(90deg) !important;
615
+ }
616
+ .rp-treeselect__label-container {
617
+ display: table-cell;
618
+ vertical-align: middle;
619
+ cursor: pointer;
620
+ display: table;
621
+ width: 100%;
622
+ table-layout: fixed;
623
+ color: inherit;
624
+ }
625
+ .rp-treeselect__option--disabled .rp-treeselect__label-container {
626
+ cursor: not-allowed;
627
+ color: rgba(0, 0, 0, 0.25);
628
+ }
629
+ .rp-treeselect__checkbox-container {
630
+ display: table-cell;
631
+ width: 20px;
632
+ min-width: 20px;
633
+ height: 100%;
634
+ text-align: center;
635
+ vertical-align: middle;
636
+ }
637
+ .rp-treeselect__checkbox {
638
+ display: block;
639
+ margin: auto;
640
+ width: 12px;
641
+ height: 12px;
642
+ border-width: 1px;
643
+ border-style: solid;
644
+ border-radius: 2px;
645
+ position: relative;
646
+ transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
647
+ }
648
+ .rp-treeselect__check-mark,
649
+ .rp-treeselect__minus-mark {
650
+ display: block;
651
+ position: absolute;
652
+ left: 1px;
653
+ top: 1px;
654
+ background-repeat: no-repeat;
655
+ opacity: 0;
656
+ transition: 200ms all ease;
657
+ }
658
+ .rp-treeselect__minus-mark {
659
+ width: 8px;
660
+ height: 8px;
661
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
662
+ background-size: 8px 8px;
663
+ }
664
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
665
+ .rp-treeselect__minus-mark {
666
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
667
+ }
668
+ }
669
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
670
+ .rp-treeselect__minus-mark {
671
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
672
+ }
673
+ }
674
+ @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
675
+ .rp-treeselect__minus-mark {
676
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
677
+ }
678
+ }
679
+ .rp-treeselect__checkbox--indeterminate > .rp-treeselect__minus-mark {
680
+ opacity: 1;
681
+ }
682
+ .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
683
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
684
+ }
685
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
686
+ .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
687
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
688
+ }
689
+ }
690
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
691
+ .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
692
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
693
+ }
694
+ }
695
+ @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
696
+ .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
697
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
698
+ }
699
+ }
700
+ .rp-treeselect__check-mark {
701
+ width: 8px;
702
+ height: 8px;
703
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
704
+ background-size: 8px 8px;
705
+ -ms-transform: scaleY(0.125);
706
+ transform: scaleY(0.125);
707
+ }
708
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
709
+ .rp-treeselect__check-mark {
710
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
711
+ }
712
+ }
713
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
714
+ .rp-treeselect__check-mark {
715
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
716
+ }
717
+ }
718
+ @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
719
+ .rp-treeselect__check-mark {
720
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC);
721
+ }
722
+ }
723
+ .rp-treeselect__checkbox--checked > .rp-treeselect__check-mark {
724
+ opacity: 1;
725
+ -ms-transform: scaleY(1);
726
+ transform: scaleY(1);
727
+ }
728
+ .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
729
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=);
730
+ }
731
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
732
+ .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
733
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
734
+ }
735
+ }
736
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
737
+ .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
738
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
739
+ }
740
+ }
741
+ @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
742
+ .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
743
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=);
744
+ }
745
+ }
746
+ .rp-treeselect__checkbox--unchecked {
747
+ border-color: #e0e0e0;
748
+ background: #fff;
749
+ }
750
+ .rp-treeselect__label-container:hover .rp-treeselect__checkbox--unchecked {
751
+ border-color: #039be5;
752
+ background: #fff;
753
+ }
754
+ .rp-treeselect__checkbox--indeterminate {
755
+ border-color: #039be5;
756
+ background: #039be5;
757
+ }
758
+ .rp-treeselect__label-container:hover .rp-treeselect__checkbox--indeterminate {
759
+ border-color: #039be5;
760
+ background: #039be5;
761
+ }
762
+ .rp-treeselect__checkbox--checked {
763
+ border-color: #039be5;
764
+ background: #039be5;
765
+ }
766
+ .rp-treeselect__label-container:hover .rp-treeselect__checkbox--checked {
767
+ border-color: #039be5;
768
+ background: #039be5;
769
+ }
770
+ .rp-treeselect__checkbox--disabled {
771
+ border-color: #e0e0e0;
772
+ background-color: #f7f7f7;
773
+ }
774
+ .rp-treeselect__label-container:hover .rp-treeselect__checkbox--disabled {
775
+ border-color: #e0e0e0;
776
+ background-color: #f7f7f7;
777
+ }
778
+ .rp-treeselect__label {
779
+ overflow: hidden;
780
+ text-overflow: ellipsis;
781
+ white-space: nowrap;
782
+ display: table-cell;
783
+ padding-left: 5px;
784
+ max-width: 100%;
785
+ vertical-align: middle;
786
+ cursor: inherit;
787
+ }
788
+ [dir="rtl"] .rp-treeselect__label {
789
+ padding-left: 0;
790
+ padding-right: 5px;
791
+ }
792
+ .rp-treeselect__count {
793
+ margin-left: 5px;
794
+ font-weight: 400;
795
+ opacity: 0.6;
796
+ }
797
+ [dir="rtl"] .rp-treeselect__count {
798
+ margin-left: 0;
799
+ margin-right: 5px;
800
+ }
801
+ .rp-treeselect__tip {
802
+ padding-left: 5px;
803
+ padding-right: 5px;
804
+ display: table;
805
+ table-layout: fixed;
806
+ width: 100%;
807
+ color: #757575;
808
+ }
809
+ .rp-treeselect__tip-text {
810
+ display: table-cell;
811
+ vertical-align: middle;
812
+ padding-left: 5px;
813
+ padding-right: 5px;
814
+ overflow: hidden;
815
+ text-overflow: ellipsis;
816
+ white-space: nowrap;
817
+ width: 100%;
818
+ font-size: 12px;
819
+ }
820
+ .rp-treeselect__error-tip .rp-treeselect__retry {
821
+ cursor: pointer;
822
+ margin-left: 5px;
823
+ font-style: normal;
824
+ font-weight: 600;
825
+ text-decoration: none;
826
+ color: #039be5;
827
+ }
828
+ [dir="rtl"] .rp-treeselect__error-tip .rp-treeselect__retry {
829
+ margin-left: 0;
830
+ margin-right: 5px;
831
+ }
832
+ .rp-treeselect__icon-container {
833
+ display: table-cell;
834
+ vertical-align: middle;
835
+ width: 20px;
836
+ text-align: center;
837
+ line-height: 0;
838
+ }
839
+ .rp-treeselect--single .rp-treeselect__icon-container {
840
+ padding-left: 5px;
841
+ }
842
+ [dir="rtl"] .rp-treeselect--single .rp-treeselect__icon-container {
843
+ padding-left: 0;
844
+ padding-right: 5px;
845
+ }
846
+ .rp-treeselect__icon-warning {
847
+ display: block;
848
+ margin: auto;
849
+ border-radius: 50%;
850
+ position: relative;
851
+ width: 12px;
852
+ height: 12px;
853
+ background: #fb8c00;
854
+ }
855
+ .rp-treeselect__icon-warning::after {
856
+ display: block;
857
+ position: absolute;
858
+ content: "";
859
+ left: 5px;
860
+ top: 2.5px;
861
+ width: 2px;
862
+ height: 1px;
863
+ border: 0 solid #fff;
864
+ border-top-width: 5px;
865
+ border-bottom-width: 1px;
866
+ }
867
+ .rp-treeselect__icon-error {
868
+ display: block;
869
+ margin: auto;
870
+ border-radius: 50%;
871
+ position: relative;
872
+ width: 12px;
873
+ height: 12px;
874
+ background: #e53935;
875
+ }
876
+ .rp-treeselect__icon-error::before,
877
+ .rp-treeselect__icon-error::after {
878
+ display: block;
879
+ position: absolute;
880
+ content: "";
881
+ background: #fff;
882
+ -ms-transform: rotate(45deg);
883
+ transform: rotate(45deg);
884
+ }
885
+ .rp-treeselect__icon-error::before {
886
+ width: 6px;
887
+ height: 2px;
888
+ left: 3px;
889
+ top: 5px;
890
+ }
891
+ .rp-treeselect__icon-error::after {
892
+ width: 2px;
893
+ height: 6px;
894
+ left: 5px;
895
+ top: 3px;
896
+ }
897
+ .rp-treeselect__icon-loader {
898
+ display: block;
899
+ margin: auto;
900
+ position: relative;
901
+ width: 12px;
902
+ height: 12px;
903
+ text-align: center;
904
+ animation: 1.6s rp-treeselect-animation-rotate linear infinite;
905
+ }
906
+ .rp-treeselect__icon-loader::before,
907
+ .rp-treeselect__icon-loader::after {
908
+ border-radius: 50%;
909
+ position: absolute;
910
+ content: "";
911
+ left: 0;
912
+ top: 0;
913
+ display: block;
914
+ width: 100%;
915
+ height: 100%;
916
+ opacity: 0.6;
917
+ animation: 1.6s rp-treeselect-animation-bounce ease-in-out infinite;
918
+ }
919
+ .rp-treeselect__icon-loader::before {
920
+ background: #039be5;
921
+ }
922
+ .rp-treeselect__icon-loader::after {
923
+ background: #b3e5fc;
924
+ animation-delay: -0.8s;
925
+ }
926
+ /**
927
+ * Menu Portal
928
+ */
929
+ .rp-treeselect__menu-placeholder {
930
+ display: none;
931
+ }
932
+ .rp-treeselect__portal-target {
933
+ position: absolute;
934
+ display: block;
935
+ left: 0;
936
+ top: 0;
937
+ height: 0;
938
+ width: 0;
939
+ padding: 0;
940
+ margin: 0;
941
+ border: 0;
942
+ overflow: visible;
943
+ box-sizing: border-box;
944
+ }
945
+
946
+
947
+ /*# sourceMappingURL=rp-treeselect.css.map*/