vxe-table 3.9.0-rc.2 → 3.9.0-rc.21

package/packages/ui/src/vn.ts

@@ -3,7 +3,32 @@ import XEUtils from 'xe-utils'
 import type { VxeComponentSlotType } from '../../../types'
 
 export function getOnName (type: string) {
-  return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1)
+  return type
+}
+
+export function getModelEvent (renderOpts: any) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+      return 'input'
+    case 'select':
+      return 'change'
+  }
+  return 'modelValue'
+}
+
+export function getChangeEvent (renderOpts: any) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+    case 'VxeInput':
+    case 'VxeNumberInput':
+    case 'VxeTextarea':
+    case '$input':
+    case '$textarea':
+      return 'input'
+  }
+  return 'change'
 }
 
 export function getSlotVNs (vns: VxeComponentSlotType | VxeComponentSlotType[]) {

package/styles/components/table.scss

@@ -130,6 +130,26 @@
     }
   }
 }
+.vxe-body--column {
+  &.col--height {
+    &.col--active {
+      & > .vxe-cell {
+        height: 100%;
+      }
+    }
+    & > .vxe-cell {
+      & > .vxe-textarea,
+      & > .vxe-default-textarea {
+        height: 100%;
+      }
+    }
+  }
+  .vxe-cell--label {
+    &.is--textarea {
+      white-space: pre-line;
+    }
+  }
+}
 
 .vxe-table--checkbox-range,
 .vxe-table--cell-main-area,
@@ -456,12 +476,12 @@
   //   vertical-align: middle;
   // }
   .vxe-cell--required-icon {
-    margin-right: 0.1em;
+    padding-right: 0.1em;
   }
   .vxe-cell--edit-icon,
   .vxe-cell-title-prefix-icon,
   .vxe-cell-title-suffix-icon {
-    margin-right: 0.2em;
+    padding: 0.2em;
   }
   .vxe-cell-title-prefix-icon,
   .vxe-cell-title-suffix-icon {
@@ -512,12 +532,12 @@
   font-family: var(--vxe-ui-font-family);
   direction: ltr;
   .vxe-table--body-wrapper {
-    table {
+    & > table {
       background-color: var(--vxe-ui-layout-background-color);
     }
   }
   .vxe-table--footer-wrapper {
-    table {
+    & > table {
       background-color: var(--vxe-ui-table-footer-background-color);
     }
   }
@@ -678,15 +698,25 @@
       }
     }
   }
+  &.is--padding {
+    .vxe-body--column {
+      &:not(.col--ellipsis) {
+        padding: var(--vxe-ui-table-column-padding-default);
+      }
+    }
+  }
+  .vxe-header--column,
+  .vxe-footer--column {
+    &:not(.col--ellipsis) {
+      padding: var(--vxe-ui-table-column-padding-default);
+    }
+  }
   .vxe-header--column,
   .vxe-body--column,
   .vxe-footer--column {
     position: relative;
     line-height: var(--vxe-ui-table-row-line-height);
     text-align: left;
-    &:not(.col--ellipsis) {
-      padding: var(--vxe-ui-table-column-padding-default);
-    }
     &.col--current {
       background-color: var(--vxe-ui-table-column-current-background-color);
       // .vxe-tree--btn-wrapper {
@@ -731,6 +761,27 @@
   .vxe-table--footer-wrapper {
     border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
   }
+  // &.border--default,
+  // &.border--full,
+  // &.border--inner,
+  // &.border--outer {
+  //   .vxe-body--row {
+  //     &:last-child {
+  //       & > .vxe-body--column {
+  //         & > .vxe-cell {
+  //           border-bottom: 1px solid transparent;
+  //         }
+  //       }
+  //     }
+  //   }
+  //   .vxe-body--column {
+  //     &:first-child {
+  //       & > .vxe-cell {
+  //         border-left: 1px solid transparent;
+  //       }
+  //     }
+  //   }
+  // }
   &.border--default,
   &.border--full,
   &.border--outer {
@@ -883,11 +934,16 @@
       }
     }
   }
+
+  &.is--padding {
+    .vxe-cell {
+      padding-left: var(--vxe-ui-table-cell-padding-left);
+      padding-right: var(--vxe-ui-table-cell-padding-right);
+    }
+  }
   .vxe-cell {
     white-space: pre-line;
     word-break: break-all;
-    padding-left: var(--vxe-ui-table-cell-padding-left);
-    padding-right: var(--vxe-ui-table-cell-padding-right);
   }
 
   // 单元格占位符
@@ -1146,6 +1202,7 @@
     }
   }
 
+
   /*溢出列*/
   .vxe-header--column,
   .vxe-body--column,
@@ -1159,8 +1216,10 @@
           white-space: nowrap;
         }
       }
-      & > .vxe-cell {
-        max-height: var(--vxe-ui-table-row-height-default);
+      &:not(.col--height) {
+        & > .vxe-cell {
+          max-height: var(--vxe-ui-table-row-height-default);
+        }
       }
     }
   }
@@ -1170,8 +1229,10 @@
     .vxe-footer--column {
       &.col--ellipsis {
         @extend %MediumColumnHeight;
-        & > .vxe-cell {
-          max-height: var(--vxe-ui-table-row-height-medium);
+        &:not(.col--height) {
+          & > .vxe-cell {
+            max-height: var(--vxe-ui-table-row-height-medium);
+          }
         }
       }
     }
@@ -1188,8 +1249,10 @@
     .vxe-footer--column {
       &.col--ellipsis {
         @extend %SmallColumnHeight;
-        & > .vxe-cell {
-          max-height: var(--vxe-ui-table-row-height-small);
+        &:not(.col--height) {
+          & > .vxe-cell {
+            max-height: var(--vxe-ui-table-row-height-small);
+          }
         }
       }
     }
@@ -1206,8 +1269,10 @@
     .vxe-footer--column {
       &.col--ellipsis {
         @extend %MiniColumnHeight;
-        & > .vxe-cell {
-          max-height: var(--vxe-ui-table-row-height-mini);
+        &:not(.col--height) {
+          & > .vxe-cell {
+            max-height: var(--vxe-ui-table-row-height-mini);
+          }
         }
       }
     }

package/types/all.d.ts

@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import { VueConstructor } from 'vue'
 import { VxeUIExport, VxeGlobalConfig } from 'vxe-pc-ui'
 
 declare global {
@@ -22,7 +22,7 @@ export const VXETable: VxeUIExport
  */
 export type VXETableCore = VxeUIExport
 
-export function install (app: App, options?: VxeGlobalConfig): void
+export function install (app: VueConstructor, options?: VxeGlobalConfig): void
 
 // Vxe core
 export * from 'vxe-pc-ui/types/ui'