vxe-table 4.16.0-beta.6 → 4.16.0-beta.7

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 (44) hide show
  1. package/es/index.css +1 -1
  2. package/es/index.min.css +1 -1
  3. package/es/style.css +1 -1
  4. package/es/style.min.css +1 -1
  5. package/es/table/module/custom/panel.js +119 -125
  6. package/es/table/src/anime.js +4 -4
  7. package/es/table/src/table.js +136 -70
  8. package/es/table/style.css +178 -163
  9. package/es/table/style.min.css +1 -1
  10. package/es/ui/index.js +1 -1
  11. package/es/ui/src/log.js +1 -1
  12. package/es/vxe-table/style.css +178 -163
  13. package/es/vxe-table/style.min.css +1 -1
  14. package/lib/index.css +1 -1
  15. package/lib/index.min.css +1 -1
  16. package/lib/index.umd.js +31 -36
  17. package/lib/index.umd.min.js +1 -1
  18. package/lib/style.css +1 -1
  19. package/lib/style.min.css +1 -1
  20. package/lib/table/module/custom/panel.js +2 -8
  21. package/lib/table/module/custom/panel.min.js +1 -1
  22. package/lib/table/src/anime.js +4 -4
  23. package/lib/table/src/anime.min.js +1 -1
  24. package/lib/table/src/table.js +22 -22
  25. package/lib/table/src/table.min.js +1 -1
  26. package/lib/table/style/style.css +178 -163
  27. package/lib/table/style/style.min.css +1 -1
  28. package/lib/ui/index.js +1 -1
  29. package/lib/ui/index.min.js +1 -1
  30. package/lib/ui/src/log.js +1 -1
  31. package/lib/ui/src/log.min.js +1 -1
  32. package/lib/vxe-table/style/style.css +178 -163
  33. package/lib/vxe-table/style/style.min.css +1 -1
  34. package/package.json +3 -2
  35. package/packages/table/module/custom/panel.ts +128 -134
  36. package/packages/table/src/anime.ts +4 -4
  37. package/packages/table/src/table.ts +139 -71
  38. package/styles/components/table.scss +166 -165
  39. /package/es/{iconfont.1755597300201.ttf → iconfont.1755651021240.ttf} +0 -0
  40. /package/es/{iconfont.1755597300201.woff → iconfont.1755651021240.woff} +0 -0
  41. /package/es/{iconfont.1755597300201.woff2 → iconfont.1755651021240.woff2} +0 -0
  42. /package/lib/{iconfont.1755597300201.ttf → iconfont.1755651021240.ttf} +0 -0
  43. /package/lib/{iconfont.1755597300201.woff → iconfont.1755651021240.woff} +0 -0
  44. /package/lib/{iconfont.1755597300201.woff2 → iconfont.1755651021240.woff2} +0 -0
package/es/table/module/custom/panel.js CHANGED
@@ -1,4 +1,4 @@
1
- import { h, inject, ref, provide, nextTick, TransitionGroup, createCommentVNode, reactive, Teleport, onUnmounted } from 'vue';
1
+ import { h, inject, ref, provide, nextTick, TransitionGroup, createCommentVNode, reactive, onUnmounted } from 'vue';
2
2
  import { defineVxeComponent } from '../../../ui/src/comp';
3
3
  import { VxeUI } from '../../../ui';
4
4
  import { formatText } from '../../../ui/src/utils';
@@ -565,7 +565,6 @@ export default defineVxeComponent({
565
565
  const { customStore } = props;
566
566
  const { treeConfig, rowGroupConfig, aggregateConfig } = tableProps;
567
567
  const { isCustomStatus, customColumnList } = tableReactData;
568
- const { teleportToWrapperElem } = tableInternalData;
569
568
  const customOpts = computeCustomOpts.value;
570
569
  const { immediate } = customOpts;
571
570
  const columnDragOpts = computeColumnDragOpts.value;
@@ -701,141 +700,136 @@ export default defineVxeComponent({
701
700
  ]));
702
701
  }
703
702
  });
704
- return h(Teleport, {
705
- to: teleportToWrapperElem,
706
- disabled: !($xeGantt && teleportToWrapperElem)
707
- }, [
708
- h('div', {
709
- ref: refElem,
710
- key: 'simple',
711
- class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
712
- 'is--active': customStore.visible
713
- }],
714
- style: maxHeight && !['left', 'right'].includes(placement || '')
715
- ? {
716
- maxHeight: `${maxHeight}px`
717
- }
718
- : {}
719
- }, customStore.visible
720
- ? [
703
+ return h('div', {
704
+ ref: refElem,
705
+ key: 'simple',
706
+ class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
707
+ 'is--active': customStore.visible
708
+ }],
709
+ style: maxHeight && !['left', 'right'].includes(placement || '')
710
+ ? {
711
+ maxHeight: `${maxHeight}px`
712
+ }
713
+ : {}
714
+ }, customStore.visible
715
+ ? [
716
+ h('div', {
717
+ ref: refBodyWrapperElem,
718
+ class: 'vxe-table-custom-simple--body-wrapper'
719
+ }, [
720
+ !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregateSimplePanel
721
+ ? h($xeTable.getPivotTableAggregateSimplePanel(), {
722
+ customStore
723
+ })
724
+ : renderEmptyElement($xeTable),
721
725
  h('div', {
722
- ref: refBodyWrapperElem,
723
- class: 'vxe-table-custom-simple--body-wrapper'
726
+ ref: refCustomBodyElem,
727
+ class: 'vxe-table-custom--handle-wrapper'
724
728
  }, [
725
- !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregateSimplePanel
726
- ? h($xeTable.getPivotTableAggregateSimplePanel(), {
727
- customStore
728
- })
729
- : renderEmptyElement($xeTable),
730
729
  h('div', {
731
- ref: refCustomBodyElem,
732
- class: 'vxe-table-custom--handle-wrapper'
733
- }, [
734
- h('div', {
735
- class: 'vxe-table-custom--header'
736
- }, headerSlot
737
- ? $xeTable.callSlot(headerSlot, params)
738
- : [
739
- h('ul', {
740
- class: 'vxe-table-custom--panel-list'
730
+ class: 'vxe-table-custom--header'
731
+ }, headerSlot
732
+ ? $xeTable.callSlot(headerSlot, params)
733
+ : [
734
+ h('ul', {
735
+ class: 'vxe-table-custom--panel-list'
736
+ }, [
737
+ h('li', {
738
+ class: 'vxe-table-custom--option'
741
739
  }, [
742
- h('li', {
743
- class: 'vxe-table-custom--option'
744
- }, [
745
- allowVisible
746
- ? h('div', {
747
- class: ['vxe-table-custom--checkbox-option', {
748
- 'is--checked': isAllChecked,
749
- 'is--indeterminate': isAllIndeterminate
750
- }],
751
- title: getI18n('vxe.table.allTitle'),
752
- onClick: allOptionEvent
753
- }, [
754
- h('span', {
755
- class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : (isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED)]
756
- }),
757
- h('span', {
758
- class: 'vxe-checkbox--label'
759
- }, getI18n('vxe.toolbar.customAll'))
760
- ])
761
- : h('span', {
740
+ allowVisible
741
+ ? h('div', {
742
+ class: ['vxe-table-custom--checkbox-option', {
743
+ 'is--checked': isAllChecked,
744
+ 'is--indeterminate': isAllIndeterminate
745
+ }],
746
+ title: getI18n('vxe.table.allTitle'),
747
+ onClick: allOptionEvent
748
+ }, [
749
+ h('span', {
750
+ class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : (isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED)]
751
+ }),
752
+ h('span', {
762
753
  class: 'vxe-checkbox--label'
763
- }, getI18n('vxe.table.customTitle'))
764
- ])
754
+ }, getI18n('vxe.toolbar.customAll'))
755
+ ])
756
+ : h('span', {
757
+ class: 'vxe-checkbox--label'
758
+ }, getI18n('vxe.table.customTitle'))
765
759
  ])
766
- ]),
767
- h('div', {
768
- class: 'vxe-table-custom--body'
769
- }, [
770
- topSlot
771
- ? h('div', {
772
- class: 'vxe-table-custom--panel-top'
773
- }, $xeTable.callSlot(topSlot, params))
774
- : renderEmptyElement($xeTable),
775
- defaultSlot
776
- ? h('div', {
777
- class: 'vxe-table-custom--panel-body'
778
- }, $xeTable.callSlot(defaultSlot, params))
779
- : h(TransitionGroup, Object.assign({ class: 'vxe-table-custom--panel-list', name: 'vxe-table-custom--list', tag: 'ul' }, customWrapperOns), {
780
- default: () => colVNs
781
- }),
782
- bottomSlot
783
- ? h('div', {
784
- class: 'vxe-table-custom--panel-bottom'
785
- }, $xeTable.callSlot(bottomSlot, params))
786
- : renderEmptyElement($xeTable)
760
+ ])
787
761
  ]),
788
- customOpts.showFooter
762
+ h('div', {
763
+ class: 'vxe-table-custom--body'
764
+ }, [
765
+ topSlot
766
+ ? h('div', {
767
+ class: 'vxe-table-custom--panel-top'
768
+ }, $xeTable.callSlot(topSlot, params))
769
+ : renderEmptyElement($xeTable),
770
+ defaultSlot
771
+ ? h('div', {
772
+ class: 'vxe-table-custom--panel-body'
773
+ }, $xeTable.callSlot(defaultSlot, params))
774
+ : h(TransitionGroup, Object.assign({ class: 'vxe-table-custom--panel-list', name: 'vxe-table-custom--list', tag: 'ul' }, customWrapperOns), {
775
+ default: () => colVNs
776
+ }),
777
+ bottomSlot
789
778
  ? h('div', {
790
- class: 'vxe-table-custom--footer'
791
- }, footerSlot
792
- ? $xeTable.callSlot(footerSlot, params)
793
- : [
794
- h('div', {
795
- class: 'vxe-table-custom--footer-buttons'
796
- }, [
797
- VxeUIButtonComponent
779
+ class: 'vxe-table-custom--panel-bottom'
780
+ }, $xeTable.callSlot(bottomSlot, params))
781
+ : renderEmptyElement($xeTable)
782
+ ]),
783
+ customOpts.showFooter
784
+ ? h('div', {
785
+ class: 'vxe-table-custom--footer'
786
+ }, footerSlot
787
+ ? $xeTable.callSlot(footerSlot, params)
788
+ : [
789
+ h('div', {
790
+ class: 'vxe-table-custom--footer-buttons'
791
+ }, [
792
+ VxeUIButtonComponent
793
+ ? h(VxeUIButtonComponent, {
794
+ mode: 'text',
795
+ content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
796
+ disabled: !isCustomStatus,
797
+ onClick: resetCustomEvent
798
+ })
799
+ : createCommentVNode(),
800
+ immediate
801
+ ? (VxeUIButtonComponent
798
802
  ? h(VxeUIButtonComponent, {
799
803
  mode: 'text',
800
- content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
801
- disabled: !isCustomStatus,
802
- onClick: resetCustomEvent
804
+ content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
805
+ onClick: cancelCloseEvent
803
806
  })
804
- : createCommentVNode(),
805
- immediate
806
- ? (VxeUIButtonComponent
807
- ? h(VxeUIButtonComponent, {
808
- mode: 'text',
809
- content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
810
- onClick: cancelCloseEvent
811
- })
812
- : createCommentVNode())
813
- : (VxeUIButtonComponent
814
- ? h(VxeUIButtonComponent, {
815
- mode: 'text',
816
- content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
817
- onClick: cancelCustomEvent
818
- })
819
- : createCommentVNode()),
820
- immediate
821
- ? createCommentVNode()
822
- : (VxeUIButtonComponent
823
- ? h(VxeUIButtonComponent, {
824
- mode: 'text',
825
- status: 'primary',
826
- content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
827
- onClick: confirmCustomEvent
828
- })
829
- : createCommentVNode())
830
- ])
807
+ : createCommentVNode())
808
+ : (VxeUIButtonComponent
809
+ ? h(VxeUIButtonComponent, {
810
+ mode: 'text',
811
+ content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
812
+ onClick: cancelCustomEvent
813
+ })
814
+ : createCommentVNode()),
815
+ immediate
816
+ ? createCommentVNode()
817
+ : (VxeUIButtonComponent
818
+ ? h(VxeUIButtonComponent, {
819
+ mode: 'text',
820
+ status: 'primary',
821
+ content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
822
+ onClick: confirmCustomEvent
823
+ })
824
+ : createCommentVNode())
831
825
  ])
832
- : null
833
- ]),
834
- renderDragTip()
835
- ])
836
- ]
837
- : [])
838
- ]);
826
+ ])
827
+ : null
828
+ ]),
829
+ renderDragTip()
830
+ ])
831
+ ]
832
+ : []);
839
833
  };
840
834
  const renderPopupPanel = () => {
841
835
  const $xeGrid = $xeTable.xeGrid;
package/es/table/src/anime.js CHANGED
@@ -16,10 +16,10 @@ export function moveRowAnimateToTb(elemList, offsetTop) {
16
16
  });
17
17
  });
18
18
  }
19
- export function clearRowAnimate(elem) {
19
+ export function clearRowAnimate(elem, clss) {
20
20
  setTimeout(() => {
21
21
  if (elem) {
22
- XEUtils.arrayEach(elem.querySelectorAll(`.vxe-body--row.${rowMoveCls}`), elem => removeClass(elem, rowMoveCls));
22
+ XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, rowMoveCls));
23
23
  }
24
24
  }, 500);
25
25
  }
@@ -37,10 +37,10 @@ export function moveColAnimateToLr(elemList, offsetLeft) {
37
37
  });
38
38
  });
39
39
  }
40
- export function clearColAnimate(elem) {
40
+ export function clearColAnimate(elem, clss) {
41
41
  setTimeout(() => {
42
42
  if (elem) {
43
- XEUtils.arrayEach(elem.querySelectorAll(`.vxe-table--column.${colMoveClass}`), elem => removeClass(elem, colMoveClass));
43
+ XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, colMoveClass));
44
44
  }
45
45
  }, 500);
46
46
  }