vxe-table 4.18.7 → 4.18.9

package/styles/components/toolbar.scss

@@ -1,120 +1,120 @@
-/*toolbar*/
-.vxe-toolbar {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 0.5em 0;
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-  background-color: var(--vxe-ui-layout-background-color);
-  &:after {
-    content: "";
-    display: block;
-    clear: both;
-    height: 0;
-    overflow: hidden;
-    visibility: hidden;
-  }
-  &.is--perfect {
-    border: 1px solid var(--vxe-ui-table-border-color);
-    border-bottom-width: 0;
-    background-color: var(--vxe-ui-table-header-background-color);
-  }
-  &.is--loading {
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      z-index: 999;
-      user-select: none;
-      background-color: var(--vxe-ui-loading-background-color);
-    }
-  }
-  .vxe-buttons--wrapper {
-    flex-grow: 1;
-    & > .vxe-button+.vxe-button--item,
-    & > .vxe-button--item+.vxe-button,
-    & > .vxe-button--item+.vxe-button--item {
-      margin-left: 0.8em;
-    }
-    & > .vxe-button--item {
-      display: inline-block;
-    }
-  }
-  .vxe-tools--wrapper {
-    & > .vxe-button+.vxe-tool--item,
-    & > .vxe-tool--item+.vxe-button,
-    & > .vxe-tool--item+.vxe-tool--item {
-      margin-left: 0.8em;
-    }
-    & > .vxe-tool--item {
-      display: inline-block;
-    }
-  }
-  .vxe-tools--wrapper {
-    & > .vxe-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-  .vxe-buttons--wrapper,
-  .vxe-tools--wrapper,
-  .vxe-tools--operate {
-    display: flex;
-    align-items: center;
-  }
-  .vxe-tools--operate {
-    flex-shrink: 0;
-  }
-  .vxe-custom--wrapper {
-    position: relative;
-    &.is--active {
-      & > .vxe-button {
-        background-color: var(--vxe-ui-toolbar-custom-active-background-color);
-        border-radius: 50%;
-      }
-    }
-  }
-  .vxe-button--item-wrapper,
-  .vxe-tool--item-wrapper {
-    flex-grow: 1;
-  }
-  .vxe-button--prefix-wrapper,
-  .vxe-button--suffix-wrapper,
-  .vxe-tool--prefix-wrapper,
-  .vxe-tool--suffix-wrapper {
-    flex-shrink: 0;
-  }
-  .vxe-button--item-wrapper,
-  .vxe-tool--item-wrapper,
-  .vxe-button--prefix-wrapper,
-  .vxe-button--suffix-wrapper,
-  .vxe-tool--prefix-wrapper,
-  .vxe-tool--suffix-wrapper {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-  }
-}
-
-.vxe-toolbar {
-  font-size: var(--vxe-ui-font-size-default);
-  min-height: var(--vxe-ui-toolbar-height-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-    min-height: var(--vxe-ui-toolbar-height-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-    min-height: var(--vxe-ui-toolbar-height-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-    min-height: var(--vxe-ui-toolbar-height-mini);
-  }
+/*toolbar*/
+.vxe-toolbar {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0.5em 0;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  background-color: var(--vxe-ui-layout-background-color);
+  &:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 0;
+    overflow: hidden;
+    visibility: hidden;
+  }
+  &.is--perfect {
+    border: 1px solid var(--vxe-ui-table-border-color);
+    border-bottom-width: 0;
+    background-color: var(--vxe-ui-table-header-background-color);
+  }
+  &.is--loading {
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 999;
+      user-select: none;
+      background-color: var(--vxe-ui-loading-background-color);
+    }
+  }
+  .vxe-buttons--wrapper {
+    flex-grow: 1;
+    & > .vxe-button+.vxe-button--item,
+    & > .vxe-button--item+.vxe-button,
+    & > .vxe-button--item+.vxe-button--item {
+      margin-left: 0.8em;
+    }
+    & > .vxe-button--item {
+      display: inline-block;
+    }
+  }
+  .vxe-tools--wrapper {
+    & > .vxe-button+.vxe-tool--item,
+    & > .vxe-tool--item+.vxe-button,
+    & > .vxe-tool--item+.vxe-tool--item {
+      margin-left: 0.8em;
+    }
+    & > .vxe-tool--item {
+      display: inline-block;
+    }
+  }
+  .vxe-tools--wrapper {
+    & > .vxe-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+  .vxe-buttons--wrapper,
+  .vxe-tools--wrapper,
+  .vxe-tools--operate {
+    display: flex;
+    align-items: center;
+  }
+  .vxe-tools--operate {
+    flex-shrink: 0;
+  }
+  .vxe-custom--wrapper {
+    position: relative;
+    &.is--active {
+      & > .vxe-button {
+        background-color: var(--vxe-ui-toolbar-custom-active-background-color);
+        border-radius: 50%;
+      }
+    }
+  }
+  .vxe-button--item-wrapper,
+  .vxe-tool--item-wrapper {
+    flex-grow: 1;
+  }
+  .vxe-button--prefix-wrapper,
+  .vxe-button--suffix-wrapper,
+  .vxe-tool--prefix-wrapper,
+  .vxe-tool--suffix-wrapper {
+    flex-shrink: 0;
+  }
+  .vxe-button--item-wrapper,
+  .vxe-tool--item-wrapper,
+  .vxe-button--prefix-wrapper,
+  .vxe-button--suffix-wrapper,
+  .vxe-tool--prefix-wrapper,
+  .vxe-tool--suffix-wrapper {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+}
+
+.vxe-toolbar {
+  font-size: var(--vxe-ui-font-size-default);
+  min-height: var(--vxe-ui-toolbar-height-default);
+  &.size--medium {
+    font-size: var(--vxe-ui-font-size-medium);
+    min-height: var(--vxe-ui-toolbar-height-medium);
+  }
+  &.size--small {
+    font-size: var(--vxe-ui-font-size-small);
+    min-height: var(--vxe-ui-toolbar-height-small);
+  }
+  &.size--mini {
+    font-size: var(--vxe-ui-font-size-mini);
+    min-height: var(--vxe-ui-toolbar-height-mini);
+  }
 }

package/styles/default.scss

@@ -1,3 +1,3 @@
-// 该文件已废弃，请使用 vxe-table/styles/all.scss
-
+// 该文件已废弃，请使用 vxe-table/styles/all.scss
+
 @use './modules.scss';

package/styles/helpers/baseMixin.scss

@@ -1,96 +1,96 @@
-@mixin createAnimationTransition ($property, $duration: .1s, $func: ease-in-out) {
-  transition: $property $duration $func;
-}
-
-@mixin createCheckboxIcon {
-  .vxe-checkbox--icon {
-    font-size: 1.22em;
-  }
-  .vxe-checkbox--icon {
-    color: var(--vxe-ui-input-border-color);
-    vertical-align: middle;
-    font-weight: 700;
-    user-select: none;
-  }
-  &.is--checked,
-  &.is--indeterminate {
-    color: var(--vxe-ui-font-primary-color);
-    .vxe-checkbox--icon {
-      color: var(--vxe-ui-font-primary-color);
-    }
-  }
-  &:not(.is--disabled) {
-    cursor: pointer;
-    &:hover {
-      .vxe-checkbox--icon {
-        color: var(--vxe-ui-font-primary-color);
-      }
-    }
-  }
-  &.is--hidden {
-    cursor: default;
-  }
-  &.is--disabled {
-    color: var(--vxe-ui-font-disabled-color);
-    cursor: not-allowed;
-    .vxe-checkbox--icon {
-      color: var(--vxe-ui-input-disabled-color);
-    }
-  }
-  .vxe-checkbox--label {
-    padding-left: 0.5em;
-    vertical-align: middle;
-  }
-}
-
-@mixin createRadioIcon {
-  cursor: pointer;
-  .vxe-radio--icon {
-    font-size: 1.26em;
-  }
-  .vxe-radio--icon {
-    color: var(--vxe-ui-input-border-color);
-    border-radius: 50%;
-    vertical-align: middle;
-    font-weight: 700;
-    user-select: none;
-  }
-  &.is--checked {
-    color: var(--vxe-ui-font-primary-color);
-    .vxe-radio--icon {
-      color: var(--vxe-ui-font-primary-color);
-    }
-  }
-  &:not(.is--disabled) {
-    cursor: pointer;
-    &:hover {
-      .vxe-radio--icon {
-        color: var(--vxe-ui-font-primary-color);
-      }
-    }
-  }
-  &.is--disabled {
-    color: var(--vxe-ui-font-disabled-color);
-    cursor: not-allowed;
-    .vxe-radio--icon {
-      color: var(--vxe-ui-input-disabled-color);
-    }
-  }
-  .vxe-radio--label {
-    padding-left: 0.5em;
-    vertical-align: middle;
-  }
-}
-
-@mixin createEmptyMask {
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    user-select: none;
-  }
+@mixin createAnimationTransition ($property, $duration: .1s, $func: ease-in-out) {
+  transition: $property $duration $func;
+}
+
+@mixin createCheckboxIcon {
+  .vxe-checkbox--icon {
+    font-size: 1.22em;
+  }
+  .vxe-checkbox--icon {
+    color: var(--vxe-ui-input-border-color);
+    vertical-align: middle;
+    font-weight: 700;
+    user-select: none;
+  }
+  &.is--checked,
+  &.is--indeterminate {
+    color: var(--vxe-ui-font-primary-color);
+    .vxe-checkbox--icon {
+      color: var(--vxe-ui-font-primary-color);
+    }
+  }
+  &:not(.is--disabled) {
+    cursor: pointer;
+    &:hover {
+      .vxe-checkbox--icon {
+        color: var(--vxe-ui-font-primary-color);
+      }
+    }
+  }
+  &.is--hidden {
+    cursor: default;
+  }
+  &.is--disabled {
+    color: var(--vxe-ui-font-disabled-color);
+    cursor: not-allowed;
+    .vxe-checkbox--icon {
+      color: var(--vxe-ui-input-disabled-color);
+    }
+  }
+  .vxe-checkbox--label {
+    padding-left: 0.5em;
+    vertical-align: middle;
+  }
+}
+
+@mixin createRadioIcon {
+  cursor: pointer;
+  .vxe-radio--icon {
+    font-size: 1.26em;
+  }
+  .vxe-radio--icon {
+    color: var(--vxe-ui-input-border-color);
+    border-radius: 50%;
+    vertical-align: middle;
+    font-weight: 700;
+    user-select: none;
+  }
+  &.is--checked {
+    color: var(--vxe-ui-font-primary-color);
+    .vxe-radio--icon {
+      color: var(--vxe-ui-font-primary-color);
+    }
+  }
+  &:not(.is--disabled) {
+    cursor: pointer;
+    &:hover {
+      .vxe-radio--icon {
+        color: var(--vxe-ui-font-primary-color);
+      }
+    }
+  }
+  &.is--disabled {
+    color: var(--vxe-ui-font-disabled-color);
+    cursor: not-allowed;
+    .vxe-radio--icon {
+      color: var(--vxe-ui-input-disabled-color);
+    }
+  }
+  .vxe-radio--label {
+    padding-left: 0.5em;
+    vertical-align: middle;
+  }
+}
+
+@mixin createEmptyMask {
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    user-select: none;
+  }
 }

package/styles/index.scss

@@ -1,4 +1,4 @@
-// 该文件已废弃，请使用 vxe-table/style/all.scss
-
-@use './variable.scss';
-@use './default.scss';
+// 该文件已废弃，请使用 vxe-table/style/all.scss
+
+@use './variable.scss';
+@use './default.scss';

package/styles/modules.scss

@@ -1,5 +1,5 @@
-@use './components/column.scss';
-@use './components/colgroup.scss';
-@use './components/table.scss';
-@use './components/grid.scss';
-@use './components/toolbar.scss';
+@use './components/column.scss';
+@use './components/colgroup.scss';
+@use './components/table.scss';
+@use './components/grid.scss';
+@use './components/toolbar.scss';

package/styles/theme/base.scss

@@ -1,94 +1,94 @@
-:root {
-  /*font*/
-  --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
-  
-  /*font size*/
-  --vxe-ui-font-size-default: 14px;
-  --vxe-ui-font-size-medium: 14px;
-  --vxe-ui-font-size-small: 13px;
-  --vxe-ui-font-size-mini: 12px;
-
-  /*base border*/
-  --vxe-ui-border-radius: 4px;
-
-  /*input*/
-  --vxe-ui-input-disabled-color: #dcdfe6;
-  --vxe-ui-input-height-default: 34px;
-  --vxe-ui-input-height-medium: 32px;
-  --vxe-ui-input-height-small: 30px;
-  --vxe-ui-input-height-mini: 28px;
-
-  /*table*/
-  --vxe-ui-table-header-font-color: var(--vxe-ui-font-color);
-  --vxe-ui-table-footer-font-color: var(--vxe-ui-font-color);
-  --vxe-ui-table-border-radius: var(--vxe-ui-border-radius);
-  --vxe-ui-table-border-width: 1.05px;
-  --vxe-ui-table-resizable-line-color: #D9DDDF;
-  --vxe-ui-table-resizable-drag-line-color: var(--vxe-ui-font-primary-color);
-  --vxe-ui-table-footer-background-color: var(--vxe-ui-layout-background-color);
-  --vxe-ui-table-tree-node-line-color:#909399;
-  --vxe-ui-table-tree-node-line-style: dotted;
-  --vxe-ui-table-header-font-weight: 700;
-
-  --vxe-ui-table-row-height-default: 48px;
-  --vxe-ui-table-row-height-medium: 44px;
-  --vxe-ui-table-row-height-small: 40px;
-  --vxe-ui-table-row-height-mini: 36px;
-  --vxe-ui-table-row-line-height: 22px;
-
-  --vxe-ui-table-column-icon-border-color: #c0c4cc;
-  --vxe-ui-table-column-icon-border-hover-color: #515A6E;
-
-  --vxe-ui-table-cell-padding-default: 8px;
-  --vxe-ui-table-cell-padding-medium: 7px;
-  --vxe-ui-table-cell-padding-small: 6px;
-  --vxe-ui-table-cell-padding-mini: 5px;
-  --vxe-ui-table-cell-placeholder-color: #C0C4CC;
-  --vxe-ui-table-cell-negative-color: #f56c6c;
-  --vxe-ui-table-cell-input-height-default: var(--vxe-ui-table-row-height-default) - 6;
-  --vxe-ui-table-cell-input-height-medium: var(--vxe-ui-table-row-height-medium) - 6;
-  --vxe-ui-table-cell-input-height-small: var(--vxe-ui-table-row-height-small) - 6;
-  --vxe-ui-table-cell-input-height-mini: var(--vxe-ui-table-row-height-mini) - 6;
-  --vxe-ui-table-cell-dirty-width: 5px;
-  --vxe-ui-table-cell-dirty-update-color: #f56c6c;
-  --vxe-ui-table-cell-dirty-insert-color: #19A15F;
-  --vxe-ui-table-cell-area-border-color: var(--vxe-ui-font-primary-color);
-  --vxe-ui-table-cell-area-border-width: 1px;
-  --vxe-ui-table-cell-area-status-border-width: var(--vxe-ui-table-cell-area-border-width);
-  --vxe-ui-table-cell-main-area-extension-border-color: #fff;
-  --vxe-ui-table-cell-main-area-extension-background-color: var(--vxe-ui-font-primary-color);
-  --vxe-ui-table-cell-extend-area-border-width: 2px;
-  --vxe-ui-table-cell-clip-area-border-width: 3px;
-  --vxe-ui-table-cell-active-area-border-width: 2px;
-  --vxe-ui-table-cell-active-area-background-color: transparent;
-  --vxe-ui-table-cell-clip-area-border-color: var(--vxe-ui-table-cell-area-border-color);
-  --vxe-ui-table-cell-extend-area-border-color: var(--vxe-ui-table-cell-area-border-color);
-  --vxe-ui-table-cell-active-area-border-color: var(--vxe-ui-table-cell-area-border-color);
-  --vxe-ui-table-cell-area-background-color: rgba(64,158,255,0.2);
-  --vxe-ui-table-cell-area-status-background-color: rgba(64,158,255,0.1);
-
-  --vxe-ui-table-expand-padding-default: 16px;
-
-  --vxe-ui-table-checkbox-range-border-width: 1px;
-  --vxe-ui-table-checkbox-range-border-color: #006af1;
-  --vxe-ui-table-checkbox-range-background-color: rgba(50,128,252,0.2);
-
-  --vxe-ui-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
-  --vxe-ui-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
-
-  --vxe-ui-table-menu-item-width: 198px;
-
-  --vxe-ui-table-view-scrollbar-width: 18px;
-  --vxe-ui-table-view-scrollbar-height: 18px;
-
-  --vxe-ui-table-validate-error-color: #f56c6c;
-  --vxe-ui-table-validate-error-cell-background-color: rgba(245, 108,108, 0.1);
-  --vxe-ui-table-validate-error-theme-normal-background-color: var(--vxe-ui-layout-background-color);
-
-  /*toolbar*/
-  --vxe-ui-toolbar-custom-active-background-color: #D9DADB;
-  --vxe-ui-toolbar-height-default: 48px;
-  --vxe-ui-toolbar-height-medium: 46px;
-  --vxe-ui-toolbar-height-small: 44px;
-  --vxe-ui-toolbar-height-mini: 42px;
+:root {
+  /*font*/
+  --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
+  
+  /*font size*/
+  --vxe-ui-font-size-default: 14px;
+  --vxe-ui-font-size-medium: 14px;
+  --vxe-ui-font-size-small: 13px;
+  --vxe-ui-font-size-mini: 12px;
+
+  /*base border*/
+  --vxe-ui-border-radius: 4px;
+
+  /*input*/
+  --vxe-ui-input-disabled-color: #dcdfe6;
+  --vxe-ui-input-height-default: 34px;
+  --vxe-ui-input-height-medium: 32px;
+  --vxe-ui-input-height-small: 30px;
+  --vxe-ui-input-height-mini: 28px;
+
+  /*table*/
+  --vxe-ui-table-header-font-color: var(--vxe-ui-font-color);
+  --vxe-ui-table-footer-font-color: var(--vxe-ui-font-color);
+  --vxe-ui-table-border-radius: var(--vxe-ui-border-radius);
+  --vxe-ui-table-border-width: 1.05px;
+  --vxe-ui-table-resizable-line-color: #D9DDDF;
+  --vxe-ui-table-resizable-drag-line-color: var(--vxe-ui-font-primary-color);
+  --vxe-ui-table-footer-background-color: var(--vxe-ui-layout-background-color);
+  --vxe-ui-table-tree-node-line-color:#909399;
+  --vxe-ui-table-tree-node-line-style: dotted;
+  --vxe-ui-table-header-font-weight: 700;
+
+  --vxe-ui-table-row-height-default: 48px;
+  --vxe-ui-table-row-height-medium: 44px;
+  --vxe-ui-table-row-height-small: 40px;
+  --vxe-ui-table-row-height-mini: 36px;
+  --vxe-ui-table-row-line-height: 22px;
+
+  --vxe-ui-table-column-icon-border-color: #c0c4cc;
+  --vxe-ui-table-column-icon-border-hover-color: #515A6E;
+
+  --vxe-ui-table-cell-padding-default: 8px;
+  --vxe-ui-table-cell-padding-medium: 7px;
+  --vxe-ui-table-cell-padding-small: 6px;
+  --vxe-ui-table-cell-padding-mini: 5px;
+  --vxe-ui-table-cell-placeholder-color: #C0C4CC;
+  --vxe-ui-table-cell-negative-color: #f56c6c;
+  --vxe-ui-table-cell-input-height-default: var(--vxe-ui-table-row-height-default) - 6;
+  --vxe-ui-table-cell-input-height-medium: var(--vxe-ui-table-row-height-medium) - 6;
+  --vxe-ui-table-cell-input-height-small: var(--vxe-ui-table-row-height-small) - 6;
+  --vxe-ui-table-cell-input-height-mini: var(--vxe-ui-table-row-height-mini) - 6;
+  --vxe-ui-table-cell-dirty-width: 5px;
+  --vxe-ui-table-cell-dirty-update-color: #f56c6c;
+  --vxe-ui-table-cell-dirty-insert-color: #19A15F;
+  --vxe-ui-table-cell-area-border-color: var(--vxe-ui-font-primary-color);
+  --vxe-ui-table-cell-area-border-width: 1px;
+  --vxe-ui-table-cell-area-status-border-width: var(--vxe-ui-table-cell-area-border-width);
+  --vxe-ui-table-cell-main-area-extension-border-color: #fff;
+  --vxe-ui-table-cell-main-area-extension-background-color: var(--vxe-ui-font-primary-color);
+  --vxe-ui-table-cell-extend-area-border-width: 2px;
+  --vxe-ui-table-cell-clip-area-border-width: 3px;
+  --vxe-ui-table-cell-active-area-border-width: 2px;
+  --vxe-ui-table-cell-active-area-background-color: transparent;
+  --vxe-ui-table-cell-clip-area-border-color: var(--vxe-ui-table-cell-area-border-color);
+  --vxe-ui-table-cell-extend-area-border-color: var(--vxe-ui-table-cell-area-border-color);
+  --vxe-ui-table-cell-active-area-border-color: var(--vxe-ui-table-cell-area-border-color);
+  --vxe-ui-table-cell-area-background-color: rgba(64,158,255,0.2);
+  --vxe-ui-table-cell-area-status-background-color: rgba(64,158,255,0.1);
+
+  --vxe-ui-table-expand-padding-default: 16px;
+
+  --vxe-ui-table-checkbox-range-border-width: 1px;
+  --vxe-ui-table-checkbox-range-border-color: #006af1;
+  --vxe-ui-table-checkbox-range-background-color: rgba(50,128,252,0.2);
+
+  --vxe-ui-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
+  --vxe-ui-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
+
+  --vxe-ui-table-menu-item-width: 198px;
+
+  --vxe-ui-table-view-scrollbar-width: 18px;
+  --vxe-ui-table-view-scrollbar-height: 18px;
+
+  --vxe-ui-table-validate-error-color: #f56c6c;
+  --vxe-ui-table-validate-error-cell-background-color: rgba(245, 108,108, 0.1);
+  --vxe-ui-table-validate-error-theme-normal-background-color: var(--vxe-ui-layout-background-color);
+
+  /*toolbar*/
+  --vxe-ui-toolbar-custom-active-background-color: #D9DADB;
+  --vxe-ui-toolbar-height-default: 48px;
+  --vxe-ui-toolbar-height-medium: 46px;
+  --vxe-ui-toolbar-height-small: 44px;
+  --vxe-ui-toolbar-height-mini: 42px;
 }