bkui-vue 0.0.1-beta.195 → 0.0.1-beta.197

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.
Files changed (42) hide show
  1. package/dist/index.cjs.js +62 -60
  2. package/dist/index.esm.js +1552 -198
  3. package/dist/index.umd.js +62 -60
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/components.d.ts +1 -0
  7. package/lib/components.js +1 -1
  8. package/lib/icon/index.js +1 -1
  9. package/lib/process/index.d.ts +2 -2
  10. package/lib/process/index.js +1 -1
  11. package/lib/process/process.css +13 -0
  12. package/lib/process/process.less +17 -0
  13. package/lib/process/process.variable.css +13 -0
  14. package/lib/search-select/index.d.ts +681 -0
  15. package/lib/search-select/index.js +1 -0
  16. package/lib/search-select/input.d.ts +85 -0
  17. package/lib/search-select/menu.css +145 -0
  18. package/lib/search-select/menu.d.ts +83 -0
  19. package/lib/search-select/menu.less +134 -0
  20. package/lib/search-select/menu.variable.css +145 -0
  21. package/lib/search-select/search-select.css +426 -0
  22. package/lib/search-select/search-select.d.ts +273 -0
  23. package/lib/search-select/search-select.less +227 -0
  24. package/lib/search-select/search-select.variable.css +539 -0
  25. package/lib/search-select/selected.css +21 -0
  26. package/lib/search-select/selected.d.ts +137 -0
  27. package/lib/search-select/selected.less +24 -0
  28. package/lib/search-select/selected.variable.css +21 -0
  29. package/lib/search-select/utils.d.ts +79 -0
  30. package/lib/styles/index.d.ts +1 -0
  31. package/lib/styles/mixins/animate.css +21 -0
  32. package/lib/tag-input/common.d.ts +4 -1
  33. package/lib/tag-input/index.d.ts +353 -377
  34. package/lib/tag-input/index.js +1 -1
  35. package/lib/tag-input/tag-input.d.ts +172 -178
  36. package/lib/tag-input/tag-props.d.ts +82 -79
  37. package/lib/timeline/index.d.ts +2 -2
  38. package/lib/upload/index.d.ts +7 -7
  39. package/lib/upload/upload.d.ts +2 -2
  40. package/lib/volar.components.d.ts +1 -0
  41. package/package.json +2 -3
  42. package/lib/icon/image-fill.js +0 -1
@@ -0,0 +1,227 @@
1
+ /* stylelint-disable declaration-no-important */
2
+ @import '../styles/themes/themes.less';
3
+ @import '../styles/mixins/mixins.less';
4
+ @import './menu.less';
5
+ @import './selected.less';
6
+
7
+ .search-select-wrap {
8
+ position: relative;
9
+ z-index: 9;
10
+ height: 32px;
11
+ overflow: inherit;
12
+
13
+ .bk-search-select {
14
+ position: relative;
15
+ display: flex;
16
+ min-height: 30px;
17
+ overflow: hidden;
18
+ font-size: 12px;
19
+ color: #63656e;
20
+ border: 1px solid #c4c6cc;
21
+ border-radius: 2px;
22
+ outline: none;
23
+ box-sizing: border-box;
24
+ transition: border .2s linear;
25
+ resize: none;
26
+ flex-direction: row;
27
+ align-items: center;
28
+ flex-wrap: wrap;
29
+
30
+ &.is-focus {
31
+ overflow: auto;
32
+ color: #3c96ff;
33
+ background: #fff !important;
34
+ border-color: #3c96ff !important;
35
+ }
36
+
37
+ .search-prefix {
38
+ flex: 0 0 auto;
39
+ display: flex;
40
+ align-items: center;
41
+ height: 100%;
42
+ }
43
+
44
+ .search-input {
45
+ position: relative;
46
+ display: flex;
47
+ min-height: 26px;
48
+ padding: 0 2px;
49
+ margin-top: 4px;
50
+ overflow: visible;
51
+ text-align: left;
52
+ transition: max-height .3s cubic-bezier(.4, 0, .2, 1);
53
+ flex: 1;
54
+ flex-wrap: wrap;
55
+ align-items: center;
56
+
57
+ &-chip {
58
+ position: relative;
59
+ display: inline-block;
60
+ max-width: 99%;
61
+ padding-left: 8px;
62
+ margin: 0 0 4px 6px;
63
+ line-height: 22px;
64
+ color: #63656e;
65
+ background: #f0f1f5;
66
+ border-radius: 2px;
67
+ flex: 0 0 auto;
68
+ align-self: center;
69
+
70
+ &.hidden-chip {
71
+ visibility: hidden
72
+ }
73
+
74
+ &.overflow-chip {
75
+ padding-right: 8px;
76
+ }
77
+
78
+ &:hover {
79
+ background: #dcdee5;
80
+
81
+ .chip-clear {
82
+ color: #63656e;
83
+ }
84
+ }
85
+
86
+ .chip-name {
87
+ display: inline-block;
88
+ margin-right: 20px;
89
+ word-break: break-all;
90
+ }
91
+
92
+ .chip-clear {
93
+ position: absolute;
94
+ top: 4px;
95
+ right: 3px;
96
+ display: inline-flex;
97
+ width: 14px;
98
+ height: 14px;
99
+ overflow: hidden;
100
+ font-size: 12px;
101
+ line-height: normal;
102
+ color: #979ba5;
103
+ text-align: center;
104
+ cursor: pointer;
105
+ align-items: center;
106
+ justify-content: center;
107
+ }
108
+ }
109
+
110
+ &-input {
111
+ position: relative;
112
+ display: flex;
113
+ height: 100%;
114
+ min-width: 40px;
115
+ padding: 0 10px;
116
+ margin-top: -4px;
117
+ color: #63656e;
118
+ border: none;
119
+ flex: 1 1 auto;
120
+ align-items: center;
121
+
122
+ .div-input {
123
+ height: 30px;
124
+ padding: 5px 0;
125
+ line-height: 20px;
126
+ word-break: break-all;
127
+ flex: 1 1 auto;
128
+
129
+ &:focus {
130
+ outline: none;
131
+ }
132
+ }
133
+
134
+ .input-before {
135
+ &:before {
136
+ // padding-left: 2px;
137
+ color: #c4c6cc;
138
+ content: attr(data-placeholder);
139
+ }
140
+ }
141
+
142
+ .input-after {
143
+ &:after {
144
+ padding-left: 2px;
145
+ color: #c4c6cc;
146
+ content: attr(data-tips);
147
+ }
148
+ }
149
+ }
150
+ }
151
+
152
+ .search-nextfix {
153
+ display: flex;
154
+ color: #c4c6cc;
155
+ align-items: center;
156
+
157
+ // @extend .search-prefix;
158
+
159
+ .search-clear {
160
+ display: flex;
161
+ width: 12px;
162
+ height: 12px;
163
+ margin-right: 6px;
164
+ font-size: 12px;
165
+ color: #c4c6cc;
166
+ align-items: center;
167
+ justify-content: center;
168
+
169
+ &:hover {
170
+ color: #979ba5;
171
+ cursor: pointer;
172
+ }
173
+ }
174
+
175
+ .search-nextfix-icon {
176
+ display: flex;
177
+ margin-right: 8px;
178
+ font-size: 16px;
179
+ transition: color .2s linear;
180
+ align-items: center;
181
+ justify-content: center;
182
+
183
+ &.is-focus {
184
+ color: #3c96ff;
185
+ background: #fff !important;
186
+ border-color: #3c96ff !important;
187
+ }
188
+ }
189
+ }
190
+
191
+ &::-webkit-scrollbar {
192
+ width: 3px;
193
+ height: 5px;
194
+ }
195
+
196
+ &::-webkit-scrollbar-thumb {
197
+ background: #e6e9ea;
198
+ border-radius: 20px;
199
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
200
+ }
201
+ }
202
+
203
+ .bk-select-tips {
204
+ display: flex;
205
+ margin-top: 5px;
206
+ font-size: 12px;
207
+ line-height: 16px;
208
+ color: #ea3636;
209
+ align-items: center;
210
+
211
+ .select-tips {
212
+ display: flex;
213
+ width: 16px;
214
+ height: 16px;
215
+ margin-right: 5px;
216
+ overflow: hidden;
217
+ font-size: 16px;
218
+ align-items: center;
219
+ justify-content: center;
220
+ }
221
+ }
222
+
223
+ }
224
+
225
+ .popover-content {
226
+ margin: -7px -14px;
227
+ }