vxe-table 4.8.4 → 4.8.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 (55) hide show
  1. package/README.md +12 -12
  2. package/es/grid/src/grid.js +1 -1
  3. package/es/style.css +1 -1
  4. package/es/style.min.css +1 -1
  5. package/es/table/module/custom/hook.js +135 -3
  6. package/es/table/module/custom/panel.js +179 -181
  7. package/es/table/module/validator/hook.js +1 -1
  8. package/es/table/src/body.js +14 -8
  9. package/es/table/src/table.js +77 -73
  10. package/es/table/style.css +67 -52
  11. package/es/table/style.min.css +1 -1
  12. package/es/ui/index.js +3 -2
  13. package/es/ui/src/log.js +1 -1
  14. package/es/vxe-table/style.css +67 -52
  15. package/es/vxe-table/style.min.css +1 -1
  16. package/lib/grid/src/grid.js +1 -1
  17. package/lib/grid/src/grid.min.js +1 -1
  18. package/lib/index.umd.js +374 -247
  19. package/lib/index.umd.min.js +1 -1
  20. package/lib/style.css +1 -1
  21. package/lib/style.min.css +1 -1
  22. package/lib/table/module/custom/hook.js +177 -3
  23. package/lib/table/module/custom/hook.min.js +1 -1
  24. package/lib/table/module/custom/panel.js +108 -162
  25. package/lib/table/module/custom/panel.min.js +1 -1
  26. package/lib/table/module/validator/hook.js +1 -1
  27. package/lib/table/module/validator/hook.min.js +1 -1
  28. package/lib/table/src/body.js +5 -3
  29. package/lib/table/src/body.min.js +1 -1
  30. package/lib/table/src/table.js +78 -74
  31. package/lib/table/src/table.min.js +1 -1
  32. package/lib/table/style/style.css +67 -52
  33. package/lib/table/style/style.min.css +1 -1
  34. package/lib/ui/index.js +3 -2
  35. package/lib/ui/index.min.js +1 -1
  36. package/lib/ui/src/log.js +1 -1
  37. package/lib/ui/src/log.min.js +1 -1
  38. package/lib/vxe-table/style/style.css +67 -52
  39. package/lib/vxe-table/style/style.min.css +1 -1
  40. package/package.json +2 -2
  41. package/packages/grid/src/grid.ts +1 -1
  42. package/packages/table/module/custom/hook.ts +136 -3
  43. package/packages/table/module/custom/panel.ts +186 -185
  44. package/packages/table/module/validator/hook.ts +1 -1
  45. package/packages/table/src/body.ts +14 -8
  46. package/packages/table/src/table.ts +77 -73
  47. package/packages/ui/index.ts +2 -1
  48. package/styles/components/table-module/custom.scss +23 -6
  49. package/styles/components/table.scss +36 -26
  50. /package/es/{iconfont.1730946045701.ttf → iconfont.1731028500961.ttf} +0 -0
  51. /package/es/{iconfont.1730946045701.woff → iconfont.1731028500961.woff} +0 -0
  52. /package/es/{iconfont.1730946045701.woff2 → iconfont.1731028500961.woff2} +0 -0
  53. /package/lib/{iconfont.1730946045701.ttf → iconfont.1731028500961.ttf} +0 -0
  54. /package/lib/{iconfont.1730946045701.woff → iconfont.1731028500961.woff} +0 -0
  55. /package/lib/{iconfont.1730946045701.woff2 → iconfont.1731028500961.woff2} +0 -0
package/es/vxe-table/style.css CHANGED
@@ -784,79 +784,63 @@
784
784
  display: flex;
785
785
  }
786
786
 
787
- .vxe-table-custom--list-wrapper {
787
+ .vxe-table-custom--body {
788
788
  display: block;
789
789
  flex-grow: 1;
790
790
  overflow-x: hidden;
791
791
  overflow-y: auto;
792
792
  }
793
793
 
794
- .vxe-table-custom--header,
795
- .vxe-table-custom--body {
794
+ .vxe-table-custom--panel-list {
796
795
  list-style-type: none;
797
796
  margin: 0;
798
797
  padding: 0;
799
798
  }
800
- .vxe-table-custom--header > li,
801
- .vxe-table-custom--body > li {
799
+ .vxe-table-custom--panel-list > li {
802
800
  max-width: 26em;
803
801
  min-width: 17em;
804
802
  padding: 0.2em 1em 0.2em 1em;
805
803
  }
806
- .vxe-table-custom--header > li.level--2,
807
- .vxe-table-custom--body > li.level--2 {
804
+ .vxe-table-custom--panel-list > li.level--2 {
808
805
  padding-left: 3.5em;
809
806
  }
810
- .vxe-table-custom--header > li.level--2 .vxe-checkbox--icon,
811
- .vxe-table-custom--body > li.level--2 .vxe-checkbox--icon {
807
+ .vxe-table-custom--panel-list > li.level--2 .vxe-checkbox--icon {
812
808
  left: 1.8em;
813
809
  }
814
- .vxe-table-custom--header > li.level--3,
815
- .vxe-table-custom--body > li.level--3 {
810
+ .vxe-table-custom--panel-list > li.level--3 {
816
811
  padding-left: 4.5em;
817
812
  }
818
- .vxe-table-custom--header > li.level--3 .vxe-checkbox--icon,
819
- .vxe-table-custom--body > li.level--3 .vxe-checkbox--icon {
813
+ .vxe-table-custom--panel-list > li.level--3 .vxe-checkbox--icon {
820
814
  left: 2.8em;
821
815
  }
822
- .vxe-table-custom--header > li.level--4,
823
- .vxe-table-custom--body > li.level--4 {
816
+ .vxe-table-custom--panel-list > li.level--4 {
824
817
  padding-left: 5.5em;
825
818
  }
826
- .vxe-table-custom--header > li.level--4 .vxe-checkbox--icon,
827
- .vxe-table-custom--body > li.level--4 .vxe-checkbox--icon {
819
+ .vxe-table-custom--panel-list > li.level--4 .vxe-checkbox--icon {
828
820
  left: 3.8em;
829
821
  }
830
- .vxe-table-custom--header > li.level--5,
831
- .vxe-table-custom--body > li.level--5 {
822
+ .vxe-table-custom--panel-list > li.level--5 {
832
823
  padding-left: 6.5em;
833
824
  }
834
- .vxe-table-custom--header > li.level--5 .vxe-checkbox--icon,
835
- .vxe-table-custom--body > li.level--5 .vxe-checkbox--icon {
825
+ .vxe-table-custom--panel-list > li.level--5 .vxe-checkbox--icon {
836
826
  left: 4.8em;
837
827
  }
838
- .vxe-table-custom--header > li.level--6,
839
- .vxe-table-custom--body > li.level--6 {
828
+ .vxe-table-custom--panel-list > li.level--6 {
840
829
  padding-left: 7.5em;
841
830
  }
842
- .vxe-table-custom--header > li.level--6 .vxe-checkbox--icon,
843
- .vxe-table-custom--body > li.level--6 .vxe-checkbox--icon {
831
+ .vxe-table-custom--panel-list > li.level--6 .vxe-checkbox--icon {
844
832
  left: 5.8em;
845
833
  }
846
- .vxe-table-custom--header > li.level--7,
847
- .vxe-table-custom--body > li.level--7 {
834
+ .vxe-table-custom--panel-list > li.level--7 {
848
835
  padding-left: 8.5em;
849
836
  }
850
- .vxe-table-custom--header > li.level--7 .vxe-checkbox--icon,
851
- .vxe-table-custom--body > li.level--7 .vxe-checkbox--icon {
837
+ .vxe-table-custom--panel-list > li.level--7 .vxe-checkbox--icon {
852
838
  left: 6.8em;
853
839
  }
854
- .vxe-table-custom--header > li.level--8,
855
- .vxe-table-custom--body > li.level--8 {
840
+ .vxe-table-custom--panel-list > li.level--8 {
856
841
  padding-left: 9.5em;
857
842
  }
858
- .vxe-table-custom--header > li.level--8 .vxe-checkbox--icon,
859
- .vxe-table-custom--body > li.level--8 .vxe-checkbox--icon {
843
+ .vxe-table-custom--panel-list > li.level--8 .vxe-checkbox--icon {
860
844
  left: 7.8em;
861
845
  }
862
846
 
@@ -870,20 +854,21 @@
870
854
  user-select: none;
871
855
  }
872
856
 
873
- .vxe-table-custom--body {
857
+ .vxe-table-custom--panel-list {
874
858
  padding: 0.2em 0;
875
859
  }
876
- .vxe-table-custom--body .vxe-table-custom--checkbox-option:hover {
860
+ .vxe-table-custom--panel-list .vxe-table-custom--checkbox-option:hover {
877
861
  background-color: var(--vxe-ui-table-row-hover-background-color);
878
862
  }
879
863
 
880
- .vxe-table-custom--footer {
864
+ .vxe-table-custom--footer-buttons {
865
+ width: 100%;
881
866
  display: flex;
882
867
  flex-direction: row;
883
868
  flex-shrink: 0;
884
869
  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
885
870
  }
886
- .vxe-table-custom--footer button {
871
+ .vxe-table-custom--footer-buttons button {
887
872
  flex-grow: 1;
888
873
  height: 2.8em;
889
874
  }
@@ -1089,7 +1074,7 @@
1089
1074
  .vxe-table-custom-popup--column-item.col--sort, .vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--resizable, .vxe-table-custom-popup--column-item.col--fixed {
1090
1075
  text-align: center;
1091
1076
  }
1092
- .vxe-table-custom-popup--column-item.col--resizable > .vxe-input {
1077
+ .vxe-table-custom-popup--column-item.col--resizable > .vxe-input, .vxe-table-custom-popup--column-item.col--resizable > .vxe-number-input {
1093
1078
  width: 100%;
1094
1079
  }
1095
1080
 
@@ -1157,6 +1142,26 @@
1157
1142
  cursor: help;
1158
1143
  }
1159
1144
 
1145
+ .vxe-table-custom-popup--table-col-seq {
1146
+ width: 80px;
1147
+ }
1148
+
1149
+ .vxe-table-custom-popup--table-col-sort {
1150
+ width: 80px;
1151
+ }
1152
+
1153
+ .vxe-table-custom-popup--table-col-title {
1154
+ min-width: 120px;
1155
+ }
1156
+
1157
+ .vxe-table-custom-popup--table-col-width {
1158
+ width: 140px;
1159
+ }
1160
+
1161
+ .vxe-table-custom-popup--table-col-fixed {
1162
+ width: 200px;
1163
+ }
1164
+
1160
1165
  .vxe-table-export--panel-column > ul {
1161
1166
  list-style-type: none;
1162
1167
  overflow: auto;
@@ -2647,7 +2652,7 @@
2647
2652
  .vxe-table--render-default .vxe-body--row-list-move {
2648
2653
  transition: transform 0.35s;
2649
2654
  }
2650
- .vxe-table--render-default .vxe-table--row-drag-hint {
2655
+ .vxe-table--render-default .vxe-table--row-drag-tip {
2651
2656
  display: none;
2652
2657
  position: absolute;
2653
2658
  top: 0;
@@ -2731,10 +2736,7 @@
2731
2736
  .vxe-table--render-default .vxe-body--column.col--selected {
2732
2737
  box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
2733
2738
  }
2734
- .vxe-table--render-default .vxe-body--column.col--active, .vxe-table--render-default .vxe-body--column.col--selected {
2735
- position: relative;
2736
- }
2737
- .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid-error-hint {
2739
+ .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-tip {
2738
2740
  width: 100%;
2739
2741
  position: absolute;
2740
2742
  left: 50%;
@@ -2746,12 +2748,25 @@
2746
2748
  padding-left: var(--vxe-ui-table-cell-padding-left);
2747
2749
  padding-right: var(--vxe-ui-table-cell-padding-right);
2748
2750
  }
2749
- .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid-error-hint .vxe-cell--valid-error-msg {
2751
+ .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-wrapper {
2750
2752
  display: inline-block;
2751
2753
  border-radius: var(--vxe-ui-border-radius);
2754
+ pointer-events: auto;
2755
+ }
2756
+ .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-theme-beautify {
2757
+ padding: 0.4em 0.8em;
2758
+ color: #fff;
2759
+ background-color: #f56c6c;
2760
+ }
2761
+ .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-theme-beautify .vxe-cell--valid-error-msg {
2762
+ background: transparent;
2763
+ }
2764
+ .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-theme-normal {
2752
2765
  color: var(--vxe-ui-table-validate-error-color);
2753
2766
  background-color: var(--vxe-ui-table-validate-error-background-color);
2754
- pointer-events: auto;
2767
+ }
2768
+ .vxe-table--render-default .vxe-body--column.col--active, .vxe-table--render-default .vxe-body--column.col--selected {
2769
+ position: relative;
2755
2770
  }
2756
2771
  .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-input,
2757
2772
  .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-textarea,
@@ -2762,16 +2777,16 @@
2762
2777
  .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-ico-picker {
2763
2778
  border-color: var(--vxe-ui-table-validate-error-color);
2764
2779
  }
2765
- .vxe-table--render-default.valid-msg--single .vxe-body--row:last-child .vxe-cell--valid-error-hint {
2780
+ .vxe-table--render-default.valid-msg--single .vxe-body--row:last-child .vxe-cell--valid-error-tip {
2766
2781
  bottom: 100%;
2767
2782
  }
2768
- .vxe-table--render-default.valid-msg--single .vxe-body--row:last-child:first-child .vxe-cell--valid-error-hint {
2783
+ .vxe-table--render-default.valid-msg--single .vxe-body--row:last-child:first-child .vxe-cell--valid-error-tip {
2769
2784
  bottom: auto;
2770
2785
  }
2771
- .vxe-table--render-default.valid-msg--full .vxe-body--row:last-child .vxe-cell--valid-error-hint {
2786
+ .vxe-table--render-default.valid-msg--full .vxe-body--row:last-child .vxe-cell--valid-error-tip {
2772
2787
  top: calc(100% - 1.3em);
2773
2788
  }
2774
- .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-hint {
2789
+ .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-tip {
2775
2790
  width: 320px;
2776
2791
  position: absolute;
2777
2792
  bottom: calc(100% + 4px);
@@ -2781,7 +2796,7 @@
2781
2796
  pointer-events: none;
2782
2797
  z-index: 4;
2783
2798
  }
2784
- .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-hint .vxe-cell--valid-error-msg {
2799
+ .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-tip .vxe-cell--valid-error-msg {
2785
2800
  display: inline-block;
2786
2801
  border-radius: -var(-vxe-border-radius);
2787
2802
  padding: 8px 12px;
@@ -2789,11 +2804,11 @@
2789
2804
  background-color: #f56c6c;
2790
2805
  pointer-events: auto;
2791
2806
  }
2792
- .vxe-table--render-default.old-cell-valid .vxe-body--row:first-child .vxe-cell--valid-error-hint {
2807
+ .vxe-table--render-default.old-cell-valid .vxe-body--row:first-child .vxe-cell--valid-error-tip {
2793
2808
  bottom: auto;
2794
2809
  top: calc(100% + 4px);
2795
2810
  }
2796
- .vxe-table--render-default.old-cell-valid .vxe-body--column:first-child .vxe-cell--valid-error-hint {
2811
+ .vxe-table--render-default.old-cell-valid .vxe-body--column:first-child .vxe-cell--valid-error-tip {
2797
2812
  left: 10px;
2798
2813
  transform: translateX(0);
2799
2814
  text-align: left;