vxe-pc-ui 4.20.11 → 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 (70) hide show
  1. package/dist/all.esm.js +29 -6
  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 +7 -1
  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 +7 -1
  10. package/es/style.css +1 -1
  11. package/es/style.min.css +1 -1
  12. package/es/tree/src/tree.js +7 -1
  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 +32 -12
  20. package/lib/index.umd.min.js +1 -1
  21. package/lib/list/src/list.js +7 -2
  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 +7 -2
  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 +7 -2
  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 +3 -3
  40. package/packages/list/src/list.ts +7 -1
  41. package/packages/scrollbar/src/scrollbar.ts +6 -1
  42. package/packages/select/src/select.ts +7 -1
  43. package/packages/tree/src/tree.ts +7 -1
  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/icon-picker.d.ts +1 -1
  49. package/types/components/layout-aside.d.ts +2 -2
  50. package/types/components/layout-body.d.ts +1 -1
  51. package/types/components/list.d.ts +1 -1
  52. package/types/components/menu.d.ts +10 -1
  53. package/types/components/modal.d.ts +1 -1
  54. package/types/components/scrollbar.d.ts +5 -0
  55. package/types/components/select.d.ts +1 -1
  56. package/types/components/table.d.ts +4 -0
  57. package/types/components/tooltip.d.ts +1 -1
  58. package/types/components/tree.d.ts +1 -1
  59. /package/es/icon/{iconfont.1792226845944.ttf → iconfont.1792405538010.ttf} +0 -0
  60. /package/es/icon/{iconfont.1792226845944.woff → iconfont.1792405538010.woff} +0 -0
  61. /package/es/icon/{iconfont.1792226845944.woff2 → iconfont.1792405538010.woff2} +0 -0
  62. /package/es/{iconfont.1792226845944.ttf → iconfont.1792405538010.ttf} +0 -0
  63. /package/es/{iconfont.1792226845944.woff → iconfont.1792405538010.woff} +0 -0
  64. /package/es/{iconfont.1792226845944.woff2 → iconfont.1792405538010.woff2} +0 -0
  65. /package/lib/icon/style/{iconfont.1792226845944.ttf → iconfont.1792405538010.ttf} +0 -0
  66. /package/lib/icon/style/{iconfont.1792226845944.woff → iconfont.1792405538010.woff} +0 -0
  67. /package/lib/icon/style/{iconfont.1792226845944.woff2 → iconfont.1792405538010.woff2} +0 -0
  68. /package/lib/{iconfont.1792226845944.ttf → iconfont.1792405538010.ttf} +0 -0
  69. /package/lib/{iconfont.1792226845944.woff → iconfont.1792405538010.woff} +0 -0
  70. /package/lib/{iconfont.1792226845944.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.11"}`;
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.11";
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'}`,
@@ -9519,13 +9526,17 @@ var VxeListComponent = defineVxeComponent({
9519
9526
  if (isVScrollbar) {
9520
9527
  if (!scrollObserver) {
9521
9528
  const el = refElem.value;
9522
- const viewInnerEl = refVirtualSpaceElem.value;
9529
+ const viewSpaceEl = refVirtualSpaceElem.value;
9530
+ const viewInnerEl = refVirtualBody.value;
9523
9531
  const scrollObserver = globalResize$1.create(() => {
9524
9532
  reScrollFlag.value++;
9525
9533
  });
9526
9534
  if (el) {
9527
9535
  scrollObserver.observe(el);
9528
9536
  }
9537
+ if (viewSpaceEl) {
9538
+ scrollObserver.observe(viewSpaceEl);
9539
+ }
9529
9540
  if (viewInnerEl) {
9530
9541
  scrollObserver.observe(viewInnerEl);
9531
9542
  }
@@ -33585,12 +33596,14 @@ var VxeSelectComponent = defineVxeComponent({
33585
33596
  });
33586
33597
  const computeScrollbarWrapperClss = computed(() => {
33587
33598
  const { yThumbHeight, xThumbWidth } = reactData;
33599
+ const scrollbarOpts = computeScrollbarOpts.value;
33588
33600
  const scrollbarXToTop = computeScrollbarXToTop.value;
33589
33601
  const scrollbarYToLeft = computeScrollbarYToLeft.value;
33590
33602
  const scrollXVisible = computeScrollXVisible.value;
33591
33603
  const scrollYVisible = computeScrollYVisible.value;
33592
33604
  return domUtils.buildClass([
33593
33605
  'vxe-scrollbar is--virtual',
33606
+ scrollbarOpts.fluentOverlay ? 'is--fluent-overlay' : 'is--default-mode',
33594
33607
  `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`,
33595
33608
  `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`,
33596
33609
  `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`,
@@ -34581,13 +34594,17 @@ var VxeSelectComponent = defineVxeComponent({
34581
34594
  if (isVScrollbar) {
34582
34595
  if (!scrollObserver) {
34583
34596
  const el = refElem.value;
34584
- const viewInnerEl = refVirtualSpaceElem.value;
34597
+ const viewSpaceEl = refVirtualSpaceElem.value;
34598
+ const viewInnerEl = refVirtualBody.value;
34585
34599
  const scrollObserver = globalResize.create(() => {
34586
34600
  reScrollFlag.value++;
34587
34601
  });
34588
34602
  if (el) {
34589
34603
  scrollObserver.observe(el);
34590
34604
  }
34605
+ if (viewSpaceEl) {
34606
+ scrollObserver.observe(viewSpaceEl);
34607
+ }
34591
34608
  if (viewInnerEl) {
34592
34609
  scrollObserver.observe(viewInnerEl);
34593
34610
  }
@@ -44168,12 +44185,14 @@ var VxeTreeComponent = defineVxeComponent({
44168
44185
  });
44169
44186
  const computeScrollbarWrapperClss = computed(() => {
44170
44187
  const { yThumbHeight, xThumbWidth } = reactData;
44188
+ const scrollbarOpts = computeScrollbarOpts.value;
44171
44189
  const scrollbarXToTop = computeScrollbarXToTop.value;
44172
44190
  const scrollbarYToLeft = computeScrollbarYToLeft.value;
44173
44191
  const scrollXVisible = computeScrollXVisible.value;
44174
44192
  const scrollYVisible = computeScrollYVisible.value;
44175
44193
  return domUtils$3.buildClass([
44176
44194
  'vxe-scrollbar is--virtual',
44195
+ scrollbarOpts.fluentOverlay ? 'is--fluent-overlay' : 'is--default-mode',
44177
44196
  `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`,
44178
44197
  `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}`,
44179
44198
  `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`,
@@ -46765,13 +46784,17 @@ var VxeTreeComponent = defineVxeComponent({
46765
46784
  if (isVScrollbar) {
46766
46785
  if (!scrollObserver) {
46767
46786
  const el = refElem.value;
46768
- const viewInnerEl = refVirtualSpaceElem.value;
46787
+ const viewSpaceEl = refVirtualSpaceElem.value;
46788
+ const viewInnerEl = refVirtualBody.value;
46769
46789
  const scrollObserver = globalResize$3.create(() => {
46770
46790
  reScrollFlag.value++;
46771
46791
  });
46772
46792
  if (el) {
46773
46793
  scrollObserver.observe(el);
46774
46794
  }
46795
+ if (viewSpaceEl) {
46796
+ scrollObserver.observe(viewSpaceEl);
46797
+ }
46775
46798
  if (viewInnerEl) {
46776
46799
  scrollObserver.observe(viewInnerEl);
46777
46800
  }