vxe-table 3.7.0-beta.16 → 3.7.0-beta.18

package/packages/table/src/table.js

@@ -304,14 +304,14 @@ export default {
       isAllSelected: false,
       // 复选框属性，有选中且非全选状态
       isIndeterminate: false,
-      // 复选框属性，已选中的行
-      selectCheckboxRows: [],
+      // 复选框属性，已选中的行集合
+      selectCheckboxMaps: {},
       // 当前行
       currentRow: null,
       // 单选框属性，选中列
       currentColumn: null,
       // 单选框属性，选中行
-      selectRow: null,
+      selectRadioRow: null,
       // 表尾合计数据
       footerTableData: [],
       // 展开列信息
@@ -319,16 +319,16 @@ export default {
       hasFixedColumn: false,
       // 树节点列信息
       treeNodeColumn: null,
-      // 已展开的行
-      rowExpandeds: [],
-      // 懒加载中的展开行的列表
-      expandLazyLoadeds: [],
-      // 已展开树节点
-      treeExpandeds: [],
-      // 懒加载中的树节点的列表
-      treeLazyLoadeds: [],
-      // 树节点不确定状态的列表
-      treeIndeterminates: [],
+      // 已展开的行集合
+      rowExpandedMaps: {},
+      // 懒加载中的展开行的集合
+      rowExpandLazyLoadedMaps: {},
+      // 已展开树节点集合
+      treeExpandedMaps: {},
+      // 懒加载中的树节点的集合
+      treeExpandLazyLoadedMaps: {},
+      // 树节点不确定状态的集合
+      treeIndeterminateMaps: {},
       // 合并单元格的对象集
       mergeList: [],
       // 合并表尾数据的对象集
@@ -743,6 +743,8 @@ export default {
       // 完整数据、条件处理后
       tableFullData: [],
       afterFullData: [],
+      // 列表条件处理后数据集合
+      afterFullRowMaps: {},
       // 收集的列配置（带分组）
       collectColumn: [],
       // 完整所有列（不带分组）

package/styles/button.scss

@@ -334,12 +334,14 @@ $btnThemeList: (
   border-radius: $vxe-border-radius;
   border: 1px solid $vxe-input-border-color;
   box-shadow: 0 1px 6px rgba(0,0,0,.2);
-  & > .vxe-button {
-    margin-left: 0;
-    margin-top: 0.4em;
+  & > .vxe-button.type--text,
+  & > .vxe-button.type--button {
     display: block;
     width: 100%;
     border: 0;
+    margin: 0.4em 0 0 0;
+  }
+  & > .vxe-button {
     &.type--text {
       padding: 2px 8px;
     }

package/styles/css-variable.scss

@@ -233,13 +233,13 @@
   --vxe-input-height-medium: #{$vxe-input-height-medium};
   --vxe-input-height-small: #{$vxe-input-height-small};
   --vxe-input-height-mini: #{$vxe-input-height-mini};
+  --vxe-input-count-color: #{$vxe-input-count-color};
+  --vxe-input-count-background-color: #{$vxe-input-count-background-color};
+  --vxe-input-count-error-color: #{$vxe-input-count-error-color};
 
   /*textarea*/
   --vxe-textarea-line-height: #{$vxe-textarea-line-height};
   --vxe-textarea-background-color: #{$vxe-textarea-background-color};
-  --vxe-textarea-count-color: #{$vxe-textarea-count-color};
-  --vxe-textarea-count-background-color: #{$vxe-textarea-count-background-color};
-  --vxe-textarea-count-error-color: #{$vxe-textarea-count-error-color};
 
   /*form*/
   --vxe-form-item-min-height-default: #{$vxe-form-item-min-height-default};

package/styles/input.scss

@@ -81,6 +81,18 @@ $iconWidth: 1.6em;
   }
 }
 
+.vxe-input--count {
+  position: absolute;
+  top: 1px;
+  right: 0.5em;
+  height: calc(100% - 2px);
+  color: var($vxe-input-count-color);
+  background-color: var($vxe-input-count-background-color);
+  &.is--error {
+    color: var($vxe-input-count-error-color);
+  }
+}
+
 // 前缀图标
 .vxe-input {
   .vxe-input--prefix {
@@ -106,6 +118,14 @@ $iconWidth: 1.6em;
     .vxe-input--inner {
       padding-right: $iconWidth + 0.2em;
     }
+    &.is--count {
+      .vxe-input--inner {
+        padding-right: 5em;
+      }
+    }
+    .vxe-input--count {
+      right: $iconWidth + 0.5em;
+    }
   }
   &.is--left {
     .vxe-input--inner {
@@ -122,6 +142,11 @@ $iconWidth: 1.6em;
       text-align: right;
     }
   }
+  &.is--count {
+    .vxe-input--inner {
+      padding-right: 3.4em;
+    }
+  }
   &.is--controls {
     &.type--search,
     &.type--password,

package/styles/table.scss

@@ -454,10 +454,14 @@
   font-family: $vxe-font-family;
   direction: ltr;
   .vxe-table--body-wrapper {
-    background-color: $vxe-table-body-background-color;
+    table {
+      background-color: $vxe-table-body-background-color;
+    }
   }
   .vxe-table--footer-wrapper {
-    background-color: $vxe-table-footer-background-color;
+    table {
+      background-color: $vxe-table-footer-background-color;
+    }
   }
   .vxe-table--header,
   .vxe-table--body,

package/styles/textarea.scss

@@ -60,10 +60,10 @@
   bottom: 0.2em;
   right: 1.4em;
   padding-left: 0.2em;
-  color: $vxe-textarea-count-color;
-  background-color: $vxe-textarea-count-background-color;
+  color: $vxe-input-count-color;
+  background-color: $vxe-input-count-background-color;
   &.is--error {
-    color: $vxe-textarea-count-error-color;
+    color: $vxe-input-count-error-color;
   }
 }
 

package/styles/variable.scss

@@ -230,13 +230,13 @@ $vxe-input-height-default: $vxe-button-height-default !default;
 $vxe-input-height-medium: $vxe-button-height-medium !default;
 $vxe-input-height-small: $vxe-button-height-small !default;
 $vxe-input-height-mini: $vxe-button-height-mini !default;
+$vxe-input-count-color: #999 !default;
+$vxe-input-count-background-color: #fff !default;
+$vxe-input-count-error-color: $vxe-table-validate-error-color !default;
 
 /*textarea*/
 $vxe-textarea-line-height: 1.5715 !default;
 $vxe-textarea-background-color: #fff !default;
-$vxe-textarea-count-color: #999 !default;
-$vxe-textarea-count-background-color: #fff !default;
-$vxe-textarea-count-error-color: $vxe-table-validate-error-color !default;
 
 /*form*/
 $vxe-form-item-min-height-default: 36px !default;