@blueking/bk-user-selector 0.1.4 → 0.1.6

package/vue2/vue2.css

@@ -1,4 +1,4 @@
-.scroll-bar-style::-webkit-scrollbar {
+@charset "UTF-8";.scroll-bar-style::-webkit-scrollbar {
   width: 4px;
   height: 4px;
 }
@@ -783,7 +783,7 @@ optgroup {
   line-height: 0;
   cursor: pointer;
 }
-.me-tag[data-v-4f251ce1] {
+.me-tag[data-v-a1054364] {
   position: absolute;
   top: 50%;
   right: 8px;
@@ -802,124 +802,139 @@ optgroup {
   border-radius: 50%;
   transform: translateY(-50%);
 }
-.me-tag[data-v-4f251ce1]:hover {
+.me-tag[data-v-a1054364]:hover {
   color: #3a84ff;
   background-color: #cddffe;
 }
-.me-tag.disabled[data-v-4f251ce1] {
+.me-tag.disabled[data-v-a1054364] {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: #f0f1f5;
-}.dropdown-content[data-v-a1b011d9] {
+}.dropdown-content[data-v-9173accf] {
   min-height: 40px;
   max-height: 300px;
   padding: 5px 0;
   overflow-y: auto;
 }
-.dropdown-content .no-data[data-v-a1b011d9] {
+.dropdown-content .no-data[data-v-9173accf] {
   padding: 10px;
   color: #979ba5;
   text-align: center;
 }
-.dropdown-content .user-group .group-header[data-v-a1b011d9] {
+.dropdown-content .user-group .group-header[data-v-9173accf] {
   display: flex;
   align-items: center;
   padding: 8px 12px;
   color: #979ba5;
 }
-.dropdown-content .user-group .group-header .group-count[data-v-a1b011d9] {
+.dropdown-content .user-group .group-header .group-count[data-v-9173accf] {
   margin-left: 4px;
 }
-.dropdown-content .user-option[data-v-a1b011d9] {
+.dropdown-content .user-option[data-v-9173accf] {
   display: flex;
   align-items: center;
   height: 32px;
   padding: 8px 12px;
   cursor: pointer;
 }
-.dropdown-content .user-option[data-v-a1b011d9]:hover, .dropdown-content .user-option.is-highlighted[data-v-a1b011d9] {
+.dropdown-content .user-option[data-v-9173accf]:hover, .dropdown-content .user-option.is-highlighted[data-v-9173accf] {
   background-color: #f5f7fa;
-}.user-tag[data-v-1f2e0737] {
+}.user-tag[data-v-d1173d20] {
+  height: 24px;
   margin-right: 4px;
   margin-left: 0;
 }
-.user-tag.draggable[data-v-1f2e0737] {
+.user-tag.draggable[data-v-d1173d20] {
   cursor: move;
 }
-.user-tag.active[data-v-1f2e0737] {
+.user-tag.active[data-v-d1173d20] {
   background-color: #e1ecff;
   border-color: #3a84ff;
 }
-.user-tag.is-custom[data-v-1f2e0737] {
+.user-tag.is-custom[data-v-d1173d20] {
   color: #ea3636;
   background-color: #feebea;
   border-color: rgba(234, 53, 54, 0.3019607843);
 }
-.user-tag.is-custom[data-v-1f2e0737]:hover {
+.user-tag.is-custom[data-v-d1173d20]:hover {
   background-color: #fedddc;
 }
-.user-tag .tag-content .user-name[data-v-1f2e0737] {
+.user-tag .tag-content .user-name[data-v-d1173d20] {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 12px;
   white-space: nowrap;
-}.bk-user-selector[data-v-888ae74c] {
+}
+.bk-user-selector[data-v-089550be] {
   position: relative;
   width: 100%;
   height: 32px;
   font-size: 12px;
 }
-.bk-user-selector.is-disabled[data-v-888ae74c] {
+.bk-user-selector.is-disabled[data-v-089550be] {
   pointer-events: none;
   cursor: not-allowed;
   background-color: #dcdee5;
 }
-.bk-user-selector .tags-container[data-v-888ae74c] {
+.bk-user-selector.is-textarea[data-v-089550be] {
+  height: auto;
+  min-height: 32px;
+}
+.bk-user-selector .tags-container[data-v-089550be] {
   position: relative;
   min-height: 32px;
-  padding: 1px 10px 1px 8px;
+  padding: 3px 10px 3px 8px;
   background-color: #fff;
   border: 1px solid #c4c6cc;
   border-radius: 2px;
   transition: all 0.2s ease;
 }
-.bk-user-selector .tags-container.focused[data-v-888ae74c] {
+.bk-user-selector .tags-container.focused[data-v-089550be] {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.bk-user-selector .tags-container.tags-container-collapsed[data-v-888ae74c] {
+.bk-user-selector .tags-container.tags-container-collapsed[data-v-089550be] {
   display: flex;
   flex-wrap: wrap;
+  row-gap: 4px;
   align-items: center;
+  /* 与 .tag-list 一致：避免默认 stretch 拉高行高后 align-items:center 把首行顶离上边框 */
+  align-content: flex-start;
 }
-.bk-user-selector .tag-list[data-v-888ae74c] {
+.bk-user-selector .tag-list[data-v-089550be] {
   display: flex;
   flex-wrap: wrap;
+  row-gap: 4px;
   align-items: center;
+  align-content: flex-start;
 }
-.bk-user-selector .tag-wrapper[data-v-888ae74c] {
+.bk-user-selector .tag-wrapper[data-v-089550be] {
   display: inline-flex;
   align-items: center;
   max-width: 100%;
 }
-.bk-user-selector .search-input[data-v-888ae74c] {
+.bk-user-selector .search-input[data-v-089550be] {
   min-width: 20px;
-  height: 28px;
+  height: 24px;
   outline: none;
   background: transparent;
   border: none;
 }
-.bk-user-selector .search-input[data-v-888ae74c]::placeholder {
+.bk-user-selector .search-input[data-v-089550be]::placeholder {
   color: #c4c6cc;
 }
-.bk-user-selector .search-input.input-inline[data-v-888ae74c] {
+.bk-user-selector .search-input.input-inline[data-v-089550be] {
   min-width: 20px;
 }
-.bk-user-selector .search-input.input-last[data-v-888ae74c], .bk-user-selector .search-input.search-input-collapsed[data-v-888ae74c] {
+.bk-user-selector .search-input.input-last[data-v-089550be], .bk-user-selector .search-input.search-input-collapsed[data-v-089550be] {
   flex: 1;
 }
-.hidden-users[data-v-888ae74c] {
+.hidden-users[data-v-089550be] {
   padding: 6px 10px;
 }.bk-user-selector-popover {
   padding: 0 !important;
+}
+.bk-user-selector.is-textarea .me-tag {
+  top: 4px;
+  transform: none;
 }

package/vue3/config.json

@@ -1 +1,22 @@
-{"type":"bk-user-selector","name":"bk-user-selector","displayName":"人员选择器","framework":"vue3","styles":[],"props":{"modelValue":{"type":["number","string"],"tips":"值"},"dataUrl":{"type":"string","tips":"数据源接口"}},"events":[],"slots":{}}
+{
+  "type": "bk-user-selector",
+  "name": "bk-user-selector",
+  "displayName": "人员选择器",
+  "framework": "vue3",
+  "styles": [],
+  "props": {
+    "modelValue": {
+      "type": [
+        "number",
+        "string"
+      ],
+      "tips": "值"
+    },
+    "dataUrl": {
+      "type": "string",
+      "tips": "数据源接口"
+    }
+  },
+  "events": [],
+  "slots": {}
+}