vxe-pc-ui 4.20.5 → 4.20.6

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 (81) hide show
  1. package/dist/all.esm.js +25 -11
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/button/src/button.js +1 -0
  5. package/es/cascader/src/cascader.js +1 -0
  6. package/es/color-picker/src/color-picker.js +1 -0
  7. package/es/date-picker/src/date-picker.js +1 -0
  8. package/es/date-range-picker/src/date-range-picker.js +1 -0
  9. package/es/icon/style.css +1 -1
  10. package/es/icon-picker/src/icon-picker.js +1 -0
  11. package/es/pulldown/src/pulldown.js +1 -0
  12. package/es/select/src/select.js +1 -0
  13. package/es/style.css +1 -1
  14. package/es/style.min.css +1 -1
  15. package/es/table-select/src/table-select.js +1 -0
  16. package/es/tooltip/src/tooltip.js +2 -1
  17. package/es/tree-select/src/tree-select.js +1 -0
  18. package/es/ui/index.js +1 -1
  19. package/es/ui/src/dom.js +11 -8
  20. package/es/ui/src/log.js +1 -1
  21. package/lib/button/src/button.js +1 -0
  22. package/lib/button/src/button.min.js +1 -1
  23. package/lib/cascader/src/cascader.js +1 -0
  24. package/lib/cascader/src/cascader.min.js +1 -1
  25. package/lib/color-picker/src/color-picker.js +1 -0
  26. package/lib/color-picker/src/color-picker.min.js +1 -1
  27. package/lib/date-picker/src/date-picker.js +1 -0
  28. package/lib/date-picker/src/date-picker.min.js +1 -1
  29. package/lib/date-range-picker/src/date-range-picker.js +1 -0
  30. package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
  31. package/lib/icon/style/style.css +1 -1
  32. package/lib/icon/style/style.min.css +1 -1
  33. package/lib/icon-picker/src/icon-picker.js +1 -0
  34. package/lib/icon-picker/src/icon-picker.min.js +1 -1
  35. package/lib/index.umd.js +25 -9
  36. package/lib/index.umd.min.js +1 -1
  37. package/lib/pulldown/src/pulldown.js +1 -0
  38. package/lib/pulldown/src/pulldown.min.js +1 -1
  39. package/lib/select/src/select.js +1 -0
  40. package/lib/select/src/select.min.js +1 -1
  41. package/lib/style.css +1 -1
  42. package/lib/style.min.css +1 -1
  43. package/lib/table-select/src/table-select.js +1 -0
  44. package/lib/table-select/src/table-select.min.js +1 -1
  45. package/lib/tooltip/src/tooltip.js +2 -0
  46. package/lib/tooltip/src/tooltip.min.js +1 -1
  47. package/lib/tree-select/src/tree-select.js +1 -0
  48. package/lib/tree-select/src/tree-select.min.js +1 -1
  49. package/lib/ui/index.js +1 -1
  50. package/lib/ui/index.min.js +1 -1
  51. package/lib/ui/src/dom.js +11 -7
  52. package/lib/ui/src/dom.min.js +1 -1
  53. package/lib/ui/src/log.js +1 -1
  54. package/lib/ui/src/log.min.js +1 -1
  55. package/package.json +2 -2
  56. package/packages/button/src/button.ts +2 -1
  57. package/packages/cascader/src/cascader.ts +1 -0
  58. package/packages/color-picker/src/color-picker.ts +1 -0
  59. package/packages/date-picker/src/date-picker.ts +1 -0
  60. package/packages/date-range-picker/src/date-range-picker.ts +1 -0
  61. package/packages/icon-picker/src/icon-picker.ts +1 -0
  62. package/packages/pulldown/src/pulldown.ts +1 -0
  63. package/packages/select/src/select.ts +1 -0
  64. package/packages/table-select/src/table-select.ts +1 -0
  65. package/packages/tooltip/src/tooltip.ts +2 -1
  66. package/packages/tree-select/src/tree-select.ts +1 -0
  67. package/packages/ui/src/dom.ts +12 -8
  68. package/types/components/button.d.ts +4 -0
  69. package/types/components/cascader.d.ts +4 -0
  70. /package/es/icon/{iconfont.1792048659766.ttf → iconfont.1792054434227.ttf} +0 -0
  71. /package/es/icon/{iconfont.1792048659766.woff → iconfont.1792054434227.woff} +0 -0
  72. /package/es/icon/{iconfont.1792048659766.woff2 → iconfont.1792054434227.woff2} +0 -0
  73. /package/es/{iconfont.1792048659766.ttf → iconfont.1792054434227.ttf} +0 -0
  74. /package/es/{iconfont.1792048659766.woff → iconfont.1792054434227.woff} +0 -0
  75. /package/es/{iconfont.1792048659766.woff2 → iconfont.1792054434227.woff2} +0 -0
  76. /package/lib/icon/style/{iconfont.1792048659766.ttf → iconfont.1792054434227.ttf} +0 -0
  77. /package/lib/icon/style/{iconfont.1792048659766.woff → iconfont.1792054434227.woff} +0 -0
  78. /package/lib/icon/style/{iconfont.1792048659766.woff2 → iconfont.1792054434227.woff2} +0 -0
  79. /package/lib/{iconfont.1792048659766.ttf → iconfont.1792054434227.ttf} +0 -0
  80. /package/lib/{iconfont.1792048659766.woff → iconfont.1792054434227.woff} +0 -0
  81. /package/lib/{iconfont.1792048659766.woff2 → iconfont.1792054434227.woff2} +0 -0
package/lib/index.umd.js CHANGED
@@ -4813,7 +4813,7 @@ function checkDynamic() {
4813
4813
  const {
4814
4814
  log: log_log
4815
4815
  } = VxeUI;
4816
- const uiVersion = `ui v${"4.20.5"}`;
4816
+ const uiVersion = `ui v${"4.20.6"}`;
4817
4817
  function createComponentLog(name) {
4818
4818
  const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
4819
4819
  const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4831,7 +4831,7 @@ const errLog = log_log.create('error', uiVersion);
4831
4831
 
4832
4832
 
4833
4833
 
4834
- const ui_version = "4.20.5";
4834
+ const ui_version = "4.20.6";
4835
4835
  VxeUI.uiVersion = ui_version;
4836
4836
  VxeUI.dynamicApp = dynamicApp;
4837
4837
  function config(options) {
@@ -6792,10 +6792,12 @@ function updatePanelPlacement(targetElem, panelElem, options) {
6792
6792
  defaultLeft,
6793
6793
  placement,
6794
6794
  defaultPlacement,
6795
+ appendTo,
6795
6796
  teleportTo,
6796
6797
  marginSize,
6797
6798
  isMinWidth
6798
6799
  } = Object.assign({
6800
+ appendTo: '',
6799
6801
  teleportTo: false,
6800
6802
  marginSize: 18,
6801
6803
  isMinWidth: true
@@ -6809,7 +6811,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
6809
6811
  const stys = {};
6810
6812
  if (panelElem && targetElem) {
6811
6813
  const bodyEl = document.body;
6812
- const parentWrapperEl = getPopupWrapperElement(panelElem);
6814
+ const parentWrapperEl = getPopupWrapperElement(teleportTo ? getPopupAppendElement(appendTo) : panelElem);
6813
6815
  if (parentWrapperEl) {
6814
6816
  const targetWidth = targetElem.offsetWidth;
6815
6817
  const targetHeight = targetElem.offsetHeight;
@@ -6820,14 +6822,16 @@ function updatePanelPlacement(targetElem, panelElem, options) {
6820
6822
  const targetRect = targetElem.getBoundingClientRect();
6821
6823
  const visibleHeight = bodyEl.clientHeight;
6822
6824
  const visibleWidth = bodyEl.clientWidth;
6823
- const offsetLeft = parentWrapperRect.left;
6824
- const offsetTop = parentWrapperRect.top;
6825
+ const parentWrapperScrollLeft = parentWrapperEl.scrollLeft;
6826
+ const parentWrapperScrollTop = parentWrapperEl.scrollTop;
6827
+ const parentWrapperOffsetLeft = parentWrapperRect.left;
6828
+ const parentWrapperOffsetTop = parentWrapperRect.top;
6825
6829
  const targetLeft = targetRect.left;
6826
6830
  const targetTop = targetRect.top;
6827
6831
  minWidth = targetElem.offsetWidth;
6828
6832
  if (teleportTo) {
6829
- left = defaultLeft || targetLeft - (panelWidth - targetWidth) / 2;
6830
- top = defaultTop || targetTop + targetHeight;
6833
+ left = (defaultLeft || targetLeft - (panelWidth - targetWidth) / 2) - parentWrapperScrollLeft;
6834
+ top = (defaultTop || targetTop + targetHeight) - parentWrapperScrollTop;
6831
6835
  if (placement === 'top') {
6832
6836
  panelPlacement = 'top';
6833
6837
  top = targetTop - panelHeight;
@@ -6869,8 +6873,8 @@ function updatePanelPlacement(targetElem, panelElem, options) {
6869
6873
  left = marginSize;
6870
6874
  }
6871
6875
  // 偏移
6872
- top -= offsetTop;
6873
- left -= offsetLeft;
6876
+ top -= parentWrapperOffsetTop;
6877
+ left -= parentWrapperOffsetLeft;
6874
6878
  } else {
6875
6879
  if (placement === 'top') {
6876
6880
  panelPlacement = 'top';
@@ -7876,6 +7880,7 @@ function createInternalData() {
7876
7880
  const {
7877
7881
  placement,
7878
7882
  defaultPlacement,
7883
+ appendTo,
7879
7884
  isArrow
7880
7885
  } = props;
7881
7886
  const {
@@ -7912,6 +7917,7 @@ function createInternalData() {
7912
7917
  defaultLeft: left,
7913
7918
  placement: placement,
7914
7919
  defaultPlacement: defaultPlacement,
7920
+ appendTo: appendTo,
7915
7921
  isMinWidth: false,
7916
7922
  teleportTo: true
7917
7923
  });
@@ -8529,6 +8535,7 @@ const VxeButtonComponent = defineVxeComponent({
8529
8535
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
8530
8536
  placement: popupOpts.placement || placement,
8531
8537
  defaultPlacement: popupOpts.defaultPlacement,
8538
+ appendTo: popupOpts.appendTo,
8532
8539
  teleportTo: btnTransfer
8533
8540
  });
8534
8541
  const panelStyle = Object.assign(ppObj.style, {
@@ -19851,6 +19858,7 @@ function cascader_createInternalData() {
19851
19858
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
19852
19859
  placement: popupOpts.placement,
19853
19860
  defaultPlacement: popupOpts.defaultPlacement,
19861
+ appendTo: popupOpts.appendTo,
19854
19862
  teleportTo: btnTransfer,
19855
19863
  isMinWidth: false
19856
19864
  });
@@ -24469,6 +24477,7 @@ const NumberInput = VxeNumberInput;
24469
24477
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
24470
24478
  placement: popupOpts.placement || placement,
24471
24479
  defaultPlacement: popupOpts.defaultPlacement,
24480
+ appendTo: popupOpts.appendTo,
24472
24481
  teleportTo: btnTransfer
24473
24482
  });
24474
24483
  const panelStyle = Object.assign(ppObj.style, {
@@ -29777,6 +29786,7 @@ function date_picker_createInternalData() {
29777
29786
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
29778
29787
  placement: popupOpts.placement || placement,
29779
29788
  defaultPlacement: popupOpts.defaultPlacement,
29789
+ appendTo: popupOpts.appendTo,
29780
29790
  teleportTo: btnTransfer
29781
29791
  });
29782
29792
  const panelStyle = Object.assign(ppObj.style, {
@@ -31403,6 +31413,7 @@ function date_range_picker_createInternalData() {
31403
31413
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
31404
31414
  placement: popupOpts.placement || placement,
31405
31415
  defaultPlacement: popupOpts.defaultPlacement,
31416
+ appendTo: popupOpts.appendTo,
31406
31417
  teleportTo: btnTransfer
31407
31418
  });
31408
31419
  const panelStyle = Object.assign(ppObj.style, {
@@ -36185,6 +36196,7 @@ function icon_picker_createInternalData() {
36185
36196
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
36186
36197
  placement: popupOpts.placement || placement,
36187
36198
  defaultPlacement: popupOpts.defaultPlacement,
36199
+ appendTo: popupOpts.appendTo,
36188
36200
  teleportTo: btnTransfer
36189
36201
  });
36190
36202
  const panelStyle = Object.assign(ppObj.style, {
@@ -42295,6 +42307,7 @@ function select_createInternalData() {
42295
42307
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
42296
42308
  placement: popupOpts.placement || placement,
42297
42309
  defaultPlacement: popupOpts.defaultPlacement,
42310
+ appendTo: popupOpts.appendTo,
42298
42311
  teleportTo: btnTransfer
42299
42312
  });
42300
42313
  const panelStyle = Object.assign(ppObj.style, {
@@ -45717,6 +45730,7 @@ const Print = VxePrint;
45717
45730
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
45718
45731
  placement: popupOpts.placement || placement,
45719
45732
  defaultPlacement: popupOpts.defaultPlacement,
45733
+ appendTo: popupOpts.appendTo,
45720
45734
  teleportTo: btnTransfer
45721
45735
  });
45722
45736
  const panelStyle = Object.assign(ppObj.style, {
@@ -50297,6 +50311,7 @@ function table_select_createInternalData() {
50297
50311
  const ppObj = updatePanelPlacement(targetElem, panelElem, {
50298
50312
  placement: popupOpts.placement || placement,
50299
50313
  defaultPlacement: popupOpts.defaultPlacement,
50314
+ appendTo: popupOpts.appendTo,
50300
50315
  teleportTo: btnTransfer
50301
50316
  });
50302
50317
  const panelStyle = Object.assign(ppObj.style, {
@@ -58100,6 +58115,7 @@ function tree_select_createInternalData() {
58100
58115
  isMinWidth: !popupOpts.width,
58101
58116
  placement: popupOpts.placement || placement,
58102
58117
  defaultPlacement: popupOpts.defaultPlacement,
58118
+ appendTo: popupOpts.appendTo,
58103
58119
  teleportTo: btnTransfer
58104
58120
  });
58105
58121
  const panelStyle = Object.assign(ppObj.style, {