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

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
@@ -2948,30 +2948,30 @@ input:-moz-autofill:active {
2948
2948
  background: transparent;
2949
2949
  }
2950
2950
 
2951
- .user-selector[data-v-f60d399f] {
2951
+ .user-selector[data-v-5e8a952d] {
2952
2952
  width: 100%;
2953
2953
  }
2954
- .form-item[data-v-f60d399f] {
2954
+ .form-item[data-v-5e8a952d] {
2955
2955
  display: flex;
2956
2956
  align-items: center;
2957
2957
  margin-bottom: 15px;
2958
2958
  }
2959
- .form-label[data-v-f60d399f] {
2959
+ .form-label[data-v-5e8a952d] {
2960
2960
  width: 80px;
2961
2961
  text-align: right;
2962
2962
  padding-right: 10px;
2963
2963
  font-size: 14px;
2964
2964
  color: #63656e;
2965
2965
  }
2966
- .form-required[data-v-f60d399f] {
2966
+ .form-required[data-v-5e8a952d] {
2967
2967
  color: #ea3636;
2968
2968
  margin-right: 4px;
2969
2969
  }
2970
- .form-content[data-v-f60d399f] {
2970
+ .form-content[data-v-5e8a952d] {
2971
2971
  flex: 1;
2972
2972
  position: relative;
2973
2973
  }
2974
- .tag-input-container[data-v-f60d399f] {
2974
+ .tag-input-container[data-v-5e8a952d] {
2975
2975
  display: flex;
2976
2976
  flex-wrap: wrap;
2977
2977
  border: 1px solid #dcdee5;
@@ -2981,7 +2981,7 @@ input:-moz-autofill:active {
2981
2981
  padding: 2px 8px;
2982
2982
  gap: 4px;
2983
2983
  }
2984
- .tag-inline-container[data-v-f60d399f] {
2984
+ .tag-inline-container[data-v-5e8a952d] {
2985
2985
  display: flex;
2986
2986
  flex-wrap: nowrap;
2987
2987
  align-items: center;
@@ -2989,14 +2989,14 @@ input:-moz-autofill:active {
2989
2989
  flex-grow: 1;
2990
2990
  min-height: 24px;
2991
2991
  }
2992
- .is-focused[data-v-f60d399f] {
2992
+ .is-focused[data-v-5e8a952d] {
2993
2993
  border-color: #3a84ff;
2994
2994
  }
2995
- .tag-group[data-v-f60d399f] {
2995
+ .tag-group[data-v-5e8a952d] {
2996
2996
  display: contents;
2997
2997
  /* 让draggable的内容直接成为父容器的子元素 */
2998
2998
  }
2999
- .tag-item[data-v-f60d399f] {
2999
+ .tag-item[data-v-5e8a952d] {
3000
3000
  flex-shrink: 0;
3001
3001
  height: 24px;
3002
3002
  line-height: 24px;
@@ -3005,14 +3005,14 @@ input:-moz-autofill:active {
3005
3005
  display: inline-flex;
3006
3006
  align-items: center;
3007
3007
  }
3008
- .tag-content[data-v-f60d399f] {
3008
+ .tag-content[data-v-5e8a952d] {
3009
3009
  display: flex;
3010
3010
  align-items: center;
3011
3011
  height: 100%;
3012
3012
  }
3013
3013
 
3014
3014
  /* 输入框样式 */
3015
- .tag-input[data-v-f60d399f] {
3015
+ .tag-input[data-v-5e8a952d] {
3016
3016
  flex-grow: 0;
3017
3017
  width: 10px;
3018
3018
  min-width: 10px;
@@ -3026,37 +3026,37 @@ input:-moz-autofill:active {
3026
3026
  cursor: text;
3027
3027
  transition: width 0.1s ease-in-out;
3028
3028
  }
3029
- .tag-input[data-v-f60d399f]::placeholder {
3029
+ .tag-input[data-v-5e8a952d]::placeholder {
3030
3030
  color: #c4c6cc;
3031
3031
  font-size: 12px;
3032
3032
  }
3033
- .full-width[data-v-f60d399f] {
3033
+ .full-width[data-v-5e8a952d] {
3034
3034
  flex-grow: 1;
3035
3035
  padding: 0 8px;
3036
3036
  /* 添加统一的内边距 */
3037
3037
  }
3038
- .popover-content[data-v-f60d399f] {
3038
+ .popover-content[data-v-5e8a952d] {
3039
3039
  min-height: 80px;
3040
3040
  max-height: 250px;
3041
3041
  overflow-y: auto;
3042
3042
  background-color: #fff;
3043
3043
  }
3044
- .user-option[data-v-f60d399f] {
3044
+ .user-option[data-v-5e8a952d] {
3045
3045
  display: flex;
3046
3046
  align-items: center;
3047
3047
  padding: 8px 12px;
3048
3048
  cursor: pointer;
3049
3049
  }
3050
- .user-option[data-v-f60d399f]:hover {
3050
+ .user-option[data-v-5e8a952d]:hover {
3051
3051
  background-color: #f5f7fa;
3052
3052
  }
3053
- .user-avatar[data-v-f60d399f] {
3053
+ .user-avatar[data-v-5e8a952d] {
3054
3054
  width: 24px;
3055
3055
  height: 24px;
3056
3056
  border-radius: 50%;
3057
3057
  margin-right: 8px;
3058
3058
  }
3059
- .user-avatar-text[data-v-f60d399f] {
3059
+ .user-avatar-text[data-v-5e8a952d] {
3060
3060
  width: 24px;
3061
3061
  height: 24px;
3062
3062
  line-height: 24px;
@@ -3067,49 +3067,49 @@ input:-moz-autofill:active {
3067
3067
  font-size: 12px;
3068
3068
  margin-right: 8px;
3069
3069
  }
3070
- .user-name[data-v-f60d399f] {
3070
+ .user-name[data-v-5e8a952d] {
3071
3071
  font-size: 12px;
3072
3072
  }
3073
3073
 
3074
3074
  /* 拖拽相关样式 */
3075
- .draggable[data-v-f60d399f] {
3075
+ .draggable[data-v-5e8a952d] {
3076
3076
  cursor: move;
3077
3077
  padding-left: 4px;
3078
3078
  }
3079
- .ghost-tag[data-v-f60d399f] {
3079
+ .ghost-tag[data-v-5e8a952d] {
3080
3080
  opacity: 0.5;
3081
3081
  background: #c8ebfb;
3082
3082
  }
3083
- .chosen-tag[data-v-f60d399f] {
3083
+ .chosen-tag[data-v-5e8a952d] {
3084
3084
  box-shadow: 0 0 2px 2px #3a84ff;
3085
3085
  }
3086
- .drag-tag[data-v-f60d399f] {
3086
+ .drag-tag[data-v-5e8a952d] {
3087
3087
  opacity: 0.8;
3088
3088
  }
3089
- .drag-handle[data-v-f60d399f] {
3089
+ .drag-handle[data-v-5e8a952d] {
3090
3090
  display: inline-flex;
3091
3091
  align-items: center;
3092
3092
  margin-right: 4px;
3093
3093
  opacity: 0.6;
3094
3094
  cursor: move;
3095
3095
  }
3096
- .drag-handle svg[data-v-f60d399f] {
3096
+ .drag-handle svg[data-v-5e8a952d] {
3097
3097
  fill: currentColor;
3098
3098
  }
3099
- .tag-wrapper[data-v-f60d399f] {
3099
+ .tag-wrapper[data-v-5e8a952d] {
3100
3100
  display: flex;
3101
3101
  align-items: center;
3102
3102
  padding: 0;
3103
3103
  height: 24px;
3104
3104
  }
3105
- .inline-input[data-v-f60d399f] {
3105
+ .inline-input[data-v-5e8a952d] {
3106
3106
  margin-left: 4px;
3107
3107
  min-width: 10px;
3108
3108
  padding: 0 2px;
3109
3109
  }
3110
3110
 
3111
3111
  /* 测量元素样式 */
3112
- .measure-text[data-v-f60d399f] {
3112
+ .measure-text[data-v-5e8a952d] {
3113
3113
  position: absolute;
3114
3114
  visibility: hidden;
3115
3115
  height: 0;
@@ -3120,45 +3120,45 @@ input:-moz-autofill:active {
3120
3120
  }
3121
3121
 
3122
3122
  /* 单选模式样式 */
3123
- .is-single[data-v-f60d399f] {
3123
+ .is-single[data-v-5e8a952d] {
3124
3124
  cursor: pointer;
3125
3125
  }
3126
- .single-select[data-v-f60d399f] {
3126
+ .single-select[data-v-5e8a952d] {
3127
3127
  display: flex;
3128
3128
  align-items: center;
3129
3129
  justify-content: space-between;
3130
3130
  width: 100%;
3131
3131
  height: 100%;
3132
3132
  }
3133
- .single-value[data-v-f60d399f] {
3133
+ .single-value[data-v-5e8a952d] {
3134
3134
  display: flex;
3135
3135
  align-items: center;
3136
3136
  padding: 0 8px;
3137
3137
  margin-right: 4px;
3138
3138
  height: 24px;
3139
3139
  }
3140
- .single-input[data-v-f60d399f] {
3140
+ .single-input[data-v-5e8a952d] {
3141
3141
  flex: 1;
3142
3142
  width: auto;
3143
3143
  }
3144
- .placeholder[data-v-f60d399f] {
3144
+ .placeholder[data-v-5e8a952d] {
3145
3145
  color: #c4c6cc;
3146
3146
  }
3147
- .dropdown-arrow[data-v-f60d399f] {
3147
+ .dropdown-arrow[data-v-5e8a952d] {
3148
3148
  margin-left: 8px;
3149
3149
  font-size: 10px;
3150
3150
  color: #979ba5;
3151
3151
  }
3152
- .clear-icon[data-v-f60d399f] {
3152
+ .clear-icon[data-v-5e8a952d] {
3153
3153
  margin-left: 8px;
3154
3154
  font-size: 14px;
3155
3155
  color: #979ba5;
3156
3156
  cursor: pointer;
3157
3157
  }
3158
- .clear-icon[data-v-f60d399f]:hover {
3158
+ .clear-icon[data-v-5e8a952d]:hover {
3159
3159
  color: #63656e;
3160
3160
  }
3161
- .no-data[data-v-f60d399f] {
3161
+ .no-data[data-v-5e8a952d] {
3162
3162
  padding: 8px 12px;
3163
3163
  font-size: 12px;
3164
3164
  text-align: center;