@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/package.json +6 -4
- package/vue2/index.es.min.js +3990 -7629
- package/vue2/index.iife.min.js +4133 -11107
- package/vue2/index.umd.min.js +3990 -7629
- package/vue2/vue2.css +38 -38
- package/vue3/index.es.min.js +352 -4912
- package/vue3/index.iife.min.js +3990 -7629
- package/vue3/index.umd.min.js +449 -5009
- package/vue3/vue3.css +38 -38
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-
|
|
2951
|
+
.user-selector[data-v-5e8a952d] {
|
|
2952
2952
|
width: 100%;
|
|
2953
2953
|
}
|
|
2954
|
-
.form-item[data-v-
|
|
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-
|
|
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-
|
|
2966
|
+
.form-required[data-v-5e8a952d] {
|
|
2967
2967
|
color: #ea3636;
|
|
2968
2968
|
margin-right: 4px;
|
|
2969
2969
|
}
|
|
2970
|
-
.form-content[data-v-
|
|
2970
|
+
.form-content[data-v-5e8a952d] {
|
|
2971
2971
|
flex: 1;
|
|
2972
2972
|
position: relative;
|
|
2973
2973
|
}
|
|
2974
|
-
.tag-input-container[data-v-
|
|
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-
|
|
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-
|
|
2992
|
+
.is-focused[data-v-5e8a952d] {
|
|
2993
2993
|
border-color: #3a84ff;
|
|
2994
2994
|
}
|
|
2995
|
-
.tag-group[data-v-
|
|
2995
|
+
.tag-group[data-v-5e8a952d] {
|
|
2996
2996
|
display: contents;
|
|
2997
2997
|
/* 让draggable的内容直接成为父容器的子元素 */
|
|
2998
2998
|
}
|
|
2999
|
-
.tag-item[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
3029
|
+
.tag-input[data-v-5e8a952d]::placeholder {
|
|
3030
3030
|
color: #c4c6cc;
|
|
3031
3031
|
font-size: 12px;
|
|
3032
3032
|
}
|
|
3033
|
-
.full-width[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
3050
|
+
.user-option[data-v-5e8a952d]:hover {
|
|
3051
3051
|
background-color: #f5f7fa;
|
|
3052
3052
|
}
|
|
3053
|
-
.user-avatar[data-v-
|
|
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-
|
|
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-
|
|
3070
|
+
.user-name[data-v-5e8a952d] {
|
|
3071
3071
|
font-size: 12px;
|
|
3072
3072
|
}
|
|
3073
3073
|
|
|
3074
3074
|
/* 拖拽相关样式 */
|
|
3075
|
-
.draggable[data-v-
|
|
3075
|
+
.draggable[data-v-5e8a952d] {
|
|
3076
3076
|
cursor: move;
|
|
3077
3077
|
padding-left: 4px;
|
|
3078
3078
|
}
|
|
3079
|
-
.ghost-tag[data-v-
|
|
3079
|
+
.ghost-tag[data-v-5e8a952d] {
|
|
3080
3080
|
opacity: 0.5;
|
|
3081
3081
|
background: #c8ebfb;
|
|
3082
3082
|
}
|
|
3083
|
-
.chosen-tag[data-v-
|
|
3083
|
+
.chosen-tag[data-v-5e8a952d] {
|
|
3084
3084
|
box-shadow: 0 0 2px 2px #3a84ff;
|
|
3085
3085
|
}
|
|
3086
|
-
.drag-tag[data-v-
|
|
3086
|
+
.drag-tag[data-v-5e8a952d] {
|
|
3087
3087
|
opacity: 0.8;
|
|
3088
3088
|
}
|
|
3089
|
-
.drag-handle[data-v-
|
|
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-
|
|
3096
|
+
.drag-handle svg[data-v-5e8a952d] {
|
|
3097
3097
|
fill: currentColor;
|
|
3098
3098
|
}
|
|
3099
|
-
.tag-wrapper[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
3123
|
+
.is-single[data-v-5e8a952d] {
|
|
3124
3124
|
cursor: pointer;
|
|
3125
3125
|
}
|
|
3126
|
-
.single-select[data-v-
|
|
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-
|
|
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-
|
|
3140
|
+
.single-input[data-v-5e8a952d] {
|
|
3141
3141
|
flex: 1;
|
|
3142
3142
|
width: auto;
|
|
3143
3143
|
}
|
|
3144
|
-
.placeholder[data-v-
|
|
3144
|
+
.placeholder[data-v-5e8a952d] {
|
|
3145
3145
|
color: #c4c6cc;
|
|
3146
3146
|
}
|
|
3147
|
-
.dropdown-arrow[data-v-
|
|
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-
|
|
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-
|
|
3158
|
+
.clear-icon[data-v-5e8a952d]:hover {
|
|
3159
3159
|
color: #63656e;
|
|
3160
3160
|
}
|
|
3161
|
-
.no-data[data-v-
|
|
3161
|
+
.no-data[data-v-5e8a952d] {
|
|
3162
3162
|
padding: 8px 12px;
|
|
3163
3163
|
font-size: 12px;
|
|
3164
3164
|
text-align: center;
|