vxe-table 3.8.23 → 3.9.0-rc.0

package/lib/table/style/style.css

@@ -1,297 +1,1622 @@
 @charset "UTF-8";
-/*font*/
-/*size*/
-/*icon*/
-/*color*/
-/*layout*/
-/*input/radio/checkbox*/
-/*popup*/
-/*table*/
-/*filter*/
-/*menu*/
-/*loading*/
-/*validate*/
-/*grid*/
-/*toolbar*/
-/*tooltip*/
-/*pager*/
-/*modal*/
-/*checkbox*/
-/*radio*/
-/*button*/
-/*input*/
-/*textarea*/
-/*form*/
-/*select*/
-/*switch*/
-/*pulldown*/
-[class*=vxe-]:after, [class*=vxe-]:before,
-[class*=vxe-] *:after, [class*=vxe-] *:before, [class*=vxe-] {
-  box-sizing: border-box;
+[class*=vxe-icon--] {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  direction: ltr;
+  font-family: Verdana, Arial, Tahoma;
+  font-weight: normal;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+[class*=vxe-icon--].rotate45 {
+  transform: rotate(45deg);
+}
+[class*=vxe-icon--].rotate90 {
+  transform: rotate(90deg);
+}
+[class*=vxe-icon--].rotate180 {
+  transform: rotate(180deg);
+}
+
+.vxe-icon--search, .vxe-icon--print, .vxe-icon--dot, .vxe-icon--calendar, .vxe-icon--eye,
+.vxe-icon--eye-slash, .vxe-icon--upload,
+.vxe-icon--download, .vxe-icon--error, .vxe-icon--remove, .vxe-icon--circle-plus, .vxe-icon--success, .vxe-icon--warning, .vxe-icon--info, .vxe-icon--question, .vxe-icon--refresh, .vxe-icon--minus, .vxe-icon--close, .vxe-icon--check, .vxe-icon--plus, .vxe-icon--more, .vxe-icon--edit-outline, .vxe-icon--funnel, .vxe-icon--d-arrow-left, .vxe-icon--d-arrow-right, .vxe-icon--arrow-top, .vxe-icon--arrow-right, .vxe-icon--arrow-left, .vxe-icon--arrow-bottom, .vxe-icon--caret-right, .vxe-icon--caret-left, .vxe-icon--caret-bottom, .vxe-icon--caret-top, .vxe-icon--menu, .vxe-icon--zoomout, .vxe-icon--zoomin, .vxe-icon--square {
+  width: 1em;
+  height: 1em;
+  line-height: 1em;
+}
+
+.vxe-icon--search:after, .vxe-icon--search:before, .vxe-icon--print:after, .vxe-icon--print:before, .vxe-icon--dot:before, .vxe-icon--calendar:after, .vxe-icon--calendar:before, .vxe-icon--eye-slash:after, .vxe-icon--eye:before,
+.vxe-icon--eye-slash:before, .vxe-icon--upload:after,
+.vxe-icon--download:after, .vxe-icon--upload:before,
+.vxe-icon--download:before, .vxe-icon--error:after, .vxe-icon--remove:after, .vxe-icon--circle-plus:after, .vxe-icon--success:after, .vxe-icon--warning:after, .vxe-icon--info:after, .vxe-icon--question:after, .vxe-icon--refresh:before, .vxe-icon--refresh:after, .vxe-icon--minus:before, .vxe-icon--close:before, .vxe-icon--check:before, .vxe-icon--plus:before, .vxe-icon--more:before, .vxe-icon--edit-outline:after, .vxe-icon--edit-outline:before, .vxe-icon--funnel:after, .vxe-icon--funnel:before, .vxe-icon--d-arrow-left:before, .vxe-icon--d-arrow-right:before, .vxe-icon--d-arrow-left:after, .vxe-icon--d-arrow-right:after, .vxe-icon--arrow-top:before, .vxe-icon--arrow-right:before, .vxe-icon--arrow-left:before, .vxe-icon--arrow-bottom:before, .vxe-icon--caret-right:before, .vxe-icon--caret-left:before, .vxe-icon--caret-bottom:before, .vxe-icon--caret-top:before, .vxe-icon--zoomout:after, .vxe-icon--zoomout:before, .vxe-icon--zoomin:before, .vxe-icon--zoomin:after, .vxe-icon--square:before {
+  content: "";
+  position: absolute;
+}
+
+.vxe-icon--square:before {
+  left: 0.05em;
+  top: 0.05em;
+  width: 0.9em;
+  height: 0.9em;
+  border-width: 0.1em;
+  border-style: solid;
+  border-color: inherit;
+}
+
+.vxe-icon--zoomin {
+  border-width: 0.1em;
+  border-style: solid;
+  border-color: inherit;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-icon--zoomin:before, .vxe-icon--zoomin:after {
+  background-color: inherit;
+}
+.vxe-icon--zoomin:before {
+  left: -0.1em;
+  top: 0.2em;
+  width: 1.1em;
+  height: 0.4em;
+}
+.vxe-icon--zoomin:after {
+  top: -0.1em;
+  left: 0.2em;
+  width: 0.4em;
+  height: 1.1em;
+}
+
+.vxe-icon--zoomout {
+  position: relative;
+}
+.vxe-icon--zoomout:before {
+  right: 0;
+  top: 0;
+  width: 0.7em;
+  height: 0.7em;
+  border-width: 0.1em;
+  border-style: solid;
+  border-color: inherit;
+}
+.vxe-icon--zoomout:after {
+  left: 0.1em;
+  bottom: 0.1em;
+  width: 0.7em;
+  height: 0.7em;
+  border-width: 0.1em;
+  border-style: solid;
+  border-color: inherit;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-icon--menu:before {
+  content: "";
+  display: inline-block;
+  width: 0.22em;
+  height: 0.22em;
+  box-shadow: 0 -0.36em 0, -0.36em -0.36em 0, 0.36em -0.36em 0, 0 0 0 1em inset, -0.36em 0 0, 0.36em 0 0, 0 0.36em 0, -0.36em 0.36em 0, 0.36em 0.36em 0;
+  margin: 0.26em;
+}
+
+.vxe-icon--caret-right:before, .vxe-icon--caret-left:before, .vxe-icon--caret-bottom:before, .vxe-icon--caret-top:before {
+  border-width: 0.4em;
+  border-style: solid;
+  border-color: transparent;
+}
+
+.vxe-icon--caret-top:before {
+  left: 0.1em;
+  bottom: 0.3em;
+  border-bottom-color: inherit;
+}
+
+.vxe-icon--caret-bottom:before {
+  left: 0.1em;
+  top: 0.3em;
+  border-top-color: inherit;
+}
+
+.vxe-icon--caret-left:before {
+  right: 0.3em;
+  bottom: 0.1em;
+  border-right-color: inherit;
+}
+
+.vxe-icon--caret-right:before {
+  left: 0.3em;
+  bottom: 0.1em;
+  border-left-color: inherit;
+}
+
+.vxe-icon--arrow-top:before, .vxe-icon--arrow-right:before, .vxe-icon--arrow-left:before, .vxe-icon--arrow-bottom:before {
+  top: 0.4em;
+  left: 0.14em;
+  width: 0.7em;
+  height: 0.7em;
+  border-width: 0.15em;
+  border-style: solid;
+  border-top-color: inherit;
+  border-right-color: inherit;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  border-radius: 0.15em;
+  transform: rotate(-45deg);
+}
+
+.vxe-icon--arrow-bottom:before {
+  top: 0;
+  left: 0.14em;
+  transform: rotate(135deg);
+}
+
+.vxe-icon--arrow-left:before {
+  top: 0.18em;
+  left: 0.35em;
+  transform: rotate(-135deg);
+}
+
+.vxe-icon--arrow-right:before {
+  top: 0.18em;
+  left: 0;
+  transform: rotate(45deg);
+}
+
+.vxe-icon--d-arrow-left:before, .vxe-icon--d-arrow-right:before {
+  left: 0.15em;
+}
+.vxe-icon--d-arrow-left:after, .vxe-icon--d-arrow-right:after {
+  left: 0.58em;
+}
+.vxe-icon--d-arrow-left:before, .vxe-icon--d-arrow-right:before, .vxe-icon--d-arrow-left:after, .vxe-icon--d-arrow-right:after {
+  top: 0.18em;
+  width: 0.7em;
+  height: 0.7em;
+  border-width: 0.15em;
+  border-style: solid;
+  border-top-color: inherit;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: inherit;
+  border-radius: 0.15em;
+  transform: rotate(-45deg);
+}
+
+.vxe-icon--d-arrow-right:before, .vxe-icon--d-arrow-right:after {
+  transform: rotate(135deg);
+}
+.vxe-icon--d-arrow-right:before {
+  left: -0.25em;
+}
+.vxe-icon--d-arrow-right:after {
+  left: 0.18em;
+}
+
+.vxe-icon--funnel:before {
+  top: 0.05em;
+  left: 0;
+  border-width: 0.5em;
+  border-style: solid;
+  border-top-color: inherit;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+}
+.vxe-icon--funnel:after {
+  left: 0.41em;
+  top: 0.4em;
+  width: 0;
+  height: 0.5em;
+  border-width: 0 0.2em 0 0;
+  border-style: solid;
+  border-right-color: inherit;
+}
+
+.vxe-icon--edit-outline:before {
+  height: 0.84em;
+  width: 0.86em;
+  top: 0.1em;
+  left: 0.02em;
+  border-radius: 0.2em;
+  border-width: 0.1em;
+  border-style: solid;
+  border-color: inherit;
+}
+.vxe-icon--edit-outline:after {
+  left: 0.6em;
+  bottom: 0.2em;
+  width: 0;
+  height: 0.8em;
+  border-radius: 0 0 80% 80%;
+  border-width: 0 0 0 0.22em;
+  border-style: solid;
+  border-color: inherit;
+  transform: rotate(45deg);
+}
+
+.vxe-icon--more:before {
+  content: "...";
+  top: 0;
+  left: 0.1em;
+  line-height: 0.5em;
+  font-weight: 700;
+}
+
+.vxe-icon--plus:before {
+  content: "+";
+  left: -0.12em;
+  bottom: -0.1em;
+  line-height: 1em;
+  font-size: 1.6em;
+}
+
+.vxe-icon--check:before {
+  left: 0.25em;
+  bottom: 0.2em;
+  width: 0.5em;
+  height: 0.9em;
+  border-width: 0.15em;
+  border-style: solid;
+  border-top-color: transparent;
+  border-right-color: inherit;
+  border-bottom-color: inherit;
+  border-radius: 0.15em;
+  border-left-color: transparent;
+  transform: rotate(45deg);
+}
+
+.vxe-icon--close:before {
+  content: "+";
+  left: -0.1em;
+  bottom: -0.16em;
+  line-height: 1em;
+  font-size: 1.8em;
+  transform: rotate(45deg);
+}
+
+.vxe-icon--minus:before {
+  content: "─";
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  line-height: 0.9em;
+  font-size: 1.2em;
+}
+
+.vxe-icon--refresh {
+  border-width: 0.1em;
+  border-style: solid;
+  border-radius: 50%;
+  border-right-color: transparent !important;
+  border-left-color: transparent !important;
+}
+.vxe-icon--refresh:before {
+  left: 50%;
+  top: 0;
+  transform: translateX(50%) rotate(-45deg);
+}
+.vxe-icon--refresh:after {
+  right: 50%;
+  bottom: 0;
+  transform: translateX(-50%) rotate(135deg);
+}
+.vxe-icon--refresh:before, .vxe-icon--refresh:after {
+  width: 0;
+  height: 0;
+  border-width: 0.25em;
+  border-style: solid;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+}
+.vxe-icon--refresh.roll {
+  animation: rollCircle 1s infinite linear;
+}
+
+@keyframes rollCircle {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.vxe-icon--error:before, .vxe-icon--remove:before, .vxe-icon--circle-plus:before, .vxe-icon--success:before, .vxe-icon--warning:before, .vxe-icon--info:before, .vxe-icon--question:before {
+  content: "";
+  border-radius: 50%;
+  border-width: 0.5em;
+  border-style: solid;
+  border-color: inherit;
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform: scale(0.95);
+}
+
+.vxe-icon--warning:after, .vxe-icon--info:after, .vxe-icon--question:after {
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: var(--vxe-ui-layout-background-color);
+  transform: rotate(-10deg) scale(0.75);
+}
+
+.vxe-icon--question:after {
+  content: "?";
+}
+
+.vxe-icon--info:after {
+  content: "¡";
+}
+
+.vxe-icon--warning:after {
+  content: "!";
+}
+
+.vxe-icon--success:after {
+  content: "✓";
+  left: 0.25em;
+  bottom: 0;
+  color: var(--vxe-ui-layout-background-color);
+  font-size: 0.65em;
+}
+
+.vxe-icon--circle-plus:after {
+  content: "+";
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: var(--vxe-ui-layout-background-color);
+  line-height: 1.4em;
+  font-size: 0.8em;
+}
+
+.vxe-icon--remove:after {
+  content: "─";
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  line-height: 1.5em;
+  color: var(--vxe-ui-layout-background-color);
+  font-size: 0.7em;
+}
+
+.vxe-icon--error:after {
+  content: "×";
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  line-height: 1.4em;
+  text-align: center;
+  color: var(--vxe-ui-layout-background-color);
+  font-size: 0.8em;
+}
+
+.vxe-icon--upload,
+.vxe-icon--download {
+  overflow: hidden;
+}
+.vxe-icon--upload:before,
+.vxe-icon--download:before {
+  left: 0;
+  width: 1em;
+  border-width: 0;
+  border-style: solid;
+  border-color: inherit;
+}
+.vxe-icon--upload:after,
+.vxe-icon--download:after {
+  width: 100%;
+  text-align: center;
+  font-size: 2em;
+}
+
+.vxe-icon--upload:before {
+  top: 0.1em;
+  border-top-width: 0.1em;
+}
+.vxe-icon--upload:after {
+  content: "↑";
+  left: 0;
+  top: 0.15em;
+}
+
+.vxe-icon--download:before {
+  bottom: 0.05em;
+  border-bottom-width: 0.1em;
+}
+.vxe-icon--download:after {
+  content: "↑";
+  left: 0;
+  bottom: 0.15em;
+  transform: rotate(180deg);
+}
+
+.vxe-icon--eye:before,
+.vxe-icon--eye-slash:before {
+  content: "●";
+  top: 0.16em;
+  left: 0;
+  width: 1em;
+  height: 0.68em;
+  line-height: 0.25em;
+  border-radius: 50%;
+  border-width: 0.1em;
+  border-style: solid;
+  border-color: inherit;
+  text-align: center;
+}
+
+.vxe-icon--eye-slash:after {
+  top: -0.1em;
+  left: 0.45em;
+  width: 0;
+  height: 1.2em;
+  border-width: 0;
+  border-style: solid;
+  border-color: inherit;
+  border-left-width: 0.1em;
+  transform: rotate(45deg);
+}
+
+.vxe-icon--calendar:before {
+  top: 0.15em;
+  left: 0;
+  width: 1em;
+  height: 0.8em;
+  border-width: 0.2em 0.1em 0.1em 0.1em;
+  border-radius: 0.1em 0.1em 0 0;
+  border-style: solid;
+  border-color: inherit;
+}
+.vxe-icon--calendar:after {
+  left: 0.2em;
+  top: 0;
+  width: 0.6em;
+  height: 0.3em;
+  border-width: 0 0.1em;
+  border-style: solid;
+  border-color: inherit;
+}
+
+.vxe-icon--dot:before {
+  top: 0.25em;
+  left: 0.25em;
+  border-radius: 50%;
+  border-width: 0.25em;
+  border-style: solid;
+  border-color: inherit;
+}
+
+.vxe-icon--print {
+  box-shadow: inset 0 0 0 0.1em;
+  border-width: 0.2em 0;
+  border-style: solid;
+  border-color: transparent !important;
+  border-radius: 0.3em 0.3em 0 0;
+}
+.vxe-icon--print:before {
+  width: 0.6em;
+  height: 0.3em;
+  top: -0.2em;
+  left: 0.2em;
+  box-shadow: inset 0 0 0 0.1em;
+}
+.vxe-icon--print:after {
+  width: 0.6em;
+  height: 0.6em;
+  left: 0.2em;
+  bottom: -0.2em;
+  box-shadow: inset 0 0 0 0.1em;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-icon--search:before {
+  top: 0;
+  left: 0;
+  width: 0.8em;
+  height: 0.8em;
+  border-width: 0.15em;
+  border-style: solid;
+  border-color: inherit;
+  border-radius: 50%;
+}
+.vxe-icon--search:after {
+  top: 0.75em;
+  left: 0.6em;
+  width: 0.35em;
+  height: 0;
+  border-width: 0.15em 0 0 0;
+  border-style: solid;
+  border-color: inherit;
+  transform: rotate(45deg);
+}
+
+.vxe-icon-warnion-circle-fill:before {
+  content: "\e848";
+}
+
+@font-face {
+  font-family: "vxetableiconfont";
+  src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2");
+}
+@keyframes rollCircle {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+[class*=vxe-table-icon-] {
+  font-family: "vxetableiconfont" !important;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1.1em;
+  line-height: 1em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+[class*=vxe-table-icon-].animat, [class*=vxe-table-icon-].roll {
+  display: inline-block;
+}
+[class*=vxe-table-icon-].animat {
+  transition: transform 0.25s ease-in-out;
+}
+[class*=vxe-table-icon-].rotate45 {
+  transform: rotate(45deg);
+}
+[class*=vxe-table-icon-].rotate90 {
+  transform: rotate(90deg);
+}
+[class*=vxe-table-icon-].rotate180 {
+  transform: rotate(180deg);
+}
+[class*=vxe-table-icon-].roll {
+  animation: rollCircle 1s infinite linear;
+}
+[class*=vxe-table-icon-].theme--primary {
+  color: var(--vxe-ui-font-primary-color);
+}
+[class*=vxe-table-icon-].theme--success {
+  color: var(--vxe-ui-status-success-color);
+}
+[class*=vxe-table-icon-].theme--info {
+  color: var(--vxe-ui-status-info-color);
+}
+[class*=vxe-table-icon-].theme--warning {
+  color: var(--vxe-ui-status-warning-color);
+}
+[class*=vxe-table-icon-].theme--danger {
+  color: var(--vxe-ui-status-danger-color);
+}
+[class*=vxe-table-icon-].theme--error {
+  color: var(--vxe-ui-status-error-color);
+}
+
+.vxe-table-icon-edit:before {
+  content: "\e66e";
+}
+
+.vxe-table-icon-question-circle-fill:before {
+  content: "\e690";
+}
+
+.vxe-table-icon-radio-checked:before {
+  content: "\e75b";
+}
+
+.vxe-table-icon-radio-checked-fill:before {
+  content: "\e763";
+}
+
+.vxe-table-icon-print:before {
+  content: "\eba0";
+}
+
+.vxe-table-icon-checkbox-checked-fill:before {
+  content: "\e67d";
+}
+
+.vxe-table-icon-custom-column:before {
+  content: "\e62d";
+}
+
+.vxe-table-icon-radio-unchecked:before {
+  content: "\e7c9";
+}
+
+.vxe-table-icon-caret-down:before {
+  content: "\e8ed";
+}
+
+.vxe-table-icon-caret-up:before {
+  content: "\e8ee";
+}
+
+.vxe-table-icon-caret-right:before {
+  content: "\e8ef";
+}
+
+.vxe-table-icon-caret-left:before {
+  content: "\e8f0";
+}
+
+.vxe-table-icon-fullscreen:before {
+  content: "\e70e";
+}
+
+.vxe-table-icon-minimize:before {
+  content: "\e749";
+}
+
+.vxe-table-icon-checkbox-unchecked:before {
+  content: "\e727";
+}
+
+.vxe-table-icon-funnel:before {
+  content: "\e8ec";
+}
+
+.vxe-table-icon-download:before {
+  content: "\e61a";
+}
+
+.vxe-table-icon-spinner:before {
+  content: "\e601";
+}
+
+.vxe-table-icon-arrow-right:before {
+  content: "\e743";
+}
+
+.vxe-table-icon-repeat:before {
+  content: "\ea4a";
+}
+
+.vxe-table-icon-drag-handle:before {
+  content: "\e64e";
+}
+
+.vxe-table-icon-checkbox-indeterminate-fill:before {
+  content: "\e8c4";
+}
+
+.vxe-table-icon-upload:before {
+  content: "\e683";
+}
+
+.vxe-table-icon-fixed-left-fill:before {
+  content: "\e9b9";
+}
+
+.vxe-table-icon-fixed-left:before {
+  content: "\e9ba";
+}
+
+.vxe-table-icon-fixed-right-fill:before {
+  content: "\f290";
+}
+
+.vxe-table-icon-fixed-right:before {
+  content: "\f291";
+}
+
+.vxe-table-custom--option {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+}
+.vxe-table-custom--option.active--drag-target[drag-pos=top]::after {
+  display: block;
+  top: -2px;
+}
+.vxe-table-custom--option.active--drag-target[drag-pos=bottom]::after {
+  display: block;
+  bottom: -2px;
+}
+.vxe-table-custom--option:first-child[drag-pos=top]::after {
+  top: 0;
+}
+.vxe-table-custom--option:last-child[drag-pos=bottom]::after {
+  bottom: 0;
+}
+.vxe-table-custom--option::after {
+  display: none;
+  content: "";
+  position: absolute;
+  left: -1px;
+  width: calc(100% + 1px);
+  height: 3px;
+  background-color: var(--vxe-ui-font-primary-color);
+  z-index: 12;
+}
+.vxe-table-custom--option:last-child::after {
+  width: 100%;
+}
+
+.vxe-table-custom-wrapper {
+  display: none;
+  flex-direction: column;
+  position: absolute;
+  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);
+}
+.vxe-table-custom-wrapper.placement--top-left {
+  top: 2px;
+  left: 2px;
+}
+.vxe-table-custom-wrapper.placement--top-right {
+  top: 2px;
+  right: 2px;
+}
+.vxe-table-custom-wrapper.placement--bottom-left {
+  bottom: 2px;
+  left: 2px;
+}
+.vxe-table-custom-wrapper.placement--bottom-right {
+  bottom: 2px;
+  right: 2px;
+}
+.vxe-table-custom-wrapper.placement--left {
+  left: 2px;
+}
+.vxe-table-custom-wrapper.placement--right {
+  right: 2px;
+}
+.vxe-table-custom-wrapper.placement--left, .vxe-table-custom-wrapper.placement--right {
+  top: 2px;
+  height: calc(100% - 4px);
+}
+.vxe-table-custom-wrapper.is--active {
+  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;
+  margin: 0;
+  padding: 0;
+}
+.vxe-table-custom--header > li,
+.vxe-table-custom--body > li {
+  max-width: 26em;
+  min-width: 17em;
+  padding: 0.2em 1em 0.2em 1em;
+}
+.vxe-table-custom--header > li.level--2,
+.vxe-table-custom--body > li.level--2 {
+  padding-left: 3.5em;
+}
+.vxe-table-custom--header > li.level--2 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--2 .vxe-checkbox--icon {
+  left: 1.8em;
+}
+.vxe-table-custom--header > li.level--3,
+.vxe-table-custom--body > li.level--3 {
+  padding-left: 4.5em;
+}
+.vxe-table-custom--header > li.level--3 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--3 .vxe-checkbox--icon {
+  left: 2.8em;
+}
+.vxe-table-custom--header > li.level--4,
+.vxe-table-custom--body > li.level--4 {
+  padding-left: 5.5em;
+}
+.vxe-table-custom--header > li.level--4 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--4 .vxe-checkbox--icon {
+  left: 3.8em;
+}
+.vxe-table-custom--header > li.level--5,
+.vxe-table-custom--body > li.level--5 {
+  padding-left: 6.5em;
+}
+.vxe-table-custom--header > li.level--5 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--5 .vxe-checkbox--icon {
+  left: 4.8em;
+}
+.vxe-table-custom--header > li.level--6,
+.vxe-table-custom--body > li.level--6 {
+  padding-left: 7.5em;
+}
+.vxe-table-custom--header > li.level--6 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--6 .vxe-checkbox--icon {
+  left: 5.8em;
+}
+.vxe-table-custom--header > li.level--7,
+.vxe-table-custom--body > li.level--7 {
+  padding-left: 8.5em;
+}
+.vxe-table-custom--header > li.level--7 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--7 .vxe-checkbox--icon {
+  left: 6.8em;
+}
+.vxe-table-custom--header > li.level--8,
+.vxe-table-custom--body > li.level--8 {
+  padding-left: 9.5em;
+}
+.vxe-table-custom--header > li.level--8 .vxe-checkbox--icon,
+.vxe-table-custom--body > li.level--8 .vxe-checkbox--icon {
+  left: 7.8em;
+}
+
+.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);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.vxe-table-custom--body {
+  padding: 0.2em 0;
+}
+.vxe-table-custom--body .vxe-table-custom--checkbox-option:hover {
+  background-color: var(--vxe-ui-table-row-hover-background-color);
+}
+
+.vxe-table-custom--footer {
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 0;
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+.vxe-table-custom--footer button {
+  flex-grow: 1;
+  height: 2.8em;
+}
+
+.vxe-table-custom--checkbox-option .vxe-checkbox--icon {
+  font-size: 1.34em;
+}
+.vxe-table-custom--checkbox-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-table-custom--checkbox-option.is--checked, .vxe-table-custom--checkbox-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table-custom--checkbox-option:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table-custom--checkbox-option.is--hidden {
+  cursor: default;
+}
+.vxe-table-custom--checkbox-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-table-custom--checkbox-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-table-custom--checkbox-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-table-custom--checkbox-option,
+.vxe-table-custom--sort-option {
+  padding-right: 0.4em;
+  flex-shrink: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.vxe-table-custom--sort-option {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.vxe-table-custom--sort-btn {
+  padding-left: 0.2em;
+  padding-right: 0.4em;
+}
+.vxe-table-custom--sort-btn:not(.is--disabled) {
+  cursor: grabbing;
+}
+.vxe-table-custom--sort-btn:not(.is--disabled):hover {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table-custom--sort-btn.is--disabled {
+  color: var(--vxe-ui-input-disabled-color);
+  cursor: not-allowed;
+}
+
+.vxe-table-custom--checkbox-label {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-table-custom--fixed-option {
+  flex-shrink: 0;
+  padding-left: 0.5em;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.vxe-table-custom-popup--body {
+  overflow: auto;
+  height: 100%;
+  outline: 0;
+}
+
+.vxe-table-custom-popup--table-wrapper {
+  border-bottom: 1px solid var(--vxe-ui-table-border-color);
+}
+.vxe-table-custom-popup--table-wrapper table {
+  width: 100%;
+  border: 0;
+  table-layout: fixed;
+  word-break: break-all;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+.vxe-table-custom-popup--table-wrapper table th {
+  position: sticky;
+  top: 0;
+  text-align: left;
+  border-top: 1px solid var(--vxe-ui-table-border-color);
+  border-bottom: 1px solid var(--vxe-ui-table-border-color);
+  border-left: 1px solid var(--vxe-ui-table-border-color);
+  background-color: var(--vxe-ui-table-header-background-color);
+  z-index: 7;
+}
+.vxe-table-custom-popup--table-wrapper table td {
+  border-top: 1px solid var(--vxe-ui-table-border-color);
+  border-left: 1px solid var(--vxe-ui-table-border-color);
+}
+.vxe-table-custom-popup--table-wrapper table tr:first-child td {
+  border-top: 0;
+}
+.vxe-table-custom-popup--table-wrapper table tr:hover {
+  background-color: var(--vxe-ui-table-row-hover-background-color);
+}
+.vxe-table-custom-popup--table-wrapper table th,
+.vxe-table-custom-popup--table-wrapper table td {
+  height: 44px;
+  padding: 0 0.6em;
+}
+.vxe-table-custom-popup--table-wrapper table th:last-child,
+.vxe-table-custom-popup--table-wrapper table td:last-child {
+  border-right: 1px solid var(--vxe-ui-table-border-color);
+}
+
+.vxe-table-custom-popup--drag-hint {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0.6em 1em 0.6em 1.8em;
+  max-width: 300px;
+  border-radius: var(--vxe-ui-border-radius);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  background-color: var(--vxe-ui-layout-background-color);
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  z-index: 33;
+}
+
+.vxe-table-custom-popup--name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name {
+  padding-left: 24px;
+}
+
+.vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name {
+  padding-left: 48px;
+}
+
+.vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name {
+  padding-left: 72px;
+}
+
+.vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name {
+  padding-left: 96px;
+}
+
+.vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name {
+  padding-left: 120px;
+}
+
+.vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name {
+  padding-left: 144px;
+}
+
+.vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name {
+  padding-left: 168px;
+}
+
+.vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name {
+  padding-left: 192px;
+}
+
+.vxe-table-custom-popup--column-item {
+  position: relative;
+}
+.vxe-table-custom-popup--column-item.col--sort, .vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--resizable, .vxe-table-custom-popup--column-item.col--fixed {
+  text-align: center;
+}
+.vxe-table-custom-popup--column-item.col--resizable > .vxe-input {
+  width: 100%;
+}
+
+.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after {
+  display: block;
+  top: -2px;
+}
+.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
+  display: block;
+  bottom: -2px;
+}
+.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after {
+  top: 0;
+}
+.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
+  bottom: 0;
+}
+
+.vxe-table-custom-popup--column-item::after {
+  display: none;
+  content: "";
+  position: absolute;
+  left: -1px;
+  width: calc(100% + 1px);
+  height: 3px;
+  background-color: var(--vxe-ui-font-primary-color);
+  z-index: 12;
+}
+.vxe-table-custom-popup--column-item:last-child::after {
+  width: 100%;
+}
+
+.vxe-table-custom--list-move {
+  transition: transform 0.35s;
+}
+
+.vxe-table-custom-popup--column-sort-btn {
+  font-size: 1.2em;
+  padding: 0.2em 0.5em;
+}
+.vxe-table-custom-popup--column-sort-btn:not(.is--disabled) {
+  cursor: grab;
+}
+.vxe-table-custom-popup--column-sort-btn:not(.is--disabled):hover {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table-custom-popup--column-sort-btn:not(.is--disabled):active {
+  cursor: grabbing;
+}
+.vxe-table-custom-popup--column-sort-btn.is--disabled {
+  color: var(--vxe-ui-input-disabled-color);
+  cursor: not-allowed;
 }
 
-.vxe-table--render-default .vxe-header--column.col--ellipsis:not(.col--active) > .vxe-cell,
-.vxe-table--render-default .vxe-body--column.col--ellipsis:not(.col--active) > .vxe-cell,
-.vxe-table--render-default .vxe-footer--column.col--ellipsis:not(.col--active) > .vxe-cell {
+.vxe-table-custom-popup--table-sort-help-title,
+.vxe-table-custom-popup--table-sort-help-icon {
+  vertical-align: middle;
+}
+
+.vxe-table-custom-popup--table-sort-help-icon {
+  margin-left: 5px;
+  cursor: help;
+}
+
+.vxe-export--panel-column > ul {
+  list-style-type: none;
+  overflow: auto;
+  margin: 0;
+  padding: 0;
+  outline: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-export--panel-column > ul > li {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  cursor: pointer;
 }
 
-[class*=vxe-] {
-  font-variant: tabular-nums;
-  font-feature-settings: "tnum";
+.vxe-export--panel > table {
+  width: 100%;
+  border: 0;
+  table-layout: fixed;
 }
-.vxe-primary-color {
-  color: #409eff;
+.vxe-export--panel > table tr td {
+  padding: 0 10px;
 }
-
-.vxe-success-color {
-  color: #67c23a;
+.vxe-export--panel > table tr td:nth-child(1) {
+  text-align: right;
+  width: 30%;
+  font-weight: 700;
+  padding: 8px 10px;
 }
-
-.vxe-info-color {
-  color: #909399;
+.vxe-export--panel > table tr td:nth-child(2) {
+  width: 70%;
 }
-
-.vxe-warning-color {
-  color: #e6a23c;
+.vxe-export--panel > table tr td > .vxe-input, .vxe-export--panel > table tr td > .vxe-select {
+  width: 80%;
 }
-
-.vxe-danger-color {
-  color: #f56c6c;
+.vxe-export--panel > table tr td > .vxe-export--panel-option-row {
+  padding: 0.25em 0;
 }
-
-.vxe-perfect-color {
-  color: #f8f8f9;
+.vxe-export--panel .vxe-export--panel-column {
+  width: 80%;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  margin: 3px 0;
+  border-radius: var(--vxe-ui-border-radius);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-
-.vxe-row:after {
-  content: "";
-  display: block;
-  clear: both;
-  height: 0;
-  overflow: hidden;
-  visibility: hidden;
+.vxe-export--panel .vxe-export--panel-column > ul > li {
+  padding: 0.2em 1em 0.2em 1em;
 }
-.vxe-row > .vxe-col--1 {
-  float: left;
-  width: 4.16667%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--2 {
+  padding-left: 3.5em;
 }
-.vxe-row > .vxe-col--2 {
-  float: left;
-  width: 8.33333%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--2 .vxe-checkbox--icon {
+  left: 1.8em;
 }
-.vxe-row > .vxe-col--3 {
-  float: left;
-  width: 12.5%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--3 {
+  padding-left: 4.5em;
 }
-.vxe-row > .vxe-col--4 {
-  float: left;
-  width: 16.66667%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--3 .vxe-checkbox--icon {
+  left: 2.8em;
 }
-.vxe-row > .vxe-col--5 {
-  float: left;
-  width: 20.83333%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--4 {
+  padding-left: 5.5em;
 }
-.vxe-row > .vxe-col--6 {
-  float: left;
-  width: 25%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--4 .vxe-checkbox--icon {
+  left: 3.8em;
 }
-.vxe-row > .vxe-col--7 {
-  float: left;
-  width: 29.16667%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--5 {
+  padding-left: 6.5em;
 }
-.vxe-row > .vxe-col--8 {
-  float: left;
-  width: 33.33333%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--5 .vxe-checkbox--icon {
+  left: 4.8em;
 }
-.vxe-row > .vxe-col--9 {
-  float: left;
-  width: 37.5%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--6 {
+  padding-left: 7.5em;
 }
-.vxe-row > .vxe-col--10 {
-  float: left;
-  width: 41.66667%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--6 .vxe-checkbox--icon {
+  left: 5.8em;
 }
-.vxe-row > .vxe-col--11 {
-  float: left;
-  width: 45.83333%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--7 {
+  padding-left: 8.5em;
 }
-.vxe-row > .vxe-col--12 {
-  float: left;
-  width: 50%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--7 .vxe-checkbox--icon {
+  left: 6.8em;
 }
-.vxe-row > .vxe-col--13 {
-  float: left;
-  width: 54.16667%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--8 {
+  padding-left: 9.5em;
 }
-.vxe-row > .vxe-col--14 {
-  float: left;
-  width: 58.33333%;
+.vxe-export--panel .vxe-export--panel-column > ul > li.level--8 .vxe-checkbox--icon {
+  left: 7.8em;
 }
-.vxe-row > .vxe-col--15 {
-  float: left;
-  width: 62.5%;
+.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header {
+  padding: 0.1em 0;
+  background-color: var(--vxe-ui-table-header-background-color);
+  font-weight: 700;
+  border-bottom: 1px solid var(--vxe-ui-table-border-color);
 }
-.vxe-row > .vxe-col--16 {
-  float: left;
-  width: 66.66667%;
+.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body {
+  padding: 0.2em 0;
+  min-height: 10em;
+  max-height: 17.6em;
 }
-.vxe-row > .vxe-col--17 {
-  float: left;
-  width: 70.83333%;
+.vxe-export--panel .vxe-import-selected--file {
+  padding-right: 40px;
+  position: relative;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-.vxe-row > .vxe-col--18 {
-  float: left;
-  width: 75%;
+.vxe-export--panel .vxe-import-selected--file > i {
+  display: none;
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  transform: translateY(-50%);
+  font-size: 16px;
+  cursor: pointer;
 }
-.vxe-row > .vxe-col--19 {
-  float: left;
-  width: 79.16667%;
+.vxe-export--panel .vxe-import-selected--file:hover {
+  color: var(--vxe-ui-font-primary-color);
 }
-.vxe-row > .vxe-col--20 {
-  float: left;
-  width: 83.33333%;
+.vxe-export--panel .vxe-import-selected--file:hover > i {
+  display: block;
 }
-.vxe-row > .vxe-col--21 {
-  float: left;
-  width: 87.5%;
+.vxe-export--panel .vxe-import-select--file {
+  width: 80%;
+  border: 1px dashed var(--vxe-ui-input-border-color);
+  padding: 6px 34px;
+  outline: 0;
+  border-radius: var(--vxe-ui-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+  color: inherit;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
 }
-.vxe-row > .vxe-col--22 {
-  float: left;
-  width: 91.66667%;
+.vxe-export--panel .vxe-import-select--file:focus {
+  border-color: var(--vxe-ui-font-primary-color);
+  box-shadow: 0 0 0.25em 0 var(--vxe-ui-font-primary-color);
 }
-.vxe-row > .vxe-col--23 {
-  float: left;
-  width: 95.83333%;
+.vxe-export--panel .vxe-import-select--file:hover {
+  color: var(--vxe-ui-font-primary-color);
+  border-color: var(--vxe-ui-font-primary-color);
 }
-.vxe-row > .vxe-col--24 {
-  float: left;
-  width: 100%;
+.vxe-export--panel .vxe-export--panel-btns {
+  text-align: right;
+  padding: 0.8em 0.25em 0.25em 0.25em;
 }
 
-/*animat*/
-.is--animat .vxe-sort--asc-btn:before, .is--animat .vxe-sort--asc-btn:after,
-.is--animat .vxe-sort--desc-btn:before,
-.is--animat .vxe-sort--desc-btn:after,
-.is--animat .vxe-filter--btn:before,
-.is--animat .vxe-filter--btn:after {
-  transition: border 0.1s ease-in-out;
+.vxe-export--panel-column-option .vxe-checkbox--icon {
+  font-size: 1.34em;
 }
-.is--animat .vxe-input--wrapper .vxe-input {
-  transition: border 0.1s ease-in-out;
+.vxe-export--panel-column-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-.is--animat .vxe-table--expand-btn,
-.is--animat .vxe-tree--node-btn {
-  transition: transform 0.1s ease-in-out;
+.vxe-export--panel-column-option.is--checked, .vxe-export--panel-column-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
 }
-.is--animat .vxe-checkbox > input:checked + span,
-.is--animat .vxe-radio > input:checked + span {
-  transition: background-color 0.1s ease-in-out;
+.vxe-export--panel-column-option.is--checked .vxe-checkbox--icon, .vxe-export--panel-column-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-export--panel-column-option:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-export--panel-column-option.is--hidden {
+  cursor: default;
+}
+.vxe-export--panel-column-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-export--panel-column-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-export--panel-column-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-cell--filter {
+  padding: 0 0.1em 0 0.2em;
+  text-align: center;
+  vertical-align: middle;
+  display: inline-block;
+  line-height: 0;
+}
+.vxe-cell--filter.col--filter .vxe-filter--btn {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-cell--filter .vxe-filter--btn {
+  color: var(--vxe-ui-table-column-icon-border-color);
+  cursor: pointer;
+}
+.vxe-cell--filter .vxe-filter--btn:hover {
+  color: var(--vxe-ui-font-color);
+}
+
+.is--filter-active .vxe-cell--filter .vxe-filter--btn {
+  color: var(--vxe-ui-font-primary-color);
 }
 
-/**Variable**/
-/*加载中*/
-.vxe-loading {
+/*筛选容器*/
+.vxe-table--filter-wrapper {
   display: none;
   position: absolute;
-  width: 100%;
-  height: 100%;
   top: 0;
-  left: 0;
-  z-index: 99;
+  min-width: 100px;
+  border-radius: var(--vxe-ui-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
+  z-index: 10;
+}
+.vxe-table--filter-wrapper:not(.is--multiple) {
+  text-align: center;
+}
+.vxe-table--filter-wrapper.is--active {
+  display: block;
+}
+.vxe-table--filter-wrapper .vxe-table--filter-header > li,
+.vxe-table--filter-wrapper .vxe-table--filter-body > li {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 360px;
+  padding: 0.25em 0.8em;
+  cursor: pointer;
+}
+.vxe-table--filter-wrapper .vxe-table--filter-header > li.is--checked,
+.vxe-table--filter-wrapper .vxe-table--filter-body > li.is--checked {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table--filter-wrapper .vxe-table--filter-header > li:hover,
+.vxe-table--filter-wrapper .vxe-table--filter-body > li:hover {
+  background-color: var(--vxe-ui-table-row-hover-background-color);
+}
+.vxe-table--filter-wrapper .vxe-table--filter-header {
+  padding-top: 0.2em;
+}
+.vxe-table--filter-wrapper .vxe-table--filter-body {
+  max-height: 200px;
+  padding-bottom: 0.2em;
+}
+.vxe-table--filter-wrapper > ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  outline: 0;
+  overflow: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-table--filter-wrapper.is--multiple > ul > li {
+  padding: 0.25em 0.8em 0.25em 1em;
+}
+.vxe-table--filter-wrapper .vxe-table--filter-footer {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+  padding: 0.6em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-table--filter-wrapper .vxe-table--filter-footer button {
+  background-color: transparent;
+  padding: 0 0.4em;
+  border: 0;
+  color: var(--vxe-ui-font-color);
+  cursor: pointer;
+}
+.vxe-table--filter-wrapper .vxe-table--filter-footer button:focus {
+  outline: none;
+}
+.vxe-table--filter-wrapper .vxe-table--filter-footer button:hover {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+
+.vxe-table--filter-option .vxe-checkbox--icon {
+  font-size: 1.34em;
+}
+.vxe-table--filter-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  background-color: rgba(255, 255, 255, 0.5);
 }
-.vxe-loading.is--visible {
+.vxe-table--filter-option.is--checked, .vxe-table--filter-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table--filter-option.is--checked .vxe-checkbox--icon, .vxe-table--filter-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table--filter-option:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table--filter-option.is--hidden {
+  cursor: default;
+}
+.vxe-table--filter-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-table--filter-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-table--filter-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-table--context-menu-wrapper {
+  display: none;
+}
+.vxe-table--context-menu-wrapper.is--visible {
   display: block;
 }
-.vxe-loading > .vxe-loading--chunk, .vxe-loading > .vxe-loading--wrapper {
-  width: 100%;
+
+.vxe-table--context-menu-wrapper,
+.vxe-table--context-menu-clild-wrapper {
   position: absolute;
-  top: 50%;
+  top: 0;
   left: 0;
-  transform: translateY(-50%);
+  font-size: 12px;
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.6);
+  padding: 0 1px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  background-color: var(--vxe-ui-table-menu-background-color);
+}
+
+.vxe-context-menu--link {
+  display: flex;
+  flex-direction: row;
+  width: var(--vxe-ui-table-menu-item-width);
+  line-height: 26px;
+  padding: 0 0.8em;
+  color: var(--vxe-ui-font-color);
+  cursor: pointer;
+}
+.vxe-context-menu--link .vxe-context-menu--link-prefix,
+.vxe-context-menu--link .vxe-context-menu--link-suffix {
+  min-width: 2em;
+  flex-shrink: 0;
   text-align: center;
-  color: #409eff;
+  padding: 0 0.2em;
 }
-.vxe-loading .vxe-loading--default-icon {
-  font-size: 1.4em;
+.vxe-context-menu--link .vxe-context-menu--link-content {
+  flex-grow: 1;
+  padding: 0 0.2em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.vxe-loading .vxe-loading--text {
-  padding: 0.4em 0;
+
+.vxe-context-menu--option-wrapper,
+.vxe-table--context-menu-clild-wrapper {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  border-bottom: 1px solid #E8EAED;
 }
-.vxe-loading .vxe-loading--spinner {
-  display: inline-block;
+.vxe-context-menu--option-wrapper li,
+.vxe-table--context-menu-clild-wrapper li {
   position: relative;
-  width: 56px;
-  height: 56px;
+  margin: 1px 0;
+  border: 1px solid transparent;
 }
-.vxe-loading .vxe-loading--spinner:before, .vxe-loading .vxe-loading--spinner:after {
-  content: "";
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #409eff;
-  opacity: 0.6;
-  position: absolute;
-  top: 0;
-  left: 0;
-  animation: bounce 2s infinite ease-in-out;
+.vxe-context-menu--option-wrapper li:last-child,
+.vxe-table--context-menu-clild-wrapper li:last-child {
+  border: 0;
 }
-.vxe-loading .vxe-loading--spinner:after {
-  animation-delay: -1s;
+.vxe-context-menu--option-wrapper li.link--active,
+.vxe-table--context-menu-clild-wrapper li.link--active {
+  background-color: #C5C5C5;
+  border-color: #C5C5C5;
 }
-@keyframes bounce {
-  0%, 100% {
-    transform: scale(0);
-  }
-  50% {
-    transform: scale(1);
-  }
+.vxe-context-menu--option-wrapper li.link--active > .vxe-context-menu--link,
+.vxe-table--context-menu-clild-wrapper li.link--active > .vxe-context-menu--link {
+  color: #2B2B2B;
 }
-
-.size--mini .vxe-loading .vxe-loading--spinner {
-  width: 38px;
-  height: 38px;
+.vxe-context-menu--option-wrapper li.link--disabled > .vxe-context-menu--link,
+.vxe-table--context-menu-clild-wrapper li.link--disabled > .vxe-context-menu--link {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: no-drop;
 }
-
-.size--small .vxe-loading .vxe-loading--spinner {
-  width: 44px;
-  height: 44px;
+.vxe-context-menu--option-wrapper li.link--disabled.link--active,
+.vxe-table--context-menu-clild-wrapper li.link--disabled.link--active {
+  border-color: #C0C1C2;
+  background-color: #EEEEEE;
+}
+.vxe-context-menu--option-wrapper li.link--disabled.link--active:hover,
+.vxe-table--context-menu-clild-wrapper li.link--disabled.link--active:hover {
+  background-color: inherit;
 }
 
-.size--medium .vxe-loading .vxe-loading--spinner {
-  width: 50px;
-  height: 50px;
+.vxe-table--context-menu-clild-wrapper {
+  display: none;
+  top: 0;
+  left: 100%;
+}
+.vxe-table--context-menu-clild-wrapper.is--show {
+  display: block;
 }
 
 .vxe-table--render-default .vxe-header--column.col--ellipsis,
 .vxe-table--render-default .vxe-body--column.col--ellipsis,
 .vxe-table--render-default .vxe-footer--column.col--ellipsis, .vxe-table--render-default.vxe-editable .vxe-body--column {
-  height: 48px;
+  height: var(--vxe-ui-table-row-height-default);
 }
 
 .vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis,
 .vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis,
 .vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--medium .vxe-body--column {
-  height: 44px;
+  height: var(--vxe-ui-table-row-height-medium);
 }
 
 .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis,
 .vxe-table--render-default.size--small .vxe-body--column.col--ellipsis,
 .vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--small .vxe-body--column {
-  height: 40px;
+  height: var(--vxe-ui-table-row-height-small);
 }
 
 .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,
 .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,
 .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column {
-  height: 36px;
+  height: var(--vxe-ui-table-row-height-mini);
 }
 
 .vxe-table-slots,
@@ -309,7 +1634,7 @@
 }
 
 .vxe-table--render-wrapper {
-  background-color: #ffffff;
+  background-color: var(--vxe-ui-layout-background-color);
 }
 
 .vxe-table--body-wrapper {
@@ -329,7 +1654,7 @@
 .vxe-cell .vxe-default-textarea,
 .vxe-table--filter-template .vxe-default-input,
 .vxe-table--filter-template .vxe-default-textarea {
-  background-color: #fff;
+  background-color: var(--vxe-ui-layout-background-color);
 }
 .vxe-cell .vxe-default-input,
 .vxe-cell .vxe-default-textarea,
@@ -340,9 +1665,9 @@
   outline: 0;
   padding: 0 2px;
   width: 100%;
-  color: #606266;
-  border-radius: 4px;
-  border: 1px solid #dcdfe6;
+  color: var(--vxe-ui-font-color);
+  border-radius: var(--vxe-ui-border-radius);
+  border: 1px solid var(--vxe-ui-input-border-color);
 }
 .vxe-cell .vxe-default-input:focus,
 .vxe-cell .vxe-default-textarea:focus,
@@ -350,7 +1675,7 @@
 .vxe-table--filter-template .vxe-default-input:focus,
 .vxe-table--filter-template .vxe-default-textarea:focus,
 .vxe-table--filter-template .vxe-default-select:focus {
-  border: 1px solid #409eff;
+  border: 1px solid var(--vxe-ui-font-primary-color);
 }
 .vxe-cell .vxe-default-input[disabled],
 .vxe-cell .vxe-default-textarea[disabled],
@@ -359,7 +1684,7 @@
 .vxe-table--filter-template .vxe-default-textarea[disabled],
 .vxe-table--filter-template .vxe-default-select[disabled] {
   cursor: not-allowed;
-  background-color: #f3f3f3;
+  background-color: var(--vxe-ui-input-disabled-background-color);
 }
 .vxe-cell .vxe-default-input,
 .vxe-cell .vxe-default-textarea,
@@ -367,7 +1692,7 @@
 .vxe-table--filter-template .vxe-default-input,
 .vxe-table--filter-template .vxe-default-textarea,
 .vxe-table--filter-template .vxe-default-select {
-  height: 34px;
+  height: var(--vxe-ui-input-height-default);
 }
 .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button,
 .vxe-table--filter-template .vxe-default-input[type=date]::-webkit-inner-spin-button {
@@ -379,27 +1704,32 @@
   height: 24px;
 }
 .vxe-cell .vxe-default-input::-moz-placeholder, .vxe-table--filter-template .vxe-default-input::-moz-placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-ui-input-placeholder-color);
 }
 .vxe-cell .vxe-default-input:-ms-input-placeholder, .vxe-table--filter-template .vxe-default-input:-ms-input-placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-ui-input-placeholder-color);
 }
 .vxe-cell .vxe-default-input::placeholder,
 .vxe-table--filter-template .vxe-default-input::placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-ui-input-placeholder-color);
 }
 .vxe-cell .vxe-default-textarea,
 .vxe-table--filter-template .vxe-default-textarea {
   resize: none;
   vertical-align: middle;
 }
-.vxe-cell > .vxe-input, .vxe-cell > .vxe-textarea, .vxe-cell > .vxe-select, .vxe-cell > .vxe-tree-select, .vxe-cell > .vxe-date-picker, .vxe-cell > .vxe-number-input,
+.vxe-cell .vxe-default-textarea:not([rows]),
+.vxe-table--filter-template .vxe-default-textarea:not([rows]) {
+  height: var(--vxe-ui-input-height-default);
+}
+.vxe-cell > .vxe-input, .vxe-cell > .vxe-textarea, .vxe-cell > .vxe-select, .vxe-cell > .vxe-tree-select, .vxe-cell > .vxe-date-picker, .vxe-cell > .vxe-number-input, .vxe-cell > .vxe-ico-picker,
 .vxe-table--filter-template > .vxe-input,
 .vxe-table--filter-template > .vxe-textarea,
 .vxe-table--filter-template > .vxe-select,
 .vxe-table--filter-template > .vxe-tree-select,
 .vxe-table--filter-template > .vxe-date-picker,
-.vxe-table--filter-template > .vxe-number-input {
+.vxe-table--filter-template > .vxe-number-input,
+.vxe-table--filter-template > .vxe-ico-picker {
   width: 100%;
 }
 .vxe-cell > .vxe-input > .vxe-input--inner, .vxe-cell > .vxe-textarea > .vxe-textarea--inner,
@@ -418,12 +1748,14 @@
 .vxe-cell > .vxe-cell--tree-node .vxe-tree-select,
 .vxe-cell > .vxe-cell--tree-node .vxe-date-picker,
 .vxe-cell > .vxe-cell--tree-node .vxe-number-input,
+.vxe-cell > .vxe-cell--tree-node .vxe-ico-picker,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-input,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-textarea,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-select,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-tree-select,
 .vxe-table--filter-template > .vxe-cell--tree-node .vxe-date-picker,
-.vxe-table--filter-template > .vxe-cell--tree-node .vxe-number-input {
+.vxe-table--filter-template > .vxe-cell--tree-node .vxe-number-input,
+.vxe-table--filter-template > .vxe-cell--tree-node .vxe-ico-picker {
   width: 100%;
 }
 .vxe-cell > .vxe-cell--tree-node .vxe-input > .vxe-input--inner,
@@ -469,7 +1801,7 @@
   border-right: 0;
 }
 .vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area[half="1"] {
-  background-size: 3px 12px, 0 12px, 12px 3px, 12px 3px;
+  background-size: var(--vxe-ui-table-cell-copy-area-border-width) 12px, 0 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
 }
 
 .vxe-table--fixed-right-wrapper .vxe-table--cell-main-area[half="1"],
@@ -478,13 +1810,13 @@
   border-left: 0;
 }
 .vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area[half="1"] {
-  background-size: 0 12px, 3px 12px, 12px 3px, 12px 3px;
+  background-size: 0 12px, var(--vxe-ui-table-cell-copy-area-border-width) 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
 }
 
 /*复选框-范围选择*/
 .vxe-table--checkbox-range {
-  background-color: rgba(50, 128, 252, 0.2);
-  border: 1px solid #006af1;
+  background-color: var(--vxe-ui-table-checkbox-range-background-color);
+  border: var(--vxe-ui-table-checkbox-range-border-width) solid var(--vxe-ui-table-checkbox-range-border-color);
 }
 
 .vxe-table--cell-area {
@@ -493,8 +1825,8 @@
   display: none;
 }
 .vxe-table--cell-area > .vxe-table--cell-main-area {
-  background-color: rgba(64, 158, 255, 0.2);
-  border: 1px solid #409eff;
+  background-color: var(--vxe-ui-table-cell-area-background-color);
+  border: var(--vxe-ui-table-cell-area-border-width) solid var(--vxe-ui-table-cell-area-border-color);
 }
 .vxe-table--cell-area .vxe-table--cell-main-area-btn {
   display: none;
@@ -504,14 +1836,14 @@
   width: 7px;
   height: 7px;
   border-style: solid;
-  border-color: #fff;
+  border-color: var(--vxe-ui-table-cell-main-area-extension-border-color);
   border-width: 1px 0 0 1px;
-  background-color: #409eff;
+  background-color: var(--vxe-ui-table-cell-main-area-extension-background-color);
   pointer-events: auto;
   cursor: crosshair;
 }
 .vxe-table--cell-area .vxe-table--cell-extend-area {
-  border: 2px solid #409eff;
+  border: var(--vxe-ui-table-cell-extend-area-border-width) solid var(--vxe-ui-table-cell-extend-area-border-color);
 }
 
 @keyframes moveCopyCellBorder {
@@ -520,44 +1852,44 @@
   }
 }
 .vxe-table--cell-copy-area {
-  background: linear-gradient(0deg, transparent 6px, #409eff 6px) repeat-y, linear-gradient(0deg, transparent 50%, #409eff 0) repeat-y, linear-gradient(90deg, transparent 50%, #409eff 0) repeat-x, linear-gradient(90deg, transparent 50%, #409eff 0) repeat-x;
-  background-size: 3px 12px, 3px 12px, 12px 3px, 12px 3px;
+  background: linear-gradient(0deg, transparent 6px, var(--vxe-ui-table-cell-copy-area-border-color) 6px) repeat-y, linear-gradient(0deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-y, linear-gradient(90deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-x, linear-gradient(90deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-x;
+  background-size: var(--vxe-ui-table-cell-copy-area-border-width) 12px, var(--vxe-ui-table-cell-copy-area-border-width) 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
   background-position: 0 0, 100% 0, 0 0, 0 100%;
   animation: moveCopyCellBorder 0.5s infinite linear;
 }
 
 .vxe-table--cell-active-area {
-  border-color: #409eff;
+  border-color: var(--vxe-ui-table-cell-active-area-border-color);
   border-style: solid;
-  border-width: 2px;
-  background-color: transparent;
+  border-width: var(--vxe-ui-table-cell-active-area-border-width);
+  background-color: var(--vxe-ui-table-cell-active-area-background-color);
 }
 
 .vxe-table--cell-multi-area > .vxe-table--cell-main-area {
-  background-color: rgba(64, 158, 255, 0.2);
+  background-color: var(--vxe-ui-table-cell-area-background-color);
 }
 
 /*圆角*/
 .vxe-table--render-default.is--round:not(.is--header):not(.is--footer) .vxe-table--body-wrapper.body--wrapper, .vxe-table--render-default.is--round .vxe-table--border-line, .vxe-table--render-default.is--round .vxe-table--render-default.is--round {
-  border-radius: 4px;
+  border-radius: var(--vxe-ui-table-border-radius);
 }
 .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.body--wrapper {
-  border-radius: 4px 4px 0 0;
+  border-radius: var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius) 0 0;
 }
 .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper {
-  border-radius: 4px 0 0 0;
+  border-radius: var(--vxe-ui-table-border-radius) 0 0 0;
 }
 .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper {
-  border-radius: 0 4px 0 0;
+  border-radius: 0 var(--vxe-ui-table-border-radius) 0 0;
 }
 .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.body--wrapper {
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius);
 }
 .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-left--wrapper {
-  border-radius: 0 0 0 4px;
+  border-radius: 0 0 0 var(--vxe-ui-table-border-radius);
 }
 .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-right--wrapper {
-  border-radius: 0 0 4px 0;
+  border-radius: 0 0 var(--vxe-ui-table-border-radius) 0;
 }
 /*列宽*/
 .vxe-table.column--calc .vxe-header--column .vxe-cell,
@@ -572,14 +1904,14 @@
   /*排序*/
 }
 .vxe-table .vxe-table--header-wrapper {
-  color: #606266;
+  color: var(--vxe-ui-table-header-font-color);
 }
 .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
   position: absolute;
   left: 0;
   bottom: 0;
   height: 0;
-  border-bottom: 1px solid #e8eaec;
+  border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
 .vxe-table .vxe-cell--sort {
   text-align: center;
@@ -606,21 +1938,29 @@
 }
 .vxe-table .vxe-sort--asc-btn,
 .vxe-table .vxe-sort--desc-btn {
-  color: #c0c4cc;
+  color: var(--vxe-ui-table-column-icon-border-color);
   cursor: pointer;
 }
 .vxe-table .vxe-sort--asc-btn:hover,
 .vxe-table .vxe-sort--desc-btn:hover {
-  color: #606266;
+  color: var(--vxe-ui-font-color);
 }
 .vxe-table .vxe-sort--asc-btn.sort--active,
 .vxe-table .vxe-sort--desc-btn.sort--active {
-  color: #409eff;
+  color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-sort--asc-btn:before, .vxe-sort--asc-btn:after,
+.vxe-sort--desc-btn:before,
+.vxe-sort--desc-btn:after,
+.vxe-filter--btn:before,
+.vxe-filter--btn:after {
+  transition: border 0.1s ease-in-out;
 }
 
 .vxe-header--column {
   position: relative;
-  font-weight: 700;
+  font-weight: var(--vxe-ui-table-header-font-weight);
 }
 .vxe-header--column.col--ellipsis > .vxe-cell {
   display: flex;
@@ -636,7 +1976,7 @@
 }
 .vxe-header--column .vxe-cell--required-icon {
   display: inline-block;
-  color: #f56c6c;
+  color: var(--vxe-ui-table-validate-error-color);
   width: 0.8em;
   height: 1em;
   line-height: 1em;
@@ -680,7 +2020,7 @@
 .vxe-header--column .vxe-resizable.is--line:before {
   width: 1px;
   height: 50%;
-  background-color: #D9DDDF;
+  background-color: var(--vxe-ui-table-resizable-line-color);
 }
 .vxe-header--column .vxe-resizable.is--line:after {
   width: 0;
@@ -695,9 +2035,9 @@
 /*table*/
 .vxe-table--render-default {
   position: relative;
-  font-size: 14px;
-  color: #606266;
-  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: var(--vxe-ui-font-size-default);
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
   direction: ltr;
   /*边框*/
   /*列宽线*/
@@ -714,10 +2054,10 @@
   /*可编辑*/
 }
 .vxe-table--render-default .vxe-table--body-wrapper table {
-  background-color: #ffffff;
+  background-color: var(--vxe-ui-layout-background-color);
 }
 .vxe-table--render-default .vxe-table--footer-wrapper table {
-  background-color: #ffffff;
+  background-color: var(--vxe-ui-table-footer-background-color);
 }
 .vxe-table--render-default .vxe-table--header,
 .vxe-table--render-default .vxe-table--body,
@@ -731,36 +2071,38 @@
 .vxe-table--render-default .vxe-table--footer-wrapper {
   overflow-x: hidden;
   overflow-y: hidden;
+  outline: 0;
 }
 .vxe-table--render-default:not(.is--empty).is--footer.is--scroll-x .vxe-table--body-wrapper {
   overflow-x: scroll;
+  outline: 0;
 }
 .vxe-table--render-default .vxe-body--row.row--stripe {
-  background-color: #fafafa;
+  background-color: var(--vxe-ui-table-row-striped-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--radio {
-  background-color: #fff3e0;
+  background-color: var(--vxe-ui-table-row-radio-checked-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--checked {
-  background-color: #fff3e0;
+  background-color: var(--vxe-ui-table-row-checkbox-checked-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--current {
-  background-color: #e6f7ff;
+  background-color: var(--vxe-ui-table-row-current-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--hover {
-  background-color: #f5f7fa;
+  background-color: var(--vxe-ui-table-row-hover-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--hover.row--stripe {
-  background-color: #f5f7fa;
+  background-color: var(--vxe-ui-table-row-hover-striped-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--hover.row--radio {
-  background-color: #ffebbc;
+  background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--hover.row--checked {
-  background-color: #ffebbc;
+  background-color: var(--vxe-ui-table-row-hover-checkbox-checked-background-color);
 }
 .vxe-table--render-default .vxe-body--row.row--hover.row--current {
-  background-color: #d7effb;
+  background-color: var(--vxe-ui-table-row-hover-current-background-color);
 }
 .vxe-table--render-default.drag--resize .vxe-table--main-wrapper *,
 .vxe-table--render-default.drag--resize .vxe-table--fixed-left-wrapper *,
@@ -780,7 +2122,7 @@
   cursor: crosshair;
 }
 .vxe-table--render-default.column--highlight .vxe-header--column:not(.col--seq):hover {
-  background-color: #d7effb;
+  background-color: var(--vxe-ui-table-column-hover-background-color);
 }
 .vxe-table--render-default.cell--area .vxe-table--body-wrapper,
 .vxe-table--render-default.cell--area .vxe-body--column {
@@ -805,18 +2147,18 @@
 .vxe-table--render-default .vxe-body--column,
 .vxe-table--render-default .vxe-footer--column {
   position: relative;
-  line-height: 22px;
+  line-height: var(--vxe-ui-table-row-line-height);
   text-align: left;
 }
 .vxe-table--render-default .vxe-header--column:not(.col--ellipsis),
 .vxe-table--render-default .vxe-body--column:not(.col--ellipsis),
 .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis) {
-  padding: 13px 0;
+  padding: var(--vxe-ui-table-column-padding-default);
 }
 .vxe-table--render-default .vxe-header--column.col--current,
 .vxe-table--render-default .vxe-body--column.col--current,
 .vxe-table--render-default .vxe-footer--column.col--current {
-  background-color: #e6f7ff;
+  background-color: var(--vxe-ui-table-column-current-background-color);
 }
 .vxe-table--render-default .vxe-header--column.col--center,
 .vxe-table--render-default .vxe-body--column.col--center,
@@ -837,40 +2179,40 @@
   justify-content: flex-end;
 }
 .vxe-table--render-default .vxe-table--footer-wrapper {
-  border-top: 1px solid #e8eaec;
+  border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
 .vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
-  background-color: #f8f8f9;
+  background-color: var(--vxe-ui-table-header-background-color);
 }
 .vxe-table--render-default.border--default .vxe-header--column,
 .vxe-table--render-default.border--default .vxe-body--column,
 .vxe-table--render-default.border--default .vxe-footer--column, .vxe-table--render-default.border--inner .vxe-header--column,
 .vxe-table--render-default.border--inner .vxe-body--column,
 .vxe-table--render-default.border--inner .vxe-footer--column {
-  background-image: linear-gradient(#e8eaec, #e8eaec);
+  background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
-  background-size: 100% 1px;
+  background-size: 100% var(--vxe-ui-table-border-width);
   background-position: right bottom;
 }
 .vxe-table--render-default.border--full .vxe-header--column,
 .vxe-table--render-default.border--full .vxe-body--column,
 .vxe-table--render-default.border--full .vxe-footer--column {
-  background-image: linear-gradient(#e8eaec, #e8eaec), linear-gradient(#e8eaec, #e8eaec);
+  background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
-  background-size: 1px 100%, 100% 1px;
+  background-size: var(--vxe-ui-table-border-width) 100%, 100% var(--vxe-ui-table-border-width);
   background-position: right top, right bottom;
 }
 .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column {
-  border-right-color: #e8eaec;
+  border-right-color: var(--vxe-ui-table-border-color);
 }
 .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter {
-  background-image: linear-gradient(#e8eaec, #e8eaec);
+  background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
-  background-size: 100% 1px;
+  background-size: 100% var(--vxe-ui-table-border-width);
   background-position: right bottom;
 }
 .vxe-table--render-default.border--inner .vxe-table--header-wrapper, .vxe-table--render-default.border--none .vxe-table--header-wrapper {
-  background-color: #f8f8f9;
+  background-color: var(--vxe-ui-table-header-background-color);
 }
 .vxe-table--render-default.border--inner .vxe-table--fixed-left-wrapper, .vxe-table--render-default.border--none .vxe-table--fixed-left-wrapper {
   border-right: 0;
@@ -885,61 +2227,61 @@
   display: none;
 }
 .vxe-table--render-default.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-ui-font-size-medium);
 }
 .vxe-table--render-default.size--medium .vxe-table--empty-placeholder,
 .vxe-table--render-default.size--medium .vxe-table--empty-block {
-  min-height: 44px;
+  min-height: var(--vxe-ui-table-row-height-medium);
 }
 .vxe-table--render-default.size--medium .vxe-header--column:not(.col--ellipsis),
 .vxe-table--render-default.size--medium .vxe-body--column:not(.col--ellipsis),
 .vxe-table--render-default.size--medium .vxe-footer--column:not(.col--ellipsis) {
-  padding: 11px 0;
+  padding: var(--vxe-ui-table-column-padding-medium);
 }
 .vxe-table--render-default.size--medium .vxe-cell .vxe-default-input,
 .vxe-table--render-default.size--medium .vxe-cell .vxe-default-textarea,
 .vxe-table--render-default.size--medium .vxe-cell .vxe-default-select {
-  height: 32px;
+  height: var(--vxe-ui-input-height-medium);
 }
 .vxe-table--render-default.size--medium .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button {
   margin-top: 3px;
 }
 .vxe-table--render-default.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-ui-font-size-small);
 }
 .vxe-table--render-default.size--small .vxe-table--empty-placeholder,
 .vxe-table--render-default.size--small .vxe-table--empty-block {
-  min-height: 40px;
+  min-height: var(--vxe-ui-table-row-height-small);
 }
 .vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis),
 .vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),
 .vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis) {
-  padding: 9px 0;
+  padding: var(--vxe-ui-table-column-padding-small);
 }
 .vxe-table--render-default.size--small .vxe-cell .vxe-default-input,
 .vxe-table--render-default.size--small .vxe-cell .vxe-default-textarea,
 .vxe-table--render-default.size--small .vxe-cell .vxe-default-select {
-  height: 30px;
+  height: var(--vxe-ui-input-height-small);
 }
 .vxe-table--render-default.size--small .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button {
   margin-top: 2px;
 }
 .vxe-table--render-default.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-ui-font-size-mini);
 }
 .vxe-table--render-default.size--mini .vxe-table--empty-placeholder,
 .vxe-table--render-default.size--mini .vxe-table--empty-block {
-  min-height: 36px;
+  min-height: var(--vxe-ui-table-row-height-mini);
 }
 .vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis),
 .vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
 .vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
-  padding: 7px 0;
+  padding: var(--vxe-ui-table-column-padding-mini);
 }
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input,
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-textarea,
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-select {
-  height: 28px;
+  height: var(--vxe-ui-input-height-mini);
 }
 .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button {
   margin-top: 1px;
@@ -947,11 +2289,11 @@
 .vxe-table--render-default .vxe-cell {
   white-space: pre-line;
   word-break: break-all;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: var(--vxe-ui-table-cell-padding-left);
+  padding-right: var(--vxe-ui-table-cell-padding-right);
 }
 .vxe-table--render-default .vxe-cell--placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-ui-table-cell-placeholder-color);
 }
 .vxe-table--render-default .vxe-cell--radio {
   cursor: pointer;
@@ -960,7 +2302,7 @@
   font-size: 1.4em;
 }
 .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon {
-  color: #dcdfe6;
+  color: var(--vxe-ui-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -969,23 +2311,23 @@
           user-select: none;
 }
 .vxe-table--render-default .vxe-cell--radio.is--checked {
-  color: #409eff;
+  color: var(--vxe-ui-font-primary-color);
 }
 .vxe-table--render-default .vxe-cell--radio.is--checked .vxe-radio--icon {
-  color: #409eff;
+  color: var(--vxe-ui-font-primary-color);
 }
 .vxe-table--render-default .vxe-cell--radio:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon {
-  color: #409eff;
+  color: var(--vxe-ui-font-primary-color);
 }
 .vxe-table--render-default .vxe-cell--radio.is--disabled {
-  color: #BFBFBF;
+  color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;
 }
 .vxe-table--render-default .vxe-cell--radio.is--disabled .vxe-radio--icon {
-  color: #dcdfe6;
+  color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-table--render-default .vxe-cell--radio .vxe-radio--label {
   padding-left: 0.5em;
@@ -995,7 +2337,7 @@
   font-size: 1.34em;
 }
 .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-ui-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -1004,23 +2346,26 @@
           user-select: none;
 }
 .vxe-table--render-default .vxe-cell--checkbox.is--checked, .vxe-table--render-default .vxe-cell--checkbox.is--indeterminate {
-  color: #409eff;
+  color: var(--vxe-ui-font-primary-color);
 }
 .vxe-table--render-default .vxe-cell--checkbox.is--checked .vxe-checkbox--icon, .vxe-table--render-default .vxe-cell--checkbox.is--indeterminate .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-ui-font-primary-color);
 }
 .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-table--render-default .vxe-cell--checkbox.is--hidden {
+  cursor: default;
 }
 .vxe-table--render-default .vxe-cell--checkbox.is--disabled {
-  color: #BFBFBF;
+  color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;
 }
 .vxe-table--render-default .vxe-cell--checkbox.is--disabled .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label {
   padding-left: 0.5em;
@@ -1043,6 +2388,7 @@
 .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper,
 .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper {
   overflow-x: hidden;
+  outline: 0;
 }
 .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper {
   width: calc(100% + 40px);
@@ -1056,13 +2402,13 @@
   width: 200px;
 }
 .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle {
-  box-shadow: 8px 0px 10px -5px rgba(0, 0, 0, 0.12);
+  box-shadow: var(--vxe-ui-table-fixed-left-scrolling-box-shadow);
 }
 .vxe-table--render-default .vxe-table--fixed-right-wrapper {
   right: 0;
 }
 .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle {
-  box-shadow: -8px 0px 10px -5px rgba(0, 0, 0, 0.12);
+  box-shadow: var(--vxe-ui-table-fixed-right-scrolling-box-shadow);
 }
 .vxe-table--render-default .vxe-table--header-wrapper,
 .vxe-table--render-default .vxe-table--body-wrapper,
@@ -1112,7 +2458,7 @@
   content: "";
   display: block;
   height: 100%;
-  background-color: #409eff;
+  background-color: var(--vxe-ui-table-resizable-drag-line-color);
 }
 .vxe-table--render-default .vxe-table--border-line {
   position: absolute;
@@ -1122,7 +2468,7 @@
   height: 100%;
   z-index: 10;
   pointer-events: none;
-  border: 1px solid #e8eaec;
+  border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
 .vxe-table--render-default .vxe-tree--line-wrapper {
   position: relative;
@@ -1135,8 +2481,8 @@
   bottom: -0.9em;
   width: 0.8em;
   border-width: 0 0 1px 1px;
-  border-style: dotted;
-  border-color: #909399;
+  border-style: var(--vxe-ui-table-tree-node-line-style);
+  border-color: var(--vxe-ui-table-tree-node-line-color);
   pointer-events: none;
 }
 .vxe-table--render-default .vxe-cell--tree-node {
@@ -1158,10 +2504,11 @@
 }
 .vxe-table--render-default .vxe-tree--node-btn {
   display: block;
-  color: #797b80;
+  color: var(--vxe-ui-font-lighten-color);
+  transition: transform 0.1s ease-in-out;
 }
 .vxe-table--render-default .vxe-tree--node-btn:hover {
-  color: #606266;
+  color: var(--vxe-ui-font-color);
 }
 .vxe-table--render-default .vxe-tree-cell {
   display: block;
@@ -1184,20 +2531,21 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  color: #797b80;
+  color: var(--vxe-ui-font-lighten-color);
+  transition: transform 0.1s ease-in-out;
 }
 .vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn:hover {
-  color: #606266;
+  color: var(--vxe-ui-font-color);
 }
 .vxe-table--render-default .vxe-table--expanded + .vxe-table--expand-label {
   padding-left: 0.5em;
 }
 .vxe-table--render-default .vxe-body--expanded-row.is--padding > .vxe-body--expanded-column > .vxe-body--expanded-cell {
-  padding: 16px;
+  padding: var(--vxe-ui-table-expand-padding-default);
 }
 .vxe-table--render-default .vxe-body--expanded-column {
-  border-bottom: 1px solid #e8eaec;
-  border-right: 1px solid #e8eaec;
+  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);
 }
 .vxe-table--render-default .vxe-body--expanded-column.col--ellipsis > .vxe-body--expanded-cell {
   overflow: hidden;
@@ -1212,47 +2560,55 @@
   overflow: auto;
   outline: 0;
 }
+.vxe-table--render-default .vxe-header--column.col--ellipsis:not(.col--active) > .vxe-cell,
+.vxe-table--render-default .vxe-body--column.col--ellipsis:not(.col--active) > .vxe-cell,
+.vxe-table--render-default .vxe-footer--column.col--ellipsis:not(.col--active) > .vxe-cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .vxe-table--render-default .vxe-header--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-footer--column.col--ellipsis > .vxe-cell {
-  max-height: 48px;
+  max-height: var(--vxe-ui-table-row-height-default);
 }
 .vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis > .vxe-cell {
-  max-height: 44px;
+  max-height: var(--vxe-ui-table-row-height-medium);
 }
 .vxe-table--render-default.size--medium .vxe-cell--checkbox {
-  font-size: 14px;
+  font-size: var(--vxe-checkbox-font-size-medium);
 }
 .vxe-table--render-default.size--medium .vxe-cell--radio {
-  font-size: 14px;
+  font-size: var(--vxe-radio-font-size-medium);
 }
 .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default.size--small .vxe-body--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis > .vxe-cell {
-  max-height: 40px;
+  max-height: var(--vxe-ui-table-row-height-small);
 }
 .vxe-table--render-default.size--small .vxe-cell--checkbox {
-  font-size: 13px;
+  font-size: var(--vxe-checkbox-font-size-small);
 }
 .vxe-table--render-default.size--small .vxe-cell--radio {
-  font-size: 13px;
+  font-size: var(--vxe-radio-font-size-small);
 }
 .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis > .vxe-cell,
 .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis > .vxe-cell {
-  max-height: 36px;
+  max-height: var(--vxe-ui-table-row-height-mini);
 }
 .vxe-table--render-default.size--mini .vxe-cell--checkbox {
-  font-size: 12px;
+  font-size: var(--vxe-checkbox-font-size-mini);
 }
 .vxe-table--render-default.size--mini .vxe-cell--radio {
-  font-size: 12px;
+  font-size: var(--vxe-radio-font-size-mini);
 }
 .vxe-table--render-default .vxe-table--empty-placeholder,
 .vxe-table--render-default .vxe-table--empty-block {
-  min-height: 48px;
+  color: var(--vxe-ui-input-placeholder-color);
+  min-height: var(--vxe-ui-table-row-height-default);
   justify-content: center;
   align-items: center;
   text-align: center;
@@ -1281,7 +2637,7 @@
   display: flex;
 }
 .vxe-table--render-default .vxe-body--column.col--selected {
-  box-shadow: inset 0px 0px 0px 2px #409eff;
+  box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
 .vxe-table--render-default .vxe-body--column.col--active, .vxe-table--render-default .vxe-body--column.col--selected {
   position: relative;
@@ -1294,25 +2650,25 @@
   line-height: 1.2em;
   transform: translateX(-50%);
   text-align: left;
-  pointer-events: none;
   z-index: 4;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: var(--vxe-ui-table-cell-padding-left);
+  padding-right: var(--vxe-ui-table-cell-padding-right);
 }
 .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid-error-hint .vxe-cell--valid-error-msg {
   display: inline-block;
-  border-radius: 4px;
-  color: #f56c6c;
-  background-color: #ffffff;
+  border-radius: var(--vxe-ui-border-radius);
+  color: var(--vxe-ui-table-validate-error-color);
+  background-color: var(--vxe-ui-table-validate-error-background-color);
   pointer-events: auto;
 }
 .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-input,
 .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-textarea,
 .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-select {
-  border-color: #f56c6c;
+  border-color: var(--vxe-ui-table-validate-error-color);
 }
-.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-input > .vxe-input--inner {
-  border-color: #f56c6c;
+.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-input,
+.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-ico-picker {
+  border-color: var(--vxe-ui-table-validate-error-color);
 }
 .vxe-table--render-default.valid-msg--single .vxe-body--row:last-child .vxe-cell--valid-error-hint {
   bottom: 100%;
@@ -1335,7 +2691,7 @@
 }
 .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-hint .vxe-cell--valid-error-msg {
   display: inline-block;
-  border-radius: 4px;
+  border-radius: -var(-vxe-border-radius);
   padding: 8px 12px;
   color: #fff;
   background-color: #f56c6c;
@@ -1351,7 +2707,7 @@
   text-align: left;
 }
 .vxe-table--render-default .vxe-body--row.row--pending {
-  color: #f56c6c;
+  color: var(--vxe-ui-table-validate-error-color);
   text-decoration: line-through;
   cursor: no-drop;
 }
@@ -1365,7 +2721,7 @@
   left: 0;
   width: 100%;
   height: 0;
-  border-bottom: 1px solid #f56c6c;
+  border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
   z-index: 1;
 }
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column {
@@ -1373,12 +2729,12 @@
 }
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column:before {
   content: "";
-  top: -5px;
-  left: -5px;
+  top: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
+  left: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
   position: absolute;
-  border-width: 5px;
+  border-width: var(--vxe-ui-table-cell-dirty-width);
   border-style: solid;
-  border-color: transparent #19A15F transparent transparent;
+  border-color: transparent var(--vxe-ui-table-cell-dirty-insert-color) transparent transparent;
   transform: rotate(45deg);
 }
 .vxe-table--render-default .vxe-body--column.col--dirty {
@@ -1386,38 +2742,29 @@
 }
 .vxe-table--render-default .vxe-body--column.col--dirty:before {
   content: "";
-  top: -5px;
-  left: -5px;
+  top: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
+  left: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
   position: absolute;
-  border-width: 5px;
+  border-width: var(--vxe-ui-table-cell-dirty-width);
   border-style: solid;
-  border-color: transparent #f56c6c transparent transparent;
+  border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
   transform: rotate(45deg);
 }
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active {
-  box-shadow: inset 0px 0px 0px 2px #409eff;
+  box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active.col--valid-error {
-  box-shadow: inset 0px 0px 0px 2px #f56c6c;
+  box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-table-validate-error-color);
 }
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active .vxe-cell .vxe-default-input,
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active .vxe-cell .vxe-default-textarea {
   border: 0;
   padding: 0;
 }
-.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active .vxe-cell .vxe-default-input {
-  height: 22px;
-}
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active .vxe-cell .vxe-input .vxe-input--inner {
   border: 0;
   padding-left: 0;
 }
-.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active .vxe-cell .vxe-textarea {
-  height: 21px;
-}
-.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active .vxe-cell .vxe-textarea .vxe-textarea--inner {
-  border: 0;
-}
 .vxe-table--render-default.vxe-editable .vxe-body--column {
   padding: 0;
 }
@@ -1425,14 +2772,21 @@
   padding: 0;
 }
 
-.vxe-table--tooltip-wrapper.vxe-table--valid-error {
+/*valid error*/
+div.vxe-table--tooltip-wrapper.vxe-table--valid-error {
+  padding: 0;
+  color: var(--vxe-ui-table-validate-error-color);
+  background-color: var(--vxe-ui-table-validate-error-background-color);
+}
+div.vxe-table--tooltip-wrapper.vxe-table--valid-error.old-cell-valid {
+  padding: 8px 12px;
   background-color: #f56c6c;
   color: #fff;
 }
 
 /*footer*/
 .vxe-table--footer-wrapper {
-  color: #606266;
+  color: var(--vxe-ui-table-footer-font-color);
   margin-top: -1px;
 }
 .vxe-table--footer-wrapper.body--wrapper {