bkui-vue 0.0.1-beta.225 → 0.0.1-beta.227

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 (44) hide show
  1. package/dist/index.cjs.js +52 -52
  2. package/dist/index.esm.js +236 -128
  3. package/dist/index.umd.js +52 -52
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/color-picker/color-picker.d.ts +1 -1
  7. package/lib/color-picker/index.d.ts +4 -4
  8. package/lib/date-picker/date-picker.d.ts +1 -1
  9. package/lib/date-picker/index.d.ts +4 -4
  10. package/lib/date-picker/panel/time-range.d.ts +1 -1
  11. package/lib/date-picker/panel/time.d.ts +1 -1
  12. package/lib/date-picker/time-picker.d.ts +1 -1
  13. package/lib/dialog/dialog.d.ts +1 -1
  14. package/lib/dialog/index.d.ts +4 -4
  15. package/lib/icon/index.d.ts +1 -0
  16. package/lib/icon/index.js +1 -1
  17. package/lib/icon/transfer.d.ts +4 -0
  18. package/lib/icon/transfer.js +1 -0
  19. package/lib/modal/index.d.ts +4 -4
  20. package/lib/modal/modal.d.ts +1 -1
  21. package/lib/select/index.d.ts +3 -0
  22. package/lib/select/index.js +1 -1
  23. package/lib/select/select.d.ts +1 -0
  24. package/lib/sideslider/index.d.ts +4 -4
  25. package/lib/sideslider/sideslider.d.ts +1 -1
  26. package/lib/table/components/table-cell.d.ts +11 -0
  27. package/lib/table/const.d.ts +4 -0
  28. package/lib/table/index.d.ts +11 -11
  29. package/lib/table/index.js +1 -1
  30. package/lib/table/props.d.ts +2 -2
  31. package/lib/table/table.d.ts +5 -5
  32. package/lib/table/use-common.d.ts +1 -0
  33. package/lib/table-column/index.js +1 -1
  34. package/lib/tag-input/common.d.ts +9 -0
  35. package/lib/tag-input/index.d.ts +26 -1
  36. package/lib/tag-input/index.js +1 -1
  37. package/lib/tag-input/tag-input.d.ts +11 -0
  38. package/lib/tag-input/tag-props.d.ts +4 -0
  39. package/lib/time-picker/index.d.ts +4 -4
  40. package/lib/transfer/index.js +1 -1
  41. package/lib/transfer/transfer.css +39 -24
  42. package/lib/transfer/transfer.less +43 -41
  43. package/lib/transfer/transfer.variable.css +44 -29
  44. package/package.json +1 -1
package/lib/transfer/transfer.variable.css CHANGED
@@ -117,12 +117,6 @@
117
117
  --search-select-placeholder-color: var(--light-gray);
118
118
  --search-select-message-color: var(--danger-color);
119
119
  }
120
- /* 边框色 */
121
- /* 按钮、表单边框颜色、禁用时文本颜色 */
122
- /* 表格头部背景色、禁用底色 */
123
- /* 大面积背景色 */
124
- /* 重点表示、强调、链接以及带有明确指示性 */
125
- /* 正常尺寸图标 */
126
120
  .bk-transfer {
127
121
  display: flex;
128
122
  justify-content: center;
@@ -130,10 +124,9 @@
130
124
  font-size: 14px;
131
125
  }
132
126
  .bk-transfer .transfer {
133
- width: 30px;
134
- height: 30px;
135
- margin: 0 2px;
136
- background: url('@bkui-vue/styles/images/transfer.png') no-repeat center center;
127
+ margin: 0 8px;
128
+ font-size: 24px;
129
+ color: var(--light-gray);
137
130
  }
138
131
  .bk-transfer .source-list,
139
132
  .bk-transfer .target-list {
@@ -143,40 +136,44 @@
143
136
  height: 400px;
144
137
  min-width: 200px;
145
138
  overflow: hidden;
146
- background-color: #fff;
147
- border: 1px solid #dde4eb;
139
+ background-color: var(--white-color);
140
+ border: 1px solid var(--disable-color);
148
141
  border-radius: 2px;
149
142
  }
150
143
  .bk-transfer .source-list .slot-header,
151
144
  .bk-transfer .target-list .slot-header,
152
145
  .bk-transfer .source-list .header,
153
146
  .bk-transfer .target-list .header {
154
- height: 43px;
155
- padding: 0 20px;
156
- background-color: #fafbfd;
157
- border-bottom: 1px solid #dde4eb;
147
+ height: 40px;
148
+ padding: 0 16px;
149
+ background-color: var(--whitesmoke-color);
150
+ border-bottom: 1px solid var(--disable-color);
158
151
  }
159
152
  .bk-transfer .source-list .header,
160
153
  .bk-transfer .target-list .header {
161
154
  display: flex;
162
155
  align-items: center;
163
156
  justify-content: space-between;
157
+ font-weight: 700;
164
158
  }
165
159
  .bk-transfer .source-list .header span,
166
160
  .bk-transfer .target-list .header span {
167
161
  font-size: 12px;
168
- color: #3a84ff;
162
+ font-weight: normal;
163
+ color: var(--primary-color);
169
164
  cursor: pointer;
170
165
  }
171
166
  .bk-transfer .source-list .header span.disabled,
172
167
  .bk-transfer .target-list .header span.disabled {
173
- color: #c4c6cc;
168
+ color: var(--light-gray);
174
169
  cursor: not-allowed;
175
170
  }
176
171
  .bk-transfer .source-list .transfer-search-input,
177
172
  .bk-transfer .target-list .transfer-search-input {
178
- height: 36px;
179
- border-bottom: 1px solid #f0f1f5;
173
+ width: calc(100% - 32px);
174
+ height: 30px;
175
+ margin: 8px 16px 0;
176
+ border-bottom: 1px solid var(--disable-color);
180
177
  border-width: 0 0 1px 0;
181
178
  border-radius: 0;
182
179
  outline: none;
@@ -185,6 +182,16 @@
185
182
  .bk-transfer .target-list .transfer-search-input.is-focused {
186
183
  box-shadow: none;
187
184
  }
185
+ .bk-transfer .source-list .transfer-search-input .icon-search,
186
+ .bk-transfer .target-list .transfer-search-input .icon-search {
187
+ font-size: 18px;
188
+ line-height: 28px;
189
+ color: var(--light-gray);
190
+ }
191
+ .bk-transfer .source-list .transfer-search-input input,
192
+ .bk-transfer .target-list .transfer-search-input input {
193
+ padding-left: 4px;
194
+ }
188
195
  .bk-transfer .source-list .empty,
189
196
  .bk-transfer .target-list .empty {
190
197
  flex: 1;
@@ -192,13 +199,13 @@
192
199
  align-items: center;
193
200
  justify-content: center;
194
201
  padding-bottom: 30px;
195
- color: #c4c6cc;
202
+ color: var(--light-gray);
196
203
  cursor: default;
197
204
  }
198
205
  .bk-transfer .source-list .content,
199
206
  .bk-transfer .target-list .content {
200
207
  flex: 1;
201
- margin: 6px 0;
208
+ margin: 8px 0;
202
209
  overflow-y: auto;
203
210
  }
204
211
  .bk-transfer .source-list .content li.custom-item,
@@ -206,17 +213,18 @@
206
213
  .bk-transfer .source-list .content li .item-content,
207
214
  .bk-transfer .target-list .content li .item-content {
208
215
  display: flex;
209
- align-items: center;
210
- height: 40px;
211
- padding: 0 20px;
216
+ height: 32px;
217
+ padding: 0 10px 0 16px;
218
+ margin-bottom: 4px;
212
219
  cursor: pointer;
220
+ align-items: center;
213
221
  }
214
222
  .bk-transfer .source-list .content li.custom-item:hover,
215
223
  .bk-transfer .target-list .content li.custom-item:hover,
216
224
  .bk-transfer .source-list .content li .item-content:hover,
217
225
  .bk-transfer .target-list .content li .item-content:hover {
218
- color: #3a84ff;
219
- background-color: #eef6fe;
226
+ color: var(--primary-color);
227
+ background-color: #e1ecff;
220
228
  }
221
229
  .bk-transfer .source-list .content li.custom-item:hover .icon-wrapper,
222
230
  .bk-transfer .target-list .content li.custom-item:hover .icon-wrapper,
@@ -244,7 +252,14 @@
244
252
  .bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon,
245
253
  .bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon {
246
254
  display: flex;
247
- font-size: 22px;
255
+ font-size: 30px;
256
+ }
257
+ .bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
258
+ .bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
259
+ .bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
260
+ .bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete {
261
+ margin-right: 6px;
262
+ font-size: 16px;
248
263
  }
249
264
  .bk-transfer .source-list .content::-webkit-scrollbar,
250
265
  .bk-transfer .target-list .content::-webkit-scrollbar {
@@ -253,6 +268,6 @@
253
268
  .bk-transfer .source-list .content::-webkit-scrollbar-thumb,
254
269
  .bk-transfer .target-list .content::-webkit-scrollbar-thumb {
255
270
  height: 5px;
256
- background-color: #e6e9ea;
271
+ background-color: #dcdee5;
257
272
  border-radius: 2px;
258
273
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.225",
3
+ "version": "0.0.1-beta.227",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*",