@blueking/bk-user-selector 0.0.1-beta.1 → 0.0.1-beta.2

package/vue3/vue3.css

@@ -1,28 +1,28 @@
 
-.user-selector[data-v-f60d399f] {
+.user-selector[data-v-5e8a952d] {
   width: 100%;
 }
-.form-item[data-v-f60d399f] {
+.form-item[data-v-5e8a952d] {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
 }
-.form-label[data-v-f60d399f] {
+.form-label[data-v-5e8a952d] {
   width: 80px;
   text-align: right;
   padding-right: 10px;
   font-size: 14px;
   color: #63656e;
 }
-.form-required[data-v-f60d399f] {
+.form-required[data-v-5e8a952d] {
   color: #ea3636;
   margin-right: 4px;
 }
-.form-content[data-v-f60d399f] {
+.form-content[data-v-5e8a952d] {
   flex: 1;
   position: relative;
 }
-.tag-input-container[data-v-f60d399f] {
+.tag-input-container[data-v-5e8a952d] {
   display: flex;
   flex-wrap: wrap;
   border: 1px solid #dcdee5;
@@ -32,7 +32,7 @@
   padding: 2px 8px;
   gap: 4px;
 }
-.tag-inline-container[data-v-f60d399f] {
+.tag-inline-container[data-v-5e8a952d] {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -40,14 +40,14 @@
   flex-grow: 1;
   min-height: 24px;
 }
-.is-focused[data-v-f60d399f] {
+.is-focused[data-v-5e8a952d] {
   border-color: #3a84ff;
 }
-.tag-group[data-v-f60d399f] {
+.tag-group[data-v-5e8a952d] {
   display: contents;
   /* 让draggable的内容直接成为父容器的子元素 */
 }
-.tag-item[data-v-f60d399f] {
+.tag-item[data-v-5e8a952d] {
   flex-shrink: 0;
   height: 24px;
   line-height: 24px;
@@ -56,14 +56,14 @@
   display: inline-flex;
   align-items: center;
 }
-.tag-content[data-v-f60d399f] {
+.tag-content[data-v-5e8a952d] {
   display: flex;
   align-items: center;
   height: 100%;
 }
 
 /* 输入框样式 */
-.tag-input[data-v-f60d399f] {
+.tag-input[data-v-5e8a952d] {
   flex-grow: 0;
   width: 10px;
   min-width: 10px;
@@ -77,37 +77,37 @@
   cursor: text;
   transition: width 0.1s ease-in-out;
 }
-.tag-input[data-v-f60d399f]::placeholder {
+.tag-input[data-v-5e8a952d]::placeholder {
   color: #c4c6cc;
   font-size: 12px;
 }
-.full-width[data-v-f60d399f] {
+.full-width[data-v-5e8a952d] {
   flex-grow: 1;
   padding: 0 8px;
   /* 添加统一的内边距 */
 }
-.popover-content[data-v-f60d399f] {
+.popover-content[data-v-5e8a952d] {
   min-height: 80px;
   max-height: 250px;
   overflow-y: auto;
   background-color: #fff;
 }
-.user-option[data-v-f60d399f] {
+.user-option[data-v-5e8a952d] {
   display: flex;
   align-items: center;
   padding: 8px 12px;
   cursor: pointer;
 }
-.user-option[data-v-f60d399f]:hover {
+.user-option[data-v-5e8a952d]:hover {
   background-color: #f5f7fa;
 }
-.user-avatar[data-v-f60d399f] {
+.user-avatar[data-v-5e8a952d] {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   margin-right: 8px;
 }
-.user-avatar-text[data-v-f60d399f] {
+.user-avatar-text[data-v-5e8a952d] {
   width: 24px;
   height: 24px;
   line-height: 24px;
@@ -118,49 +118,49 @@
   font-size: 12px;
   margin-right: 8px;
 }
-.user-name[data-v-f60d399f] {
+.user-name[data-v-5e8a952d] {
   font-size: 12px;
 }
 
 /* 拖拽相关样式 */
-.draggable[data-v-f60d399f] {
+.draggable[data-v-5e8a952d] {
   cursor: move;
   padding-left: 4px;
 }
-.ghost-tag[data-v-f60d399f] {
+.ghost-tag[data-v-5e8a952d] {
   opacity: 0.5;
   background: #c8ebfb;
 }
-.chosen-tag[data-v-f60d399f] {
+.chosen-tag[data-v-5e8a952d] {
   box-shadow: 0 0 2px 2px #3a84ff;
 }
-.drag-tag[data-v-f60d399f] {
+.drag-tag[data-v-5e8a952d] {
   opacity: 0.8;
 }
-.drag-handle[data-v-f60d399f] {
+.drag-handle[data-v-5e8a952d] {
   display: inline-flex;
   align-items: center;
   margin-right: 4px;
   opacity: 0.6;
   cursor: move;
 }
-.drag-handle svg[data-v-f60d399f] {
+.drag-handle svg[data-v-5e8a952d] {
   fill: currentColor;
 }
-.tag-wrapper[data-v-f60d399f] {
+.tag-wrapper[data-v-5e8a952d] {
   display: flex;
   align-items: center;
   padding: 0;
   height: 24px;
 }
-.inline-input[data-v-f60d399f] {
+.inline-input[data-v-5e8a952d] {
   margin-left: 4px;
   min-width: 10px;
   padding: 0 2px;
 }
 
 /* 测量元素样式 */
-.measure-text[data-v-f60d399f] {
+.measure-text[data-v-5e8a952d] {
   position: absolute;
   visibility: hidden;
   height: 0;
@@ -171,45 +171,45 @@
 }
 
 /* 单选模式样式 */
-.is-single[data-v-f60d399f] {
+.is-single[data-v-5e8a952d] {
   cursor: pointer;
 }
-.single-select[data-v-f60d399f] {
+.single-select[data-v-5e8a952d] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   height: 100%;
 }
-.single-value[data-v-f60d399f] {
+.single-value[data-v-5e8a952d] {
   display: flex;
   align-items: center;
   padding: 0 8px;
   margin-right: 4px;
   height: 24px;
 }
-.single-input[data-v-f60d399f] {
+.single-input[data-v-5e8a952d] {
   flex: 1;
   width: auto;
 }
-.placeholder[data-v-f60d399f] {
+.placeholder[data-v-5e8a952d] {
   color: #c4c6cc;
 }
-.dropdown-arrow[data-v-f60d399f] {
+.dropdown-arrow[data-v-5e8a952d] {
   margin-left: 8px;
   font-size: 10px;
   color: #979ba5;
 }
-.clear-icon[data-v-f60d399f] {
+.clear-icon[data-v-5e8a952d] {
   margin-left: 8px;
   font-size: 14px;
   color: #979ba5;
   cursor: pointer;
 }
-.clear-icon[data-v-f60d399f]:hover {
+.clear-icon[data-v-5e8a952d]:hover {
   color: #63656e;
 }
-.no-data[data-v-f60d399f] {
+.no-data[data-v-5e8a952d] {
   padding: 8px 12px;
   font-size: 12px;
   text-align: center;