vxe-pc-ui 4.20.10 → 4.20.12

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 (71) hide show
  1. package/dist/all.esm.js +41 -9
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/icon/style.css +1 -1
  5. package/es/list/src/list.js +11 -2
  6. package/es/scrollbar/src/scrollbar.js +6 -1
  7. package/es/scrollbar/style.css +25 -12
  8. package/es/scrollbar/style.min.css +1 -1
  9. package/es/select/src/select.js +11 -2
  10. package/es/style.css +1 -1
  11. package/es/style.min.css +1 -1
  12. package/es/tree/src/tree.js +11 -2
  13. package/es/ui/index.js +1 -1
  14. package/es/ui/src/log.js +1 -1
  15. package/es/vxe-scrollbar/style.css +25 -12
  16. package/es/vxe-scrollbar/style.min.css +1 -1
  17. package/lib/icon/style/style.css +1 -1
  18. package/lib/icon/style/style.min.css +1 -1
  19. package/lib/index.umd.js +45 -16
  20. package/lib/index.umd.min.js +1 -1
  21. package/lib/list/src/list.js +11 -3
  22. package/lib/list/src/list.min.js +1 -1
  23. package/lib/scrollbar/src/scrollbar.js +7 -2
  24. package/lib/scrollbar/src/scrollbar.min.js +1 -1
  25. package/lib/scrollbar/style/style.css +25 -12
  26. package/lib/scrollbar/style/style.min.css +1 -1
  27. package/lib/select/src/select.js +11 -3
  28. package/lib/select/src/select.min.js +1 -1
  29. package/lib/style.css +1 -1
  30. package/lib/style.min.css +1 -1
  31. package/lib/tree/src/tree.js +11 -3
  32. package/lib/tree/src/tree.min.js +1 -1
  33. package/lib/ui/index.js +1 -1
  34. package/lib/ui/index.min.js +1 -1
  35. package/lib/ui/src/log.js +1 -1
  36. package/lib/ui/src/log.min.js +1 -1
  37. package/lib/vxe-scrollbar/style/style.css +25 -12
  38. package/lib/vxe-scrollbar/style/style.min.css +1 -1
  39. package/package.json +4 -4
  40. package/packages/list/src/list.ts +11 -2
  41. package/packages/scrollbar/src/scrollbar.ts +6 -1
  42. package/packages/select/src/select.ts +11 -2
  43. package/packages/tree/src/tree.ts +11 -2
  44. package/styles/components/scrollbar.scss +30 -12
  45. package/styles/theme/base.scss +4 -0
  46. package/types/components/card.d.ts +1 -1
  47. package/types/components/drawer.d.ts +1 -1
  48. package/types/components/gantt-module/gantt-view.d.ts +9 -0
  49. package/types/components/icon-picker.d.ts +1 -1
  50. package/types/components/layout-aside.d.ts +2 -2
  51. package/types/components/layout-body.d.ts +1 -1
  52. package/types/components/list.d.ts +1 -1
  53. package/types/components/menu.d.ts +10 -1
  54. package/types/components/modal.d.ts +1 -1
  55. package/types/components/scrollbar.d.ts +5 -0
  56. package/types/components/select.d.ts +1 -1
  57. package/types/components/table.d.ts +14 -0
  58. package/types/components/tooltip.d.ts +1 -1
  59. package/types/components/tree.d.ts +1 -1
  60. /package/es/icon/{iconfont.1792219842406.ttf → iconfont.1792405538010.ttf} +0 -0
  61. /package/es/icon/{iconfont.1792219842406.woff → iconfont.1792405538010.woff} +0 -0
  62. /package/es/icon/{iconfont.1792219842406.woff2 → iconfont.1792405538010.woff2} +0 -0
  63. /package/es/{iconfont.1792219842406.ttf → iconfont.1792405538010.ttf} +0 -0
  64. /package/es/{iconfont.1792219842406.woff → iconfont.1792405538010.woff} +0 -0
  65. /package/es/{iconfont.1792219842406.woff2 → iconfont.1792405538010.woff2} +0 -0
  66. /package/lib/icon/style/{iconfont.1792219842406.ttf → iconfont.1792405538010.ttf} +0 -0
  67. /package/lib/icon/style/{iconfont.1792219842406.woff → iconfont.1792405538010.woff} +0 -0
  68. /package/lib/icon/style/{iconfont.1792219842406.woff2 → iconfont.1792405538010.woff2} +0 -0
  69. /package/lib/{iconfont.1792219842406.ttf → iconfont.1792405538010.ttf} +0 -0
  70. /package/lib/{iconfont.1792219842406.woff → iconfont.1792405538010.woff} +0 -0
  71. /package/lib/{iconfont.1792219842406.woff2 → iconfont.1792405538010.woff2} +0 -0
package/dist/all.esm.js CHANGED
@@ -101,7 +101,7 @@ function checkDynamic() {
101
101
  }
102
102
 
103
103
  const { log } = VxeUI;
104
- const uiVersion = `ui v${"4.20.10"}`;
104
+ const uiVersion = `ui v${"4.20.12"}`;
105
105
  function createComponentLog(name) {
106
106
  const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
107
107
  const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -115,7 +115,7 @@ function createComponentLog(name) {
115
115
  const warnLog$j = log.create('warn', uiVersion);
116
116
  log.create('error', uiVersion);
117
117
 
118
- const version = "4.20.10";
118
+ const version = "4.20.12";
119
119
  VxeUI.uiVersion = version;
120
120
  VxeUI.dynamicApp = dynamicApp;
121
121
  function config(options) {
@@ -2889,6 +2889,10 @@ var VxeScrollbarComponent = defineVxeComponent({
2889
2889
  type: Boolean,
2890
2890
  default: () => getConfig$9().scrollbar.native
2891
2891
  },
2892
+ fluentOverlay: {
2893
+ type: Boolean,
2894
+ default: () => getConfig$9().scrollbar.fluentOverlay
2895
+ },
2892
2896
  padding: {
2893
2897
  type: Boolean,
2894
2898
  default: () => getConfig$9().scrollbar.padding
@@ -3012,7 +3016,7 @@ var VxeScrollbarComponent = defineVxeComponent({
3012
3016
  return getDefaultConfig(yOpts.autoHide, autoHide);
3013
3017
  });
3014
3018
  const computeWrapperClss = computed(() => {
3015
- const { native, theme, className, padding } = props;
3019
+ const { native, theme, className, padding, fluentOverlay } = props;
3016
3020
  const { yThumbHeight, xThumbWidth } = reactData;
3017
3021
  const vSize = computeSize.value;
3018
3022
  const xToTop = computeXToTop.value;
@@ -3025,6 +3029,7 @@ var VxeScrollbarComponent = defineVxeComponent({
3025
3029
  'vxe-scrollbar',
3026
3030
  vSize ? `size--${vSize}` : '',
3027
3031
  theme ? `theme--${theme}` : '',
3032
+ fluentOverlay ? 'is--fluent-overlay' : 'is--default-mode',
3028
3033
  `ov-x--${xVisible === false ? 'hidden' : 'visible'}`,
3029
3034
  `ov-y--${yVisible === false ? 'hidden' : 'visible'}`,
3030
3035
  `sx-pos--${xToTop ? 'top' : 'bottom'}`,
@@ -7960,12 +7965,14 @@ var VxeListComponent = defineVxeComponent({
7960
7965
  });
7961
7966
  const computeScrollbarWrapperClss = computed(() => {
7962
7967
  const { yThumbHeight, xThumbWidth } = reactData;
7968
+ const scrollbarOpts = computeScrollbarOpts.value;
7963
7969
  const scrollbarXToTop = computeScrollbarXToTop.value;
7964
7970
  const scrollbarYToLeft = computeScrollbarYToLeft.value;
7965
7971
  const scrollXVisible = computeScrollXVisible.value;
7966
7972
  const scrollYVisible = computeScrollYVisible.value;
7967
7973
  return domUtils$1.buildClass([
7968
7974
  'vxe-scrollbar is--virtual',
7975
+ scrollbarOpts.fluentOverlay ? 'is--fluent-overlay' : 'is--default-mode',
7969
7976
  `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`,
7970
7977
  `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`,
7971
7978
  `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`,
@@ -8209,7 +8216,10 @@ var VxeListComponent = defineVxeComponent({
8209
8216
  const scrollLeft = scrollBodyElem.scrollLeft;
8210
8217
  const isX = scrollLeft !== internalData.lastScrollLeft;
8211
8218
  const isY = scrollTop !== internalData.lastScrollTop;
8212
- updateThumbOffset();
8219
+ const isVScrollbar = computeIsVScrollbar.value;
8220
+ if (isVScrollbar) {
8221
+ updateThumbOffset();
8222
+ }
8213
8223
  internalData.lastScrollTop = scrollTop;
8214
8224
  internalData.lastScrollLeft = scrollLeft;
8215
8225
  if (reactData.scrollYLoad) {
@@ -9516,13 +9526,17 @@ var VxeListComponent = defineVxeComponent({
9516
9526
  if (isVScrollbar) {
9517
9527
  if (!scrollObserver) {
9518
9528
  const el = refElem.value;
9519
- const viewInnerEl = refVirtualSpaceElem.value;
9529
+ const viewSpaceEl = refVirtualSpaceElem.value;
9530
+ const viewInnerEl = refVirtualBody.value;
9520
9531
  const scrollObserver = globalResize$1.create(() => {
9521
9532
  reScrollFlag.value++;
9522
9533
  });
9523
9534
  if (el) {
9524
9535
  scrollObserver.observe(el);
9525
9536
  }
9537
+ if (viewSpaceEl) {
9538
+ scrollObserver.observe(viewSpaceEl);
9539
+ }
9526
9540
  if (viewInnerEl) {
9527
9541
  scrollObserver.observe(viewInnerEl);
9528
9542
  }
@@ -33582,12 +33596,14 @@ var VxeSelectComponent = defineVxeComponent({
33582
33596
  });
33583
33597
  const computeScrollbarWrapperClss = computed(() => {
33584
33598
  const { yThumbHeight, xThumbWidth } = reactData;
33599
+ const scrollbarOpts = computeScrollbarOpts.value;
33585
33600
  const scrollbarXToTop = computeScrollbarXToTop.value;
33586
33601
  const scrollbarYToLeft = computeScrollbarYToLeft.value;
33587
33602
  const scrollXVisible = computeScrollXVisible.value;
33588
33603
  const scrollYVisible = computeScrollYVisible.value;
33589
33604
  return domUtils.buildClass([
33590
33605
  'vxe-scrollbar is--virtual',
33606
+ scrollbarOpts.fluentOverlay ? 'is--fluent-overlay' : 'is--default-mode',
33591
33607
  `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`,
33592
33608
  `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`,
33593
33609
  `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`,
@@ -34436,7 +34452,10 @@ var VxeSelectComponent = defineVxeComponent({
34436
34452
  const scrollLeft = scrollBodyElem.scrollLeft;
34437
34453
  const isX = scrollLeft !== internalData.lastScrollLeft;
34438
34454
  const isY = scrollTop !== internalData.lastScrollTop;
34439
- updateThumbOffset();
34455
+ const isVScrollbar = computeIsVScrollbar.value;
34456
+ if (isVScrollbar) {
34457
+ updateThumbOffset();
34458
+ }
34440
34459
  internalData.lastScrollTop = scrollTop;
34441
34460
  internalData.lastScrollLeft = scrollLeft;
34442
34461
  if (reactData.scrollYLoad) {
@@ -34575,13 +34594,17 @@ var VxeSelectComponent = defineVxeComponent({
34575
34594
  if (isVScrollbar) {
34576
34595
  if (!scrollObserver) {
34577
34596
  const el = refElem.value;
34578
- const viewInnerEl = refVirtualSpaceElem.value;
34597
+ const viewSpaceEl = refVirtualSpaceElem.value;
34598
+ const viewInnerEl = refVirtualBody.value;
34579
34599
  const scrollObserver = globalResize.create(() => {
34580
34600
  reScrollFlag.value++;
34581
34601
  });
34582
34602
  if (el) {
34583
34603
  scrollObserver.observe(el);
34584
34604
  }
34605
+ if (viewSpaceEl) {
34606
+ scrollObserver.observe(viewSpaceEl);
34607
+ }
34585
34608
  if (viewInnerEl) {
34586
34609
  scrollObserver.observe(viewInnerEl);
34587
34610
  }
@@ -44162,12 +44185,14 @@ var VxeTreeComponent = defineVxeComponent({
44162
44185
  });
44163
44186
  const computeScrollbarWrapperClss = computed(() => {
44164
44187
  const { yThumbHeight, xThumbWidth } = reactData;
44188
+ const scrollbarOpts = computeScrollbarOpts.value;
44165
44189
  const scrollbarXToTop = computeScrollbarXToTop.value;
44166
44190
  const scrollbarYToLeft = computeScrollbarYToLeft.value;
44167
44191
  const scrollXVisible = computeScrollXVisible.value;
44168
44192
  const scrollYVisible = computeScrollYVisible.value;
44169
44193
  return domUtils$3.buildClass([
44170
44194
  'vxe-scrollbar is--virtual',
44195
+ scrollbarOpts.fluentOverlay ? 'is--fluent-overlay' : 'is--default-mode',
44171
44196
  `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`,
44172
44197
  `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`,
44173
44198
  `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`,
@@ -44768,7 +44793,10 @@ var VxeTreeComponent = defineVxeComponent({
44768
44793
  const scrollLeft = scrollBodyElem.scrollLeft;
44769
44794
  const isX = scrollLeft !== internalData.lastScrollLeft;
44770
44795
  const isY = scrollTop !== internalData.lastScrollTop;
44771
- updateThumbOffset();
44796
+ const isVScrollbar = computeIsVScrollbar.value;
44797
+ if (isVScrollbar) {
44798
+ updateThumbOffset();
44799
+ }
44772
44800
  internalData.lastScrollTop = scrollTop;
44773
44801
  internalData.lastScrollLeft = scrollLeft;
44774
44802
  if (reactData.scrollYLoad) {
@@ -46756,13 +46784,17 @@ var VxeTreeComponent = defineVxeComponent({
46756
46784
  if (isVScrollbar) {
46757
46785
  if (!scrollObserver) {
46758
46786
  const el = refElem.value;
46759
- const viewInnerEl = refVirtualSpaceElem.value;
46787
+ const viewSpaceEl = refVirtualSpaceElem.value;
46788
+ const viewInnerEl = refVirtualBody.value;
46760
46789
  const scrollObserver = globalResize$3.create(() => {
46761
46790
  reScrollFlag.value++;
46762
46791
  });
46763
46792
  if (el) {
46764
46793
  scrollObserver.observe(el);
46765
46794
  }
46795
+ if (viewSpaceEl) {
46796
+ scrollObserver.observe(viewSpaceEl);
46797
+ }
46766
46798
  if (viewInnerEl) {
46767
46799
  scrollObserver.observe(viewInnerEl);
46768
46800
  }