@blueking/bk-user-selector 0.0.10 → 0.0.12
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/README.md +1 -0
- package/package.json +1 -1
- package/typings/api/user.d.ts +1 -1
- package/typings/components/multiple-selector.vue.d.ts +3 -0
- package/typings/components/selection-popover.vue.d.ts +15 -0
- package/typings/components/single-selector.vue.d.ts +3 -0
- package/typings/components/user-selector.vue.d.ts +3 -0
- package/typings/types/index.d.ts +4 -0
- package/vue2/index.es.min.js +233 -200
- package/vue2/index.iife.min.js +234 -201
- package/vue2/index.umd.min.js +234 -201
- package/vue2/vue2.css +32 -31
- package/vue3/index.es.min.js +233 -200
- package/vue3/index.iife.min.js +234 -201
- package/vue3/index.umd.min.js +234 -201
- package/vue3/vue3.css +32 -31
package/vue2/vue2.css
CHANGED
|
@@ -1340,69 +1340,70 @@ optgroup {
|
|
|
1340
1340
|
background-color: #f0f1f5;
|
|
1341
1341
|
color: #c4c6cc;
|
|
1342
1342
|
cursor: not-allowed;
|
|
1343
|
-
}.dropdown-content[data-v-
|
|
1343
|
+
}.dropdown-content[data-v-05b232a4] {
|
|
1344
1344
|
min-height: 40px;
|
|
1345
1345
|
max-height: 300px;
|
|
1346
1346
|
overflow-y: auto;
|
|
1347
1347
|
padding: 5px 0;
|
|
1348
1348
|
}
|
|
1349
|
-
.dropdown-content .no-data[data-v-
|
|
1349
|
+
.dropdown-content .no-data[data-v-05b232a4] {
|
|
1350
1350
|
padding: 10px;
|
|
1351
1351
|
text-align: center;
|
|
1352
1352
|
color: #979ba5;
|
|
1353
1353
|
}
|
|
1354
|
-
.dropdown-content .user-group .group-header[data-v-
|
|
1354
|
+
.dropdown-content .user-group .group-header[data-v-05b232a4] {
|
|
1355
1355
|
padding: 8px 12px;
|
|
1356
1356
|
color: #979ba5;
|
|
1357
1357
|
display: flex;
|
|
1358
1358
|
align-items: center;
|
|
1359
1359
|
}
|
|
1360
|
-
.dropdown-content .user-group .group-header .group-count[data-v-
|
|
1360
|
+
.dropdown-content .user-group .group-header .group-count[data-v-05b232a4] {
|
|
1361
1361
|
margin-left: 4px;
|
|
1362
1362
|
}
|
|
1363
|
-
.dropdown-content .user-option[data-v-
|
|
1363
|
+
.dropdown-content .user-option[data-v-05b232a4] {
|
|
1364
1364
|
padding: 8px 12px;
|
|
1365
1365
|
cursor: pointer;
|
|
1366
1366
|
display: flex;
|
|
1367
1367
|
align-items: center;
|
|
1368
1368
|
height: 32px;
|
|
1369
1369
|
}
|
|
1370
|
-
.dropdown-content .user-option[data-v-
|
|
1370
|
+
.dropdown-content .user-option[data-v-05b232a4]:hover {
|
|
1371
1371
|
background-color: #f5f7fa;
|
|
1372
1372
|
}
|
|
1373
|
-
.dropdown-content .user-option .tenant-name[data-v-
|
|
1373
|
+
.dropdown-content .user-option .tenant-name[data-v-05b232a4] {
|
|
1374
1374
|
color: #f59500;
|
|
1375
1375
|
margin-left: 4px;
|
|
1376
1376
|
padding: 0 4px;
|
|
1377
1377
|
}.bk-user-selector-popover.bk-popover.bk-pop2-content {
|
|
1378
1378
|
padding: 0;
|
|
1379
|
-
}.user-tag[data-v-
|
|
1379
|
+
}.user-tag[data-v-87c12feb] {
|
|
1380
1380
|
margin-right: 4px;
|
|
1381
|
+
margin-left: 0;
|
|
1381
1382
|
}
|
|
1382
|
-
.user-tag.draggable[data-v-
|
|
1383
|
+
.user-tag.draggable[data-v-87c12feb] {
|
|
1383
1384
|
cursor: move;
|
|
1384
1385
|
}
|
|
1385
|
-
.user-tag.active[data-v-
|
|
1386
|
+
.user-tag.active[data-v-87c12feb] {
|
|
1386
1387
|
background-color: #e1ecff;
|
|
1387
1388
|
border-color: #3a84ff;
|
|
1388
1389
|
}
|
|
1389
|
-
.user-tag .tag-content .user-name[data-v-
|
|
1390
|
+
.user-tag .tag-content .user-name[data-v-87c12feb] {
|
|
1390
1391
|
white-space: nowrap;
|
|
1391
1392
|
overflow: hidden;
|
|
1392
1393
|
text-overflow: ellipsis;
|
|
1393
1394
|
font-size: 12px;
|
|
1394
1395
|
}
|
|
1395
|
-
.user-tag .tag-content .tenant-name[data-v-
|
|
1396
|
+
.user-tag .tag-content .tenant-name[data-v-87c12feb] {
|
|
1396
1397
|
color: #f59500;
|
|
1397
1398
|
margin-left: 3px;
|
|
1398
1399
|
white-space: nowrap;
|
|
1399
1400
|
padding: 0 3px;
|
|
1400
1401
|
border-radius: 2px;
|
|
1401
|
-
}.multiple-selector[data-v-
|
|
1402
|
+
}.multiple-selector[data-v-a884849e] {
|
|
1402
1403
|
position: relative;
|
|
1403
1404
|
width: 100%;
|
|
1404
1405
|
}
|
|
1405
|
-
.multiple-selector .tags-container[data-v-
|
|
1406
|
+
.multiple-selector .tags-container[data-v-a884849e] {
|
|
1406
1407
|
min-height: 32px;
|
|
1407
1408
|
border: 1px solid #dcdee5;
|
|
1408
1409
|
border-radius: 2px;
|
|
@@ -1410,46 +1411,46 @@ optgroup {
|
|
|
1410
1411
|
transition: all 0.2s ease;
|
|
1411
1412
|
background-color: #fff;
|
|
1412
1413
|
}
|
|
1413
|
-
.multiple-selector .tags-container.focused[data-v-
|
|
1414
|
+
.multiple-selector .tags-container.focused[data-v-a884849e] {
|
|
1414
1415
|
border-color: #3a84ff;
|
|
1415
1416
|
box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
|
|
1416
1417
|
}
|
|
1417
|
-
.multiple-selector .tags-container.collapsed[data-v-
|
|
1418
|
+
.multiple-selector .tags-container.collapsed[data-v-a884849e] {
|
|
1418
1419
|
display: flex;
|
|
1419
1420
|
flex-wrap: wrap;
|
|
1420
1421
|
align-items: center;
|
|
1421
1422
|
}
|
|
1422
|
-
.multiple-selector .tag-list[data-v-
|
|
1423
|
+
.multiple-selector .tag-list[data-v-a884849e] {
|
|
1423
1424
|
display: flex;
|
|
1424
1425
|
flex-wrap: wrap;
|
|
1425
1426
|
align-items: center;
|
|
1426
1427
|
}
|
|
1427
|
-
.multiple-selector .tag-wrapper[data-v-
|
|
1428
|
+
.multiple-selector .tag-wrapper[data-v-a884849e] {
|
|
1428
1429
|
display: inline-flex;
|
|
1429
1430
|
align-items: center;
|
|
1430
1431
|
max-width: 100%;
|
|
1431
1432
|
}
|
|
1432
|
-
.multiple-selector .search-input[data-v-
|
|
1433
|
+
.multiple-selector .search-input[data-v-a884849e] {
|
|
1433
1434
|
outline: none;
|
|
1434
1435
|
border: none;
|
|
1435
1436
|
height: 28px;
|
|
1436
1437
|
min-width: 10px;
|
|
1437
1438
|
background: transparent;
|
|
1438
1439
|
}
|
|
1439
|
-
.multiple-selector .search-input[data-v-
|
|
1440
|
+
.multiple-selector .search-input[data-v-a884849e]::placeholder {
|
|
1440
1441
|
color: #c4c6cc;
|
|
1441
1442
|
}
|
|
1442
|
-
.multiple-selector .search-input.inline[data-v-
|
|
1443
|
+
.multiple-selector .search-input.inline[data-v-a884849e] {
|
|
1443
1444
|
min-width: 10px;
|
|
1444
1445
|
}
|
|
1445
|
-
.multiple-selector .search-input.last[data-v-
|
|
1446
|
+
.multiple-selector .search-input.last[data-v-a884849e], .multiple-selector .search-input.collapsed[data-v-a884849e] {
|
|
1446
1447
|
flex: 1;
|
|
1447
1448
|
min-width: 60px;
|
|
1448
|
-
}.single-selector[data-v-
|
|
1449
|
+
}.single-selector[data-v-ad0d9e2e] {
|
|
1449
1450
|
position: relative;
|
|
1450
1451
|
width: 100%;
|
|
1451
1452
|
}
|
|
1452
|
-
.input-container[data-v-
|
|
1453
|
+
.input-container[data-v-ad0d9e2e] {
|
|
1453
1454
|
position: relative;
|
|
1454
1455
|
display: flex;
|
|
1455
1456
|
align-items: center;
|
|
@@ -1459,21 +1460,21 @@ optgroup {
|
|
|
1459
1460
|
padding: 0 8px;
|
|
1460
1461
|
background-color: #fff;
|
|
1461
1462
|
}
|
|
1462
|
-
.input-container[data-v-
|
|
1463
|
+
.input-container[data-v-ad0d9e2e]:focus-within {
|
|
1463
1464
|
border-color: #3a84ff;
|
|
1464
1465
|
box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
|
|
1465
1466
|
}
|
|
1466
|
-
.search-input[data-v-
|
|
1467
|
+
.search-input[data-v-ad0d9e2e] {
|
|
1467
1468
|
flex: 1;
|
|
1468
1469
|
outline: none;
|
|
1469
1470
|
border: none;
|
|
1470
1471
|
height: 30px;
|
|
1471
1472
|
background: transparent;
|
|
1472
1473
|
}
|
|
1473
|
-
.search-input[data-v-
|
|
1474
|
+
.search-input[data-v-ad0d9e2e]::placeholder {
|
|
1474
1475
|
color: #c4c6cc;
|
|
1475
1476
|
}
|
|
1476
|
-
.selected-user[data-v-
|
|
1477
|
+
.selected-user[data-v-ad0d9e2e] {
|
|
1477
1478
|
display: inline-flex;
|
|
1478
1479
|
align-items: center;
|
|
1479
1480
|
background-color: #f0f1f5;
|
|
@@ -1483,15 +1484,15 @@ optgroup {
|
|
|
1483
1484
|
height: 24px;
|
|
1484
1485
|
max-width: calc(100% - 32px);
|
|
1485
1486
|
}
|
|
1486
|
-
.selected-user .tenant-name[data-v-
|
|
1487
|
+
.selected-user .tenant-name[data-v-ad0d9e2e] {
|
|
1487
1488
|
color: #f59500;
|
|
1488
1489
|
margin-left: 4px;
|
|
1489
1490
|
}
|
|
1490
|
-
.selected-user .close-icon[data-v-
|
|
1491
|
+
.selected-user .close-icon[data-v-ad0d9e2e] {
|
|
1491
1492
|
margin-left: 4px;
|
|
1492
1493
|
cursor: pointer;
|
|
1493
1494
|
font-style: normal;
|
|
1494
|
-
}.bk-user-selector[data-v-
|
|
1495
|
+
}.bk-user-selector[data-v-6fd92757] {
|
|
1495
1496
|
width: 100%;
|
|
1496
1497
|
position: relative;
|
|
1497
1498
|
font-size: 12px;
|