@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/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-01b75e6e] {
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-01b75e6e] {
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-01b75e6e] {
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-01b75e6e] {
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-01b75e6e] {
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-01b75e6e]:hover {
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-01b75e6e] {
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-203c36cb] {
1379
+ }.user-tag[data-v-87c12feb] {
1380
1380
  margin-right: 4px;
1381
+ margin-left: 0;
1381
1382
  }
1382
- .user-tag.draggable[data-v-203c36cb] {
1383
+ .user-tag.draggable[data-v-87c12feb] {
1383
1384
  cursor: move;
1384
1385
  }
1385
- .user-tag.active[data-v-203c36cb] {
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-203c36cb] {
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-203c36cb] {
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-1a376d26] {
1402
+ }.multiple-selector[data-v-a884849e] {
1402
1403
  position: relative;
1403
1404
  width: 100%;
1404
1405
  }
1405
- .multiple-selector .tags-container[data-v-1a376d26] {
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-1a376d26] {
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-1a376d26] {
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-1a376d26] {
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-1a376d26] {
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-1a376d26] {
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-1a376d26]::placeholder {
1440
+ .multiple-selector .search-input[data-v-a884849e]::placeholder {
1440
1441
  color: #c4c6cc;
1441
1442
  }
1442
- .multiple-selector .search-input.inline[data-v-1a376d26] {
1443
+ .multiple-selector .search-input.inline[data-v-a884849e] {
1443
1444
  min-width: 10px;
1444
1445
  }
1445
- .multiple-selector .search-input.last[data-v-1a376d26], .multiple-selector .search-input.collapsed[data-v-1a376d26] {
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-22d9b76f] {
1449
+ }.single-selector[data-v-ad0d9e2e] {
1449
1450
  position: relative;
1450
1451
  width: 100%;
1451
1452
  }
1452
- .input-container[data-v-22d9b76f] {
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-22d9b76f]:focus-within {
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-22d9b76f] {
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-22d9b76f]::placeholder {
1474
+ .search-input[data-v-ad0d9e2e]::placeholder {
1474
1475
  color: #c4c6cc;
1475
1476
  }
1476
- .selected-user[data-v-22d9b76f] {
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-22d9b76f] {
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-22d9b76f] {
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-84252deb] {
1495
+ }.bk-user-selector[data-v-6fd92757] {
1495
1496
  width: 100%;
1496
1497
  position: relative;
1497
1498
  font-size: 12px;