bkui-vue 0.0.1-beta.194 → 0.0.1-beta.196

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.
@@ -138,11 +138,93 @@ declare const _default: import("vue").DefineComponent<{
138
138
  type: BooleanConstructor;
139
139
  default: boolean;
140
140
  };
141
+ popoverProps: {
142
+ type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
143
+ onAfterHidden: FunctionConstructor;
144
+ onAfterShow: FunctionConstructor;
145
+ contentCls: import("vue-types").VueTypeValidableDef<string> & {
146
+ default: string;
147
+ } & {
148
+ default: string;
149
+ };
150
+ isShow: import("vue-types").VueTypeValidableDef<boolean> & {
151
+ default: boolean;
152
+ } & {
153
+ default: boolean;
154
+ };
155
+ always: import("vue-types").VueTypeValidableDef<boolean> & {
156
+ default: boolean;
157
+ } & {
158
+ default: boolean;
159
+ };
160
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
161
+ default: boolean;
162
+ } & {
163
+ default: boolean;
164
+ };
165
+ width: import("vue-types").VueTypeDef<string | number> & {
166
+ default: string | number;
167
+ };
168
+ height: import("vue-types").VueTypeDef<string | number> & {
169
+ default: string | number;
170
+ };
171
+ content: import("vue-types").VueTypeDef<string | number> & {
172
+ default: string | number;
173
+ };
174
+ transition: import("vue-types").VueTypeValidableDef<string> & {
175
+ default: string;
176
+ } & {
177
+ default: string;
178
+ };
179
+ placement: import("vue-types").VueTypeDef<string> & {
180
+ default: string;
181
+ };
182
+ theme: import("vue-types").VueTypeValidableDef<string> & {
183
+ default: string;
184
+ } & {
185
+ default: string;
186
+ };
187
+ handleFirstUpdate: {
188
+ type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
189
+ default: () => void;
190
+ };
191
+ trigger: import("vue-types").VueTypeValidableDef<string> & {
192
+ default: string;
193
+ } & {
194
+ default: string;
195
+ };
196
+ arrow: import("vue-types").VueTypeValidableDef<boolean> & {
197
+ default: boolean;
198
+ } & {
199
+ default: boolean;
200
+ };
201
+ modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
202
+ default: () => unknown[];
203
+ } & {
204
+ default: () => unknown[];
205
+ };
206
+ boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
207
+ fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
208
+ default: boolean;
209
+ } & {
210
+ default: boolean;
211
+ };
212
+ zIndex: import("vue-types").VueTypeValidableDef<number> & {
213
+ default: number;
214
+ } & {
215
+ default: number;
216
+ };
217
+ stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
218
+ default: string | (() => string[]);
219
+ };
220
+ }>>>>;
221
+ default: () => {};
222
+ };
141
223
  }, {
142
224
  isShowPlaceholder: import("vue").ComputedRef<boolean>;
143
225
  isShowClear: import("vue").ComputedRef<boolean>;
144
226
  curInputValue: Ref<string>;
145
- formatList: any[];
227
+ formatList: Ref<any[]>;
146
228
  renderList: import("vue").ComputedRef<any[]>;
147
229
  showTagClose: import("vue").ComputedRef<boolean>;
148
230
  tagInputRef: any;
@@ -333,6 +415,88 @@ declare const _default: import("vue").DefineComponent<{
333
415
  type: BooleanConstructor;
334
416
  default: boolean;
335
417
  };
418
+ popoverProps: {
419
+ type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
420
+ onAfterHidden: FunctionConstructor;
421
+ onAfterShow: FunctionConstructor;
422
+ contentCls: import("vue-types").VueTypeValidableDef<string> & {
423
+ default: string;
424
+ } & {
425
+ default: string;
426
+ };
427
+ isShow: import("vue-types").VueTypeValidableDef<boolean> & {
428
+ default: boolean;
429
+ } & {
430
+ default: boolean;
431
+ };
432
+ always: import("vue-types").VueTypeValidableDef<boolean> & {
433
+ default: boolean;
434
+ } & {
435
+ default: boolean;
436
+ };
437
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
438
+ default: boolean;
439
+ } & {
440
+ default: boolean;
441
+ };
442
+ width: import("vue-types").VueTypeDef<string | number> & {
443
+ default: string | number;
444
+ };
445
+ height: import("vue-types").VueTypeDef<string | number> & {
446
+ default: string | number;
447
+ };
448
+ content: import("vue-types").VueTypeDef<string | number> & {
449
+ default: string | number;
450
+ };
451
+ transition: import("vue-types").VueTypeValidableDef<string> & {
452
+ default: string;
453
+ } & {
454
+ default: string;
455
+ };
456
+ placement: import("vue-types").VueTypeDef<string> & {
457
+ default: string;
458
+ };
459
+ theme: import("vue-types").VueTypeValidableDef<string> & {
460
+ default: string;
461
+ } & {
462
+ default: string;
463
+ };
464
+ handleFirstUpdate: {
465
+ type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
466
+ default: () => void;
467
+ };
468
+ trigger: import("vue-types").VueTypeValidableDef<string> & {
469
+ default: string;
470
+ } & {
471
+ default: string;
472
+ };
473
+ arrow: import("vue-types").VueTypeValidableDef<boolean> & {
474
+ default: boolean;
475
+ } & {
476
+ default: boolean;
477
+ };
478
+ modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
479
+ default: () => unknown[];
480
+ } & {
481
+ default: () => unknown[];
482
+ };
483
+ boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
484
+ fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
485
+ default: boolean;
486
+ } & {
487
+ default: boolean;
488
+ };
489
+ zIndex: import("vue-types").VueTypeValidableDef<number> & {
490
+ default: number;
491
+ } & {
492
+ default: number;
493
+ };
494
+ stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
495
+ default: string | (() => string[]);
496
+ };
497
+ }>>>>;
498
+ default: () => {};
499
+ };
336
500
  }>> & {
337
501
  onBlur?: (...args: any[]) => any;
338
502
  onChange?: (...args: any[]) => any;
@@ -379,5 +543,6 @@ declare const _default: import("vue").DefineComponent<{
379
543
  [key: string]: any;
380
544
  }>;
381
545
  pasteFn: (value: string) => any[];
546
+ popoverProps: {};
382
547
  }>;
383
548
  export default _default;
@@ -119,133 +119,133 @@
119
119
  }
120
120
  }
121
121
  }
122
-
123
- .bk-popover-content {
124
- padding: 0;
125
- }
126
122
  }
127
123
 
128
- .bk-selector-list {
129
- min-width: 150px;
130
-
131
- .outside-ul {
132
- max-height: 160px;
133
- padding: 0;
134
- padding: 6px 0;
135
- margin: 0;
136
- overflow-y: auto;
137
- list-style: none;
138
- background-color: @white-color;
139
- border: 1px solid #dcdee5;
140
- border-radius: 2px;
124
+ .bk-tag-input-popover-content {
125
+ padding: 0;
126
+
127
+ .bk-selector-list {
128
+ min-width: 150px;
141
129
 
142
- &::-webkit-scrollbar {
143
- width: 6px;
144
- height: 6px;
145
- }
130
+ .outside-ul {
131
+ max-height: 160px;
132
+ padding: 0;
133
+ padding: 6px 0;
134
+ margin: 0;
135
+ overflow-y: auto;
136
+ list-style: none;
137
+ background-color: @white-color;
138
+ border: 1px solid #dcdee5;
139
+ border-radius: 2px;
140
+
141
+ &::-webkit-scrollbar {
142
+ width: 6px;
143
+ height: 6px;
144
+ }
146
145
 
147
- &::-webkit-scrollbar-thumb {
148
- min-height: 24px;
149
- background-color: #dcdee5;
150
- border-radius: 3px;
146
+ &::-webkit-scrollbar-thumb {
147
+ min-height: 24px;
148
+ background-color: #dcdee5;
149
+ border-radius: 3px;
150
+ }
151
151
  }
152
- }
153
152
 
154
- .bk-selector-group-item {
155
- list-style: none;
153
+ .bk-selector-group-item {
154
+ list-style: none;
156
155
 
157
- .group-name {
158
- padding-left: 11px;
159
- font-size: 12px;
160
- line-height: 32px;
161
- color: #979ba5;
156
+ .group-name {
157
+ padding-left: 11px;
158
+ font-size: 12px;
159
+ line-height: 32px;
160
+ color: #979ba5;
161
+ }
162
162
  }
163
- }
164
163
 
165
- .bk-selector-group-list-item {
166
- padding: 0;
167
- margin: 0;
168
- list-style: none;
169
- }
164
+ .bk-selector-group-list-item {
165
+ padding: 0;
166
+ margin: 0;
167
+ list-style: none;
168
+ }
170
169
 
171
- .bk-selector-list-item {
172
- position: relative;
173
- width: 100%;
174
- cursor: pointer;
175
- background-color: @white-color;
176
- border-right: @light-gray;
177
- border-left: @light-gray;
170
+ .bk-selector-list-item {
171
+ position: relative;
172
+ width: 100%;
173
+ cursor: pointer;
174
+ background-color: @white-color;
175
+ border-right: @light-gray;
176
+ border-left: @light-gray;
178
177
 
179
- &:first-child {
180
- border-top: @light-gray;
181
- }
178
+ &:first-child {
179
+ border-top: @light-gray;
180
+ }
182
181
 
183
- &:last-child {
184
- border-bottom: @light-gray;
185
- }
182
+ &:last-child {
183
+ border-bottom: @light-gray;
184
+ }
186
185
 
187
- &.bk-selector-selected {
188
- background-color: #f4f6fa;
186
+ &.bk-selector-selected {
187
+ background-color: #f4f6fa;
189
188
 
190
- .selected-icon {
191
- display: inline-block;
189
+ .selected-icon {
190
+ display: inline-block;
191
+ }
192
192
  }
193
- }
194
193
 
195
- &.bk-selector-actived {
196
- background-color: #f4f6fa;
197
- }
194
+ &.bk-selector-actived {
195
+ background-color: #f4f6fa;
196
+ }
198
197
 
199
- &:hover {
200
- background-color: #eaf3ff;
201
- }
198
+ &:hover {
199
+ background-color: #eaf3ff;
200
+ }
202
201
 
203
- &.disabled {
204
- cursor: not-allowed;
205
- background: @white-color;
202
+ &.disabled {
203
+ cursor: not-allowed;
204
+ background: @white-color;
206
205
 
207
- .text {
208
- color: @light-gray;
206
+ .text {
207
+ color: @light-gray;
208
+ }
209
209
  }
210
- }
211
210
 
212
- &.loading {
213
- padding: 5px 0 3px;
214
- text-align: center;
215
- }
211
+ &.loading {
212
+ padding: 5px 0 3px;
213
+ text-align: center;
214
+ }
216
215
 
217
- .loading {
218
- position: relative;
219
- width: 100%;
220
- height: 40px;
221
- font-size: 14px;
222
- cursor: default;
223
- }
216
+ .loading {
217
+ position: relative;
218
+ width: 100%;
219
+ height: 40px;
220
+ font-size: 14px;
221
+ cursor: default;
222
+ }
224
223
 
225
- .text {
226
- padding: 0 10px;
227
- overflow: hidden;
228
- font-size: 12px;
229
- line-height: 32px;
230
- color: @default-color;
231
- text-overflow: ellipsis;
232
- white-space: nowrap;
233
- }
224
+ .text {
225
+ padding: 0 10px;
226
+ overflow: hidden;
227
+ font-size: 12px;
228
+ line-height: 32px;
229
+ color: @default-color;
230
+ text-overflow: ellipsis;
231
+ white-space: nowrap;
232
+ }
234
233
 
235
- .bk-selector-tools {
236
- position: absolute;
237
- top: 10px;
238
- right: 0;
239
- display: none;
240
- font-size: 12px;
234
+ .bk-selector-tools {
235
+ position: absolute;
236
+ top: 10px;
237
+ right: 0;
238
+ display: none;
239
+ font-size: 12px;
241
240
 
242
- .bk-selector-list-icon {
243
- margin-right: 14px;
241
+ .bk-selector-list-icon {
242
+ margin-right: 14px;
243
+ }
244
244
  }
245
- }
246
245
 
247
- .highlight-text {
248
- color: @primary-color;
246
+ .highlight-text {
247
+ color: @primary-color;
248
+ }
249
249
  }
250
250
  }
251
- }
251
+ }
@@ -214,13 +214,13 @@
214
214
  .bk-tag-input .bk-tag-input-trigger .clear-icon:hover {
215
215
  color: var(--gray-color);
216
216
  }
217
- .bk-tag-input .bk-popover-content {
217
+ .bk-tag-input-popover-content {
218
218
  padding: 0;
219
219
  }
220
- .bk-selector-list {
220
+ .bk-tag-input-popover-content .bk-selector-list {
221
221
  min-width: 150px;
222
222
  }
223
- .bk-selector-list .outside-ul {
223
+ .bk-tag-input-popover-content .bk-selector-list .outside-ul {
224
224
  max-height: 160px;
225
225
  padding: 0;
226
226
  padding: 6px 0;
@@ -231,30 +231,30 @@
231
231
  border: 1px solid #dcdee5;
232
232
  border-radius: 2px;
233
233
  }
234
- .bk-selector-list .outside-ul::-webkit-scrollbar {
234
+ .bk-tag-input-popover-content .bk-selector-list .outside-ul::-webkit-scrollbar {
235
235
  width: 6px;
236
236
  height: 6px;
237
237
  }
238
- .bk-selector-list .outside-ul::-webkit-scrollbar-thumb {
238
+ .bk-tag-input-popover-content .bk-selector-list .outside-ul::-webkit-scrollbar-thumb {
239
239
  min-height: 24px;
240
240
  background-color: #dcdee5;
241
241
  border-radius: 3px;
242
242
  }
243
- .bk-selector-list .bk-selector-group-item {
243
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-group-item {
244
244
  list-style: none;
245
245
  }
246
- .bk-selector-list .bk-selector-group-item .group-name {
246
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-group-item .group-name {
247
247
  padding-left: 11px;
248
248
  font-size: 12px;
249
249
  line-height: 32px;
250
250
  color: #979ba5;
251
251
  }
252
- .bk-selector-list .bk-selector-group-list-item {
252
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-group-list-item {
253
253
  padding: 0;
254
254
  margin: 0;
255
255
  list-style: none;
256
256
  }
257
- .bk-selector-list .bk-selector-list-item {
257
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item {
258
258
  position: relative;
259
259
  width: 100%;
260
260
  cursor: pointer;
@@ -262,43 +262,43 @@
262
262
  border-right: var(--light-gray);
263
263
  border-left: var(--light-gray);
264
264
  }
265
- .bk-selector-list .bk-selector-list-item:first-child {
265
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:first-child {
266
266
  border-top: var(--light-gray);
267
267
  }
268
- .bk-selector-list .bk-selector-list-item:last-child {
268
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:last-child {
269
269
  border-bottom: var(--light-gray);
270
270
  }
271
- .bk-selector-list .bk-selector-list-item.bk-selector-selected {
271
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.bk-selector-selected {
272
272
  background-color: #f4f6fa;
273
273
  }
274
- .bk-selector-list .bk-selector-list-item.bk-selector-selected .selected-icon {
274
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.bk-selector-selected .selected-icon {
275
275
  display: inline-block;
276
276
  }
277
- .bk-selector-list .bk-selector-list-item.bk-selector-actived {
277
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.bk-selector-actived {
278
278
  background-color: #f4f6fa;
279
279
  }
280
- .bk-selector-list .bk-selector-list-item:hover {
280
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:hover {
281
281
  background-color: #eaf3ff;
282
282
  }
283
- .bk-selector-list .bk-selector-list-item.disabled {
283
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.disabled {
284
284
  cursor: not-allowed;
285
285
  background: var(--white-color);
286
286
  }
287
- .bk-selector-list .bk-selector-list-item.disabled .text {
287
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.disabled .text {
288
288
  color: var(--light-gray);
289
289
  }
290
- .bk-selector-list .bk-selector-list-item.loading {
290
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.loading {
291
291
  padding: 5px 0 3px;
292
292
  text-align: center;
293
293
  }
294
- .bk-selector-list .bk-selector-list-item .loading {
294
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .loading {
295
295
  position: relative;
296
296
  width: 100%;
297
297
  height: 40px;
298
298
  font-size: 14px;
299
299
  cursor: default;
300
300
  }
301
- .bk-selector-list .bk-selector-list-item .text {
301
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .text {
302
302
  padding: 0 10px;
303
303
  overflow: hidden;
304
304
  font-size: 12px;
@@ -307,16 +307,16 @@
307
307
  text-overflow: ellipsis;
308
308
  white-space: nowrap;
309
309
  }
310
- .bk-selector-list .bk-selector-list-item .bk-selector-tools {
310
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .bk-selector-tools {
311
311
  position: absolute;
312
312
  top: 10px;
313
313
  right: 0;
314
314
  display: none;
315
315
  font-size: 12px;
316
316
  }
317
- .bk-selector-list .bk-selector-list-item .bk-selector-tools .bk-selector-list-icon {
317
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .bk-selector-tools .bk-selector-list-icon {
318
318
  margin-right: 14px;
319
319
  }
320
- .bk-selector-list .bk-selector-list-item .highlight-text {
320
+ .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .highlight-text {
321
321
  color: var(--primary-color);
322
322
  }
@@ -130,6 +130,88 @@ declare const tagProps: () => {
130
130
  type: BooleanConstructor;
131
131
  default: boolean;
132
132
  };
133
+ popoverProps: {
134
+ type: PropType<Partial<Readonly<ExtractPropTypes<{
135
+ onAfterHidden: FunctionConstructor;
136
+ onAfterShow: FunctionConstructor;
137
+ contentCls: import("vue-types").VueTypeValidableDef<string> & {
138
+ default: string;
139
+ } & {
140
+ default: string;
141
+ };
142
+ isShow: import("vue-types").VueTypeValidableDef<boolean> & {
143
+ default: boolean;
144
+ } & {
145
+ default: boolean;
146
+ };
147
+ always: import("vue-types").VueTypeValidableDef<boolean> & {
148
+ default: boolean;
149
+ } & {
150
+ default: boolean;
151
+ };
152
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
153
+ default: boolean;
154
+ } & {
155
+ default: boolean;
156
+ };
157
+ width: import("vue-types").VueTypeDef<string | number> & {
158
+ default: string | number;
159
+ };
160
+ height: import("vue-types").VueTypeDef<string | number> & {
161
+ default: string | number;
162
+ };
163
+ content: import("vue-types").VueTypeDef<string | number> & {
164
+ default: string | number;
165
+ };
166
+ transition: import("vue-types").VueTypeValidableDef<string> & {
167
+ default: string;
168
+ } & {
169
+ default: string;
170
+ };
171
+ placement: import("vue-types").VueTypeDef<string> & {
172
+ default: string;
173
+ };
174
+ theme: import("vue-types").VueTypeValidableDef<string> & {
175
+ default: string;
176
+ } & {
177
+ default: string;
178
+ };
179
+ handleFirstUpdate: {
180
+ type: PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
181
+ default: () => void;
182
+ };
183
+ trigger: import("vue-types").VueTypeValidableDef<string> & {
184
+ default: string;
185
+ } & {
186
+ default: string;
187
+ };
188
+ arrow: import("vue-types").VueTypeValidableDef<boolean> & {
189
+ default: boolean;
190
+ } & {
191
+ default: boolean;
192
+ };
193
+ modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
194
+ default: () => unknown[];
195
+ } & {
196
+ default: () => unknown[];
197
+ };
198
+ boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
199
+ fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
200
+ default: boolean;
201
+ } & {
202
+ default: boolean;
203
+ };
204
+ zIndex: import("vue-types").VueTypeValidableDef<number> & {
205
+ default: number;
206
+ } & {
207
+ default: number;
208
+ };
209
+ stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
210
+ default: string | (() => string[]);
211
+ };
212
+ }>>>>;
213
+ default: () => {};
214
+ };
133
215
  };
134
216
  export default tagProps;
135
217
  export declare type TagProps = Partial<ExtractPropTypes<ReturnType<typeof tagProps>>>;
@@ -1,4 +1,4 @@
1
- declare const BkSteps: {
1
+ declare const BkTimeline: {
2
2
  new (...args: any[]): {
3
3
  $: import("vue").ComponentInternalInstance;
4
4
  $data: {};
@@ -126,4 +126,4 @@ declare const BkSteps: {
126
126
  list: unknown[];
127
127
  titleAble: boolean;
128
128
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
129
- export default BkSteps;
129
+ export default BkTimeline;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.194",
3
+ "version": "0.0.1-beta.196",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*",