@blueking/bk-user-selector 0.0.6 → 0.0.8

package/vue2/vue2.css

@@ -1314,7 +1314,69 @@ optgroup {
   line-height: 0;
   cursor: pointer;
 }
-.user-tag[data-v-203c36cb] {
+.me-tag[data-v-887b7c44] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #e1ecff;
+  color: #4d4f56;
+  border-radius: 50%;
+  padding: 0 8px;
+  height: 24px;
+  width: 24px;
+  cursor: pointer;
+  font-size: 12px;
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1;
+}
+.me-tag[data-v-887b7c44]:hover {
+  background-color: #cddffe;
+  color: #3a84ff;
+}
+.me-tag.disabled[data-v-887b7c44] {
+  background-color: #f0f1f5;
+  color: #c4c6cc;
+  cursor: not-allowed;
+}.dropdown-content[data-v-c68dfcac] {
+  min-height: 40px;
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 5px 0;
+}
+.dropdown-content .no-data[data-v-c68dfcac] {
+  padding: 10px;
+  text-align: center;
+  color: #979ba5;
+}
+.dropdown-content .user-group .group-header[data-v-c68dfcac] {
+  padding: 8px 12px;
+  color: #979ba5;
+  display: flex;
+  align-items: center;
+}
+.dropdown-content .user-group .group-header .group-count[data-v-c68dfcac] {
+  margin-left: 4px;
+}
+.dropdown-content .user-option[data-v-c68dfcac] {
+  padding: 8px 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  height: 32px;
+}
+.dropdown-content .user-option[data-v-c68dfcac]:hover {
+  background-color: #f5f7fa;
+}
+.dropdown-content .user-option .tenant-name[data-v-c68dfcac] {
+  color: #f59500;
+  margin-left: 4px;
+  padding: 0 4px;
+}.bk-user-selector-popover.bk-popover.bk-pop2-content {
+  padding: 0;
+}.user-tag[data-v-203c36cb] {
   margin-right: 4px;
 }
 .user-tag.draggable[data-v-203c36cb] {
@@ -1336,113 +1398,58 @@ optgroup {
   white-space: nowrap;
   padding: 0 3px;
   border-radius: 2px;
-}.bk-user-selector-popover.bk-popover.bk-pop2-content {
-  padding: 0;
-}.multiple-selector[data-v-50540b99] {
+}.multiple-selector[data-v-a09f11c3] {
   position: relative;
   width: 100%;
 }
-.multiple-selector .tags-container[data-v-50540b99] {
+.multiple-selector .tags-container[data-v-a09f11c3] {
   min-height: 32px;
   border: 1px solid #dcdee5;
   border-radius: 2px;
-  padding: 1px 4px;
+  padding: 1px 10px 1px 8px;
   transition: all 0.2s ease;
   background-color: #fff;
 }
-.multiple-selector .tags-container.focused[data-v-50540b99] {
+.multiple-selector .tags-container.focused[data-v-a09f11c3] {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.multiple-selector .tags-container.collapsed[data-v-50540b99] {
+.multiple-selector .tags-container.collapsed[data-v-a09f11c3] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-list[data-v-50540b99] {
+.multiple-selector .tag-list[data-v-a09f11c3] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-wrapper[data-v-50540b99] {
+.multiple-selector .tag-wrapper[data-v-a09f11c3] {
   display: inline-flex;
   align-items: center;
   max-width: 100%;
 }
-.multiple-selector .search-input[data-v-50540b99] {
+.multiple-selector .search-input[data-v-a09f11c3] {
   outline: none;
   border: none;
   height: 28px;
   min-width: 10px;
   background: transparent;
 }
-.multiple-selector .search-input[data-v-50540b99]::placeholder {
+.multiple-selector .search-input[data-v-a09f11c3]::placeholder {
   color: #c4c6cc;
 }
-.multiple-selector .search-input.inline[data-v-50540b99] {
+.multiple-selector .search-input.inline[data-v-a09f11c3] {
   min-width: 10px;
 }
-.multiple-selector .search-input.last[data-v-50540b99], .multiple-selector .search-input.collapsed[data-v-50540b99] {
+.multiple-selector .search-input.last[data-v-a09f11c3], .multiple-selector .search-input.collapsed[data-v-a09f11c3] {
   flex: 1;
   min-width: 60px;
-}
-.dropdown-content[data-v-50540b99] {
-  min-height: 40px;
-  max-height: 300px;
-  overflow-y: auto;
-  padding: 5px 0;
-}
-.dropdown-content .no-data[data-v-50540b99] {
-  padding: 10px;
-  text-align: center;
-  color: #979ba5;
-}
-.dropdown-content .user-option[data-v-50540b99] {
-  padding: 8px 12px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  height: 32px;
-}
-.dropdown-content .user-option[data-v-50540b99]:hover {
-  background-color: #f5f7fa;
-}
-.dropdown-content .user-option .tenant-name[data-v-50540b99] {
-  color: #f59500;
-  margin-left: 4px;
-  padding: 0 4px;
-}
-.me-tag[data-v-50540b99] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #e1ecff;
-  color: #4d4f56;
-  border-radius: 50%;
-  padding: 0 8px;
-  height: 24px;
-  width: 24px;
-  cursor: pointer;
-  font-size: 12px;
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1;
-}
-.me-tag[data-v-50540b99]:hover {
-  background-color: #cddffe;
-  color: #3a84ff;
-}
-.me-tag.disabled[data-v-50540b99] {
-  background-color: #f0f1f5;
-  color: #c4c6cc;
-  cursor: not-allowed;
-}.single-selector[data-v-308925e9] {
+}.single-selector[data-v-8b8dd0fd] {
   position: relative;
   width: 100%;
 }
-.input-container[data-v-308925e9] {
+.input-container[data-v-8b8dd0fd] {
   position: relative;
   display: flex;
   align-items: center;
@@ -1452,21 +1459,21 @@ optgroup {
   padding: 0 8px;
   background-color: #fff;
 }
-.input-container[data-v-308925e9]:focus-within {
+.input-container[data-v-8b8dd0fd]:focus-within {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.search-input[data-v-308925e9] {
+.search-input[data-v-8b8dd0fd] {
   flex: 1;
   outline: none;
   border: none;
   height: 30px;
   background: transparent;
 }
-.search-input[data-v-308925e9]::placeholder {
+.search-input[data-v-8b8dd0fd]::placeholder {
   color: #c4c6cc;
 }
-.selected-user[data-v-308925e9] {
+.selected-user[data-v-8b8dd0fd] {
   display: inline-flex;
   align-items: center;
   background-color: #f0f1f5;
@@ -1476,68 +1483,15 @@ optgroup {
   height: 24px;
   max-width: calc(100% - 32px);
 }
-.selected-user .tenant-name[data-v-308925e9] {
+.selected-user .tenant-name[data-v-8b8dd0fd] {
   color: #f59500;
   margin-left: 4px;
 }
-.selected-user .close-icon[data-v-308925e9] {
+.selected-user .close-icon[data-v-8b8dd0fd] {
   margin-left: 4px;
   cursor: pointer;
   font-style: normal;
-}
-.dropdown-content[data-v-308925e9] {
-  min-height: 40px;
-  max-height: 300px;
-  overflow-y: auto;
-  padding: 5px 0;
-}
-.dropdown-content .no-data[data-v-308925e9] {
-  padding: 10px;
-  text-align: center;
-  color: #979ba5;
-}
-.dropdown-content .user-option[data-v-308925e9] {
-  padding: 8px 12px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  height: 32px;
-}
-.dropdown-content .user-option[data-v-308925e9]:hover {
-  background-color: #f5f7fa;
-}
-.dropdown-content .user-option .tenant-name[data-v-308925e9] {
-  color: #f59500;
-  margin-left: 4px;
-  padding: 0 4px;
-}
-.me-tag[data-v-308925e9] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #e1ecff;
-  color: #4d4f56;
-  border-radius: 50%;
-  padding: 0 8px;
-  height: 24px;
-  width: 24px;
-  cursor: pointer;
-  font-size: 12px;
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1;
-}
-.me-tag[data-v-308925e9]:hover {
-  background-color: #cddffe;
-  color: #3a84ff;
-}
-.me-tag.disabled[data-v-308925e9] {
-  background-color: #f0f1f5;
-  color: #c4c6cc;
-  cursor: not-allowed;
-}.bk-user-selector[data-v-fe084750] {
+}.bk-user-selector[data-v-bc7b4ccd] {
   width: 100%;
   position: relative;
   font-size: 12px;