bkui-vue 2.0.1-beta.26 → 2.0.1-beta.27

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 (23) hide show
  1. package/dist/index.cjs.js +24 -24
  2. package/dist/index.esm.js +1199 -1176
  3. package/dist/index.umd.js +31 -31
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/index.js +1 -1
  7. package/lib/scrollbar/index.js +5 -10
  8. package/lib/scrollbar/scrollbar-core/index.d.ts +3 -3
  9. package/lib/scrollbar/scrollbar.css +27 -8
  10. package/lib/scrollbar/scrollbar.less +35 -10
  11. package/lib/scrollbar/scrollbar.variable.css +27 -8
  12. package/lib/select/index.js +5 -1
  13. package/lib/table/index.js +72 -61
  14. package/lib/table/table.css +27 -8
  15. package/lib/table/table.variable.css +27 -8
  16. package/lib/table-column/index.js +6 -5
  17. package/lib/tree/tree.css +27 -8
  18. package/lib/tree/tree.variable.css +27 -8
  19. package/lib/virtual-render/index.js +4 -3
  20. package/lib/virtual-render/props.d.ts +1 -0
  21. package/lib/virtual-render/virtual-render.css +27 -8
  22. package/lib/virtual-render/virtual-render.variable.css +27 -8
  23. package/package.json +1 -1
package/lib/table/table.variable.css CHANGED
@@ -552,23 +552,41 @@
552
552
  pointer-events: none;
553
553
  overflow: hidden;
554
554
  }
555
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
556
+ width: 6px;
557
+ }
558
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
559
+ width: 8px;
560
+ }
561
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
562
+ height: 6px;
563
+ }
564
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
565
+ height: 8px;
566
+ }
555
567
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
556
- background-color: #F0F1F5;
568
+ background-color: #f0f1f5;
557
569
  cursor: pointer;
558
570
  }
559
571
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
560
- background-color: #979BA5;
572
+ background-color: #979ba5;
561
573
  }
562
574
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
563
575
  top: 0;
564
576
  width: 8px;
565
577
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
566
578
  }
579
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
580
+ width: 10px;
581
+ }
567
582
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
568
583
  left: 0;
569
584
  height: 8px;
570
585
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
571
586
  }
587
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
588
+ height: 10px;
589
+ }
572
590
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
573
591
  right: auto;
574
592
  left: 0;
@@ -591,17 +609,18 @@
591
609
  position: absolute;
592
610
  left: 0;
593
611
  right: 0;
594
- min-height: 8px;
612
+ top: 0;
613
+ bottom: 0;
595
614
  }
596
615
  .bk-scrollbar-wrapper .bk-scrollbar::before {
597
616
  position: absolute;
598
617
  content: '';
599
- background: #DCDEE5;
618
+ background: #dcdee5;
600
619
  border-radius: 6px;
601
- left: 1px;
602
- right: 1px;
603
- top: 1px;
604
- bottom: 1px;
620
+ left: 0;
621
+ right: 0;
622
+ top: 0;
623
+ bottom: 0;
605
624
  opacity: 0;
606
625
  transition: opacity 0.2s 0.9s linear;
607
626
  }
package/lib/table-column/index.js CHANGED
@@ -17299,6 +17299,8 @@ const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODUL
17299
17299
  var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
17300
17300
  var external_vue_y = x => () => x
17301
17301
  const external_vue_namespaceObject = external_vue_x({ ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
17302
+ // EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
17303
+ var lodash = __webpack_require__(6635);
17302
17304
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
17303
17305
  function _typeof(o) {
17304
17306
  "@babel/helpers - typeof";
@@ -17887,8 +17889,6 @@ var tableProps = {
17887
17889
  }
17888
17890
  }).def(null)
17889
17891
  };
17890
- // EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
17891
- var lodash = __webpack_require__(6635);
17892
17892
  ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
17893
17893
  /*
17894
17894
  * Tencent is pleased to support the open source community by making
@@ -17946,12 +17946,13 @@ var TableColumnProp = {
17946
17946
  setup: function setup(props, _ref) {
17947
17947
  var slots = _ref.slots;
17948
17948
  var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
17949
+ var lastPropsVal = {};
17949
17950
  (0,external_vue_namespaceObject.watch)(function () {
17950
17951
  return [props];
17951
- }, function (oldVal, newVal) {
17952
- var _newVal$;
17953
- if (!(0,lodash.isEqual)((0,external_vue_namespaceObject.toRaw)(oldVal === null || oldVal === void 0 ? void 0 : oldVal[0]), (0,external_vue_namespaceObject.toRaw)((_newVal$ = newVal === null || newVal === void 0 ? void 0 : newVal[0]) !== null && _newVal$ !== void 0 ? _newVal$ : {}))) {
17952
+ }, function () {
17953
+ if (!(0,lodash.isEqual)(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props))) {
17954
17954
  initTableColumns();
17955
+ Object.assign(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props));
17955
17956
  }
17956
17957
  }, {
17957
17958
  immediate: true,
package/lib/tree/tree.css CHANGED
@@ -162,23 +162,41 @@
162
162
  pointer-events: none;
163
163
  overflow: hidden;
164
164
  }
165
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
166
+ width: 6px;
167
+ }
168
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
169
+ width: 8px;
170
+ }
171
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
172
+ height: 6px;
173
+ }
174
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
175
+ height: 8px;
176
+ }
165
177
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
166
- background-color: #F0F1F5;
178
+ background-color: #f0f1f5;
167
179
  cursor: pointer;
168
180
  }
169
181
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
170
- background-color: #979BA5;
182
+ background-color: #979ba5;
171
183
  }
172
184
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
173
185
  top: 0;
174
186
  width: 8px;
175
187
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
176
188
  }
189
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
190
+ width: 10px;
191
+ }
177
192
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
178
193
  left: 0;
179
194
  height: 8px;
180
195
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
181
196
  }
197
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
198
+ height: 10px;
199
+ }
182
200
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
183
201
  right: auto;
184
202
  left: 0;
@@ -201,17 +219,18 @@
201
219
  position: absolute;
202
220
  left: 0;
203
221
  right: 0;
204
- min-height: 8px;
222
+ top: 0;
223
+ bottom: 0;
205
224
  }
206
225
  .bk-scrollbar-wrapper .bk-scrollbar::before {
207
226
  position: absolute;
208
227
  content: '';
209
- background: #DCDEE5;
228
+ background: #dcdee5;
210
229
  border-radius: 6px;
211
- left: 1px;
212
- right: 1px;
213
- top: 1px;
214
- bottom: 1px;
230
+ left: 0;
231
+ right: 0;
232
+ top: 0;
233
+ bottom: 0;
215
234
  opacity: 0;
216
235
  transition: opacity 0.2s 0.9s linear;
217
236
  }
package/lib/tree/tree.variable.css CHANGED
@@ -552,23 +552,41 @@
552
552
  pointer-events: none;
553
553
  overflow: hidden;
554
554
  }
555
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
556
+ width: 6px;
557
+ }
558
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
559
+ width: 8px;
560
+ }
561
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
562
+ height: 6px;
563
+ }
564
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
565
+ height: 8px;
566
+ }
555
567
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
556
- background-color: #F0F1F5;
568
+ background-color: #f0f1f5;
557
569
  cursor: pointer;
558
570
  }
559
571
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
560
- background-color: #979BA5;
572
+ background-color: #979ba5;
561
573
  }
562
574
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
563
575
  top: 0;
564
576
  width: 8px;
565
577
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
566
578
  }
579
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
580
+ width: 10px;
581
+ }
567
582
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
568
583
  left: 0;
569
584
  height: 8px;
570
585
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
571
586
  }
587
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
588
+ height: 10px;
589
+ }
572
590
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
573
591
  right: auto;
574
592
  left: 0;
@@ -591,17 +609,18 @@
591
609
  position: absolute;
592
610
  left: 0;
593
611
  right: 0;
594
- min-height: 8px;
612
+ top: 0;
613
+ bottom: 0;
595
614
  }
596
615
  .bk-scrollbar-wrapper .bk-scrollbar::before {
597
616
  position: absolute;
598
617
  content: '';
599
- background: #DCDEE5;
618
+ background: #dcdee5;
600
619
  border-radius: 6px;
601
- left: 1px;
602
- right: 1px;
603
- top: 1px;
604
- bottom: 1px;
620
+ left: 0;
621
+ right: 0;
622
+ top: 0;
623
+ bottom: 0;
605
624
  opacity: 0;
606
625
  transition: opacity 0.2s 0.9s linear;
607
626
  }
package/lib/virtual-render/index.js CHANGED
@@ -359,6 +359,7 @@ const scrollbar_namespaceObject = scrollbar_x({ ["default"]: () => __WEBPACK_EXT
359
359
 
360
360
 
361
361
  /* harmony default export */ const use_scrollbar = (function (target, props) {
362
+ var _props$scrollbar$size, _props$scrollbar;
362
363
  var instance = null;
363
364
  var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
364
365
  resolveClassName = _usePrefix.resolveClassName;
@@ -366,7 +367,7 @@ const scrollbar_namespaceObject = scrollbar_x({ ["default"]: () => __WEBPACK_EXT
366
367
  contentEl: resolveClassName('scrollbar-content-el'),
367
368
  wrapper: resolveClassName('scrollbar-wrapper'),
368
369
  scrollbar: resolveClassName('scrollbar'),
369
- track: resolveClassName('scrollbar-track'),
370
+ track: "".concat(resolveClassName('scrollbar-track'), " track-").concat((_props$scrollbar$size = (_props$scrollbar = props.scrollbar) === null || _props$scrollbar === void 0 ? void 0 : _props$scrollbar.size) !== null && _props$scrollbar$size !== void 0 ? _props$scrollbar$size : 'normal'),
370
371
  visible: resolveClassName('scrollbar-visible'),
371
372
  horizontal: resolveClassName('scrollbar-horizontal'),
372
373
  vertical: resolveClassName('scrollbar-vertical'),
@@ -392,8 +393,8 @@ const scrollbar_namespaceObject = scrollbar_x({ ["default"]: () => __WEBPACK_EXT
392
393
  });
393
394
  };
394
395
  var scrollTo = function scrollTo(x, y) {
395
- var _props$scrollbar;
396
- if ((_props$scrollbar = props.scrollbar) !== null && _props$scrollbar !== void 0 && _props$scrollbar.enabled) {
396
+ var _props$scrollbar2;
397
+ if ((_props$scrollbar2 = props.scrollbar) !== null && _props$scrollbar2 !== void 0 && _props$scrollbar2.enabled) {
397
398
  instance.scrollTo({
398
399
  left: x,
399
400
  top: y
package/lib/virtual-render/props.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ExtractPropTypes } from 'vue';
2
2
  export type IScrollbarOption = {
3
3
  enabled: boolean;
4
+ size?: 'normal' | 'small';
4
5
  };
5
6
  export declare const virtualRenderProps: {
6
7
  onContentScroll: FunctionConstructor;
package/lib/virtual-render/virtual-render.css CHANGED
@@ -162,23 +162,41 @@
162
162
  pointer-events: none;
163
163
  overflow: hidden;
164
164
  }
165
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
166
+ width: 6px;
167
+ }
168
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
169
+ width: 8px;
170
+ }
171
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
172
+ height: 6px;
173
+ }
174
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
175
+ height: 8px;
176
+ }
165
177
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
166
- background-color: #F0F1F5;
178
+ background-color: #f0f1f5;
167
179
  cursor: pointer;
168
180
  }
169
181
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
170
- background-color: #979BA5;
182
+ background-color: #979ba5;
171
183
  }
172
184
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
173
185
  top: 0;
174
186
  width: 8px;
175
187
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
176
188
  }
189
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
190
+ width: 10px;
191
+ }
177
192
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
178
193
  left: 0;
179
194
  height: 8px;
180
195
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
181
196
  }
197
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
198
+ height: 10px;
199
+ }
182
200
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
183
201
  right: auto;
184
202
  left: 0;
@@ -201,17 +219,18 @@
201
219
  position: absolute;
202
220
  left: 0;
203
221
  right: 0;
204
- min-height: 8px;
222
+ top: 0;
223
+ bottom: 0;
205
224
  }
206
225
  .bk-scrollbar-wrapper .bk-scrollbar::before {
207
226
  position: absolute;
208
227
  content: '';
209
- background: #DCDEE5;
228
+ background: #dcdee5;
210
229
  border-radius: 6px;
211
- left: 1px;
212
- right: 1px;
213
- top: 1px;
214
- bottom: 1px;
230
+ left: 0;
231
+ right: 0;
232
+ top: 0;
233
+ bottom: 0;
215
234
  opacity: 0;
216
235
  transition: opacity 0.2s 0.9s linear;
217
236
  }
package/lib/virtual-render/virtual-render.variable.css CHANGED
@@ -552,23 +552,41 @@
552
552
  pointer-events: none;
553
553
  overflow: hidden;
554
554
  }
555
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
556
+ width: 6px;
557
+ }
558
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
559
+ width: 8px;
560
+ }
561
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
562
+ height: 6px;
563
+ }
564
+ .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
565
+ height: 8px;
566
+ }
555
567
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
556
- background-color: #F0F1F5;
568
+ background-color: #f0f1f5;
557
569
  cursor: pointer;
558
570
  }
559
571
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
560
- background-color: #979BA5;
572
+ background-color: #979ba5;
561
573
  }
562
574
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
563
575
  top: 0;
564
576
  width: 8px;
565
577
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
566
578
  }
579
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
580
+ width: 10px;
581
+ }
567
582
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
568
583
  left: 0;
569
584
  height: 8px;
570
585
  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
571
586
  }
587
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
588
+ height: 10px;
589
+ }
572
590
  .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
573
591
  right: auto;
574
592
  left: 0;
@@ -591,17 +609,18 @@
591
609
  position: absolute;
592
610
  left: 0;
593
611
  right: 0;
594
- min-height: 8px;
612
+ top: 0;
613
+ bottom: 0;
595
614
  }
596
615
  .bk-scrollbar-wrapper .bk-scrollbar::before {
597
616
  position: absolute;
598
617
  content: '';
599
- background: #DCDEE5;
618
+ background: #dcdee5;
600
619
  border-radius: 6px;
601
- left: 1px;
602
- right: 1px;
603
- top: 1px;
604
- bottom: 1px;
620
+ left: 0;
621
+ right: 0;
622
+ top: 0;
623
+ bottom: 0;
605
624
  opacity: 0;
606
625
  transition: opacity 0.2s 0.9s linear;
607
626
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "2.0.1-beta.26",
3
+ "version": "2.0.1-beta.27",
4
4
  "workspaces": [
5
5
  "packages/**",
6
6
  "scripts/cli",