优化自定义列

styles/components/table-module/custom.scss

@@ -51,34 +51,61 @@
 
 .vxe-table-custom-wrapper {
   display: none;
+  flex-direction: column;
   position: absolute;
-  top: 1px;
-  right: 2px;
   text-align: left;
   background-color: var(--vxe-ui-layout-background-color);
   z-index: 19;
   border: 1px solid var(--vxe-ui-table-border-color);
   border-radius: var(--vxe-ui-border-radius);
   box-shadow: var(--vxe-ui-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;
@@ -93,6 +120,7 @@
 }
 
 .vxe-table-custom--header {
+  flex-shrink: 0;
   padding: 0.28em 0;
   font-weight: 700;
   border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
@@ -101,7 +129,6 @@
 
 .vxe-table-custom--body {
   padding: 0.2em 0;
-  max-height: 20em;
   .vxe-table-custom--checkbox-option {
     &:hover {
       background-color: var(--vxe-ui-table-row-hover-background-color);
@@ -112,6 +139,7 @@
 .vxe-table-custom--footer {
   display: flex;
   flex-direction: row;
+  flex-shrink: 0;
   border-top: 1px solid var(--vxe-ui-base-popup-border-color);
   text-align: right;
   button {
@@ -274,9 +302,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 {

styles/components/table.scss

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