vxe-table 3.8.8-beta.4 → 3.8.8-beta.6

package/styles/custom.scss

@@ -53,6 +53,7 @@
 
 .vxe-table-custom-wrapper {
   display: none;
+  flex-direction: column;
   position: absolute;
   top: 1px;
   right: 2px;
@@ -62,25 +63,53 @@
   border: 1px solid $vxe-table-border-color;
   border-radius: $vxe-border-radius;
   box-shadow: $vxe-base-popup-box-shadow;
+  &.placement--topLeft {
+    top: 2px;
+    left: 2px;
+  }
+  &.placement--topRight {
+    top: 2px;
+    right: 2px;
+  }
+  &.placement--bottomLeft {
+    bottom: 2px;
+    left: 2px;
+  }
+  &.placement--bottomRight {
+    bottom: 2px;
+    right: 2px;
+  }
+  &.placement--left {
+    left: 2px;
+  }
+  &.placement--right {
+    right: 2px;
+  }
+  &.placement--left,
+  &.placement--right {
+    top: 2px;
+    height: calc(100% - 4px);
+  }
   &.is--active {
-    display: block;
+    display: flex;
   }
 }
 
 .vxe-table-custom--list-wrapper {
   display: block;
+  flex-grow: 1;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 .vxe-table-custom--header,
 .vxe-table-custom--body {
   list-style-type: none;
-  overflow-x: hidden;
-  overflow-y: auto;
   margin: 0;
   padding: 0;
   & > li {
     max-width: 26em;
-    min-width: 18em;
+    min-width: 17em;
     padding: 0.2em 1em 0.2em 1em;
     @for $i from 2 through 8 {
       $interval: $i - 1 + 0.2;
@@ -95,6 +124,7 @@
 }
 
 .vxe-table-custom--header {
+  flex-shrink: 0;
   padding: 0.28em 0;
   font-weight: 700;
   border-bottom: 1px solid $vxe-table-popup-border-color;
@@ -103,7 +133,6 @@
 
 .vxe-table-custom--body {
   padding: 0.2em 0;
-  max-height: 20em;
   .vxe-table-custom--checkbox-option {
     &:hover {
       background-color: $vxe-table-row-hover-background-color;
@@ -114,6 +143,7 @@
 .vxe-table-custom--footer {
   display: flex;
   flex-direction: row;
+  flex-shrink: 0;
   border-top: 1px solid $vxe-table-popup-border-color;
   text-align: right;
   button {
@@ -276,9 +306,15 @@
   position: relative;
   &.col--sort,
   &.col--visible,
+  &.col--resizable,
   &.col--fixed {
     text-align: center;
   }
+  &.col--resizable {
+    & > .vxe-input {
+      width: 100%;
+    }
+  }
 }
 
 .vxe-table-custom-popup--row {

package/styles/modules.scss

@@ -20,6 +20,7 @@
 @import './input.scss';
 @import './textarea.scss';
 @import './button.scss';
+@import './button-group.scss';
 @import './modal.scss';
 @import './tooltip.scss';
 @import './form.scss';

package/styles/table.scss

@@ -1034,6 +1034,7 @@
   }
   .vxe-body--expanded-column {
     border-bottom: $vxe-table-border-width solid $vxe-table-border-color;
+    border-right: $vxe-table-border-width solid $vxe-table-border-color;
     &.col--ellipsis {
       & > .vxe-body--expanded-cell {
         overflow: hidden;