vxe-table 4.4.1 → 4.4.2-beta.1

package/es/vxe-textarea/style.css

@@ -35,36 +35,36 @@
 }
 
 .vxe-textarea--inner {
-  border-radius: 4px;
+  border-radius: var(--vxe-border-radius);
   outline: 0;
   font-size: inherit;
   padding: 0 0.6em;
-  color: #606266;
+  color: var(--vxe-font-color);
   line-height: inherit;
-  border: 1px solid #dcdfe6;
-  background-color: #fff;
+  border: 1px solid var(--vxe-input-border-color);
+  background-color: var(--vxe-textarea-background-color);
   display: block;
   padding: 0.3em 0.6em;
 }
 .vxe-textarea--inner::-moz-placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-input-placeholder-color);
 }
 .vxe-textarea--inner::placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-input-placeholder-color);
 }
 .vxe-textarea--inner:focus {
-  border: 1px solid #409eff;
+  border: 1px solid var(--vxe-primary-color);
 }
 .vxe-textarea--inner[disabled] {
   cursor: not-allowed;
-  background-color: #f3f3f3;
+  background-color: var(--vxe-input-disabled-background-color);
 }
 
 .vxe-textarea--inner,
 .vxe-textarea--autosize {
-  line-height: 1.5715;
-  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;
+  line-height: var(--vxe-textarea-line-height);
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
 }
 
 .vxe-textarea--autosize {
@@ -86,42 +86,42 @@
   bottom: 0.2em;
   right: 1.4em;
   padding-left: 0.2em;
-  color: #999;
-  background-color: #fff;
+  color: var(--vxe-textarea-count-color);
+  background-color: var(--vxe-textarea-count-background-color);
 }
 .vxe-textarea--count.is--error {
-  color: #f56c6c;
+  color: var(--vxe-textarea-count-error-color);
 }
 
 .vxe-textarea,
 .vxe-textarea--autosize {
-  font-size: 14px;
+  font-size: var(--vxe-font-size);
 }
 .vxe-textarea.size--medium,
 .vxe-textarea--autosize.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-textarea.size--small,
 .vxe-textarea--autosize.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-font-size-small);
 }
 .vxe-textarea.size--mini,
 .vxe-textarea--autosize.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-font-size-mini);
 }
 
 .vxe-textarea:not(.is--autosize) {
-  min-height: 34px;
+  min-height: var(--vxe-input-height-default);
 }
 .vxe-textarea.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-textarea.size--medium:not(.is--autosize) {
-  min-height: 32px;
+  min-height: var(--vxe-input-height-medium);
 }
 .vxe-textarea.size--small:not(.is--autosize) {
-  min-height: 30px;
+  min-height: var(--vxe-input-height-small);
 }
 .vxe-textarea.size--mini:not(.is--autosize) {
-  min-height: 28px;
+  min-height: var(--vxe-input-height-mini);
 }

package/es/vxe-toolbar/style.css

@@ -65,9 +65,9 @@
   flex-direction: row;
   align-items: center;
   padding: 0.6em 0;
-  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;
-  background-color: #fff;
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
+  background-color: var(--vxe-toolbar-background-color);
 }
 .vxe-toolbar:after {
   content: "";
@@ -78,9 +78,9 @@
   visibility: hidden;
 }
 .vxe-toolbar.is--perfect {
-  border: 1px solid #e8eaec;
+  border: 1px solid var(--vxe-table-border-color);
   border-bottom-width: 0;
-  background-color: #f8f8f9;
+  background-color: var(--vxe-table-header-background-color);
 }
 .vxe-toolbar.is--loading:before {
   content: "";
@@ -89,11 +89,11 @@
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: 999;
+  z-index: var(--vxe-loading-z-index);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: var(--vxe-loading-background-color);
 }
 .vxe-toolbar .vxe-buttons--wrapper {
   flex-grow: 1;
@@ -133,7 +133,7 @@
   margin-left: 0.8em;
 }
 .vxe-toolbar .vxe-custom--wrapper.is--active > .vxe-button {
-  background-color: #D9DADB;
+  background-color: var(--vxe-toolbar-custom-active-background-color);
   border-radius: 50%;
 }
 .vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper {
@@ -144,23 +144,23 @@
   position: absolute;
   right: 2px;
   text-align: left;
-  background-color: #fff;
+  background-color: var(--vxe-toolbar-panel-background-color);
   z-index: 19;
-  border: 1px solid #e8eaec;
-  border-radius: 4px;
+  border: 1px solid var(--vxe-table-border-color);
+  border-radius: var(--vxe-border-radius);
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
 }
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header {
   padding: 0.28em 0;
   font-weight: 700;
-  border-bottom: 1px solid #DADCE0;
+  border-bottom: 1px solid var(--vxe-table-popup-border-color);
 }
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body {
   padding: 0.2em 0;
   max-height: 17.6em;
 }
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover {
-  background-color: #f5f7fa;
+  background-color: var(--vxe-table-row-hover-background-color);
 }
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li,
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li {
@@ -225,7 +225,7 @@
   left: 7.8em;
 }
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer {
-  border-top: 1px solid #DADCE0;
+  border-top: 1px solid var(--vxe-table-popup-border-color);
   text-align: right;
 }
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button {
@@ -233,7 +233,7 @@
   width: 50%;
   height: 2.5em;
   border: 0;
-  color: #606266;
+  color: var(--vxe-font-color);
   text-align: center;
   cursor: pointer;
 }
@@ -241,7 +241,7 @@
   outline: none;
 }
 .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 
 .vxe-custom--option-wrapper .vxe-custom--header,
@@ -263,14 +263,14 @@
 }
 
 .vxe-toolbar {
-  font-size: 14px;
+  font-size: var(--vxe-font-size);
 }
 .vxe-toolbar.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-toolbar.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-font-size-small);
 }
 .vxe-toolbar.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-font-size-mini);
 }

package/es/vxe-tooltip/style.css

@@ -31,13 +31,13 @@
   left: -100%;
   font-size: 12px;
   max-width: 600px;
-  border-radius: 4px;
+  border-radius: var(--vxe-border-radius);
   padding: 8px 12px;
   white-space: normal;
   word-break: break-word;
   box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
-  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;
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
 }
 .vxe-table--tooltip-wrapper:not(.is--enterable) {
   pointer-events: none;
@@ -96,40 +96,40 @@
 }
 
 .vxe-table--tooltip-wrapper.theme--light {
-  background-color: #fff;
-  border: 1px solid #dcdfe6;
+  background-color: var(--vxe-tooltip-light-background-color);
+  border: 1px solid var(--vxe-input-border-color);
 }
 .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow {
-  border-top-color: #dcdfe6;
+  border-top-color: var(--vxe-input-border-color);
 }
 .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before {
-  border-top-color: #fff;
+  border-top-color: var(--vxe-tooltip-light-background-color);
 }
 .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow {
-  border-bottom-color: #dcdfe6;
+  border-bottom-color: var(--vxe-input-border-color);
 }
 .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before {
-  border-bottom-color: #fff;
+  border-bottom-color: var(--vxe-tooltip-light-background-color);
 }
 .vxe-table--tooltip-wrapper.theme--dark {
-  background: #303133;
-  color: #fff;
+  background: var(--vxe-tooltip-dark-background-color);
+  color: var(--vxe-tooltip-dark-color);
 }
 .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow {
-  border-top-color: #303133;
+  border-top-color: var(--vxe-tooltip-dark-background-color);
 }
 .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before {
-  border-top-color: #303133;
+  border-top-color: var(--vxe-tooltip-dark-background-color);
 }
 .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow {
-  border-bottom-color: #303133;
+  border-bottom-color: var(--vxe-tooltip-dark-background-color);
 }
 .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before {
-  border-bottom-color: #303133;
+  border-bottom-color: var(--vxe-tooltip-dark-background-color);
 }
 
 /*valid error*/
 .vxe-table--tooltip-wrapper.vxe-table--valid-error {
-  background-color: #f56c6c;
-  color: #fff;
+  background-color: var(--vxe-tooltip-validate-error-background-color);
+  color: var(--vxe-tooltip-validate-error-color);
 }

package/lib/button/style/style.css

@@ -26,10 +26,10 @@
 .vxe-button {
   position: relative;
   text-align: center;
-  background-color: #fff;
+  background-color: var(--vxe-button-default-background-color);
   outline: 0;
-  font-size: 14px;
-  max-width: 500px;
+  font-size: var(--vxe-font-size);
+  max-width: var(--vxe-button-max-width);
   line-height: 1.5;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -44,7 +44,7 @@
   transition: border 0.2s ease-in-out;
 }
 .vxe-button:not(.is--disabled) {
-  color: #606266;
+  color: var(--vxe-font-color);
   cursor: pointer;
 }
 .vxe-button.is--loading {
@@ -62,7 +62,7 @@
   pointer-events: none;
 }
 .vxe-button.is--disabled {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
 }
 .vxe-button.is--disabled:not(.is--loading) {
   cursor: no-drop;
@@ -153,19 +153,19 @@
 }
 .vxe-button.type--button {
   font-family: inherit;
-  height: 34px;
+  height: var(--vxe-button-height-default);
   line-height: 1;
-  border: 1px solid #dcdfe6;
+  border: 1px solid var(--vxe-input-border-color);
 }
 .vxe-button.type--button.is--round {
-  border-radius: 17px;
+  border-radius: var(--vxe-button-round-border-radius-default);
 }
 .vxe-button.type--button:not(.is--round) {
-  border-radius: 4px;
+  border-radius: var(--vxe-border-radius);
 }
 .vxe-button.type--button.is--circle {
   padding: 0 0.5em;
-  min-width: 34px;
+  min-width: var(--vxe-button-height-default);
   border-radius: 50%;
 }
 .vxe-button.type--button:not(.is--circle) {
@@ -175,7 +175,7 @@
   color: #5faeff;
 }
 .vxe-button.type--button:not(.is--disabled):focus {
-  border-color: #409eff;
+  border-color: var(--vxe-primary-color);
 }
 .vxe-button.type--button:not(.is--disabled):active {
   color: #3196ff;
@@ -333,52 +333,52 @@
   background-color: #f8f8f9;
 }
 .vxe-button.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-button.size--medium.type--button {
-  height: 32px;
+  height: var(--vxe-button-height-medium);
 }
 .vxe-button.size--medium.type--button.is--circle {
-  min-width: 32px;
+  min-width: var(--vxe-button-height-medium);
 }
 .vxe-button.size--medium.type--button.is--round {
-  border-radius: 16px;
+  border-radius: var(--vxe-button-round-border-radius-medium);
 }
 .vxe-button.size--medium .vxe-button--loading-icon,
 .vxe-button.size--medium .vxe-button--icon {
-  min-width: 14px;
+  min-width: var(--vxe-font-size-medium);
 }
 .vxe-button.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-font-size-small);
 }
 .vxe-button.size--small.type--button {
-  height: 30px;
+  height: var(--vxe-button-height-small);
 }
 .vxe-button.size--small.type--button.is--circle {
-  min-width: 30px;
+  min-width: var(--vxe-button-height-small);
 }
 .vxe-button.size--small.type--button.is--round {
-  border-radius: 15px;
+  border-radius: var(--vxe-button-round-border-radius-small);
 }
 .vxe-button.size--small .vxe-button--loading-icon,
 .vxe-button.size--small .vxe-button--icon {
-  min-width: 13px;
+  min-width: var(--vxe-font-size-small);
 }
 .vxe-button.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-font-size-mini);
 }
 .vxe-button.size--mini.type--button {
-  height: 28px;
+  height: var(--vxe-button-height-mini);
 }
 .vxe-button.size--mini.type--button.is--circle {
-  min-width: 28px;
+  min-width: var(--vxe-button-height-mini);
 }
 .vxe-button.size--mini.type--button.is--round {
-  border-radius: 14px;
+  border-radius: var(--vxe-button-round-border-radius-mini);
 }
 .vxe-button.size--mini .vxe-button--loading-icon,
 .vxe-button.size--mini .vxe-button--icon {
-  min-width: 12px;
+  min-width: var(--vxe-font-size-mini);
 }
 
 .vxe-input + .vxe-button, .vxe-input + .vxe-button--dropdown,
@@ -389,7 +389,7 @@
 
 .vxe-button--loading-icon,
 .vxe-button--icon {
-  min-width: 14px;
+  min-width: var(--vxe-font-size);
 }
 .vxe-button--loading-icon + .vxe-button--content,
 .vxe-button--icon + .vxe-button--content {

package/lib/button/style/style.min.css

@@ -1 +1 @@
-.vxe-button{position:relative;text-align:center;background-color:#fff;outline:0;font-size:14px;max-width:500px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:#606266;cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0deg,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:#bfbfbf}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:#2f3031}.vxe-button.type--text:not(.is--disabled):hover{color:#73b8ff}.vxe-button.type--text.theme--primary{color:#409eff}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:#0d84ff}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:#73b8ff}.vxe-button.type--text.theme--primary.is--disabled{color:#a6d2ff}.vxe-button.type--text.theme--success{color:#67c23a}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:#529b2e}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:#85cf60}.vxe-button.type--text.theme--success.is--disabled{color:#a3db87}.vxe-button.type--text.theme--info{color:#909399}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:#767980}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:#abadb1}.vxe-button.type--text.theme--info.is--disabled{color:#c5c7ca}.vxe-button.type--text.theme--warning{color:#e6a23c}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:#d48a1b}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:#ecb869}.vxe-button.type--text.theme--warning.is--disabled{color:#f2cd96}.vxe-button.type--text.theme--danger{color:#f56c6c}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:#f23c3c}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:#f89c9c}.vxe-button.type--text.theme--danger.is--disabled{color:#fbcccc}.vxe-button.type--text.theme--perfect{color:#f8f8f9}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:#dddde1}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:#fff}.vxe-button.type--text.theme--perfect.is--disabled{color:#fff}.vxe-button.type--button{font-family:inherit;height:34px;line-height:1;border:1px solid #dcdfe6}.vxe-button.type--button.is--round{border-radius:17px}.vxe-button.type--button:not(.is--round){border-radius:4px}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:34px;border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:#5faeff}.vxe-button.type--button:not(.is--disabled):focus{border-color:#409eff}.vxe-button.type--button:not(.is--disabled):active{color:#3196ff;border-color:#3196ff;background-color:#f7f7f7}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:#409eff;background-color:#409eff}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:#5faeff;border-color:#5faeff}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:#3196ff;border-color:#3196ff}.vxe-button.type--button.theme--primary.is--disabled{border-color:#a6d2ff;background-color:#a6d2ff}.vxe-button.type--button.theme--primary.is--loading{border-color:#409eff;background-color:#409eff}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:#67c23a;background-color:#67c23a}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:#79cb50;border-color:#79cb50}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:#61b636;border-color:#61b636}.vxe-button.type--button.theme--success.is--disabled{border-color:#a3db87;background-color:#a3db87}.vxe-button.type--button.theme--success.is--loading{border-color:#67c23a;background-color:#67c23a}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:#909399;background-color:#909399}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:#a0a3a8;border-color:#a0a3a8}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:#888b92;border-color:#888b92}.vxe-button.type--button.theme--info.is--disabled{border-color:#c5c7ca;background-color:#c5c7ca}.vxe-button.type--button.theme--info.is--loading{border-color:#909399;background-color:#909399}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:#e6a23c;background-color:#e6a23c}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:#e9af57;border-color:#e9af57}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:#e49c2e;border-color:#e49c2e}.vxe-button.type--button.theme--warning.is--disabled{border-color:#f2cd96;background-color:#f2cd96}.vxe-button.type--button.theme--warning.is--loading{border-color:#e6a23c;background-color:#e6a23c}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:#f56c6c;background-color:#f56c6c}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:#f78989;border-color:#f78989}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:#f45e5e;border-color:#f45e5e}.vxe-button.type--button.theme--danger.is--disabled{border-color:#fbcccc;background-color:#fbcccc}.vxe-button.type--button.theme--danger.is--loading{border-color:#f56c6c;background-color:#f56c6c}.vxe-button.type--button.theme--perfect{color:#606266}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:#f8f8f9;background-color:#f8f8f9}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:#606266;background-color:#fff;border-color:#fff}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:#606266;background-color:#f0f0f2;border-color:#f0f0f2}.vxe-button.type--button.theme--perfect.is--disabled{border-color:#fff;background-color:#fff}.vxe-button.type--button.theme--perfect.is--loading{border-color:#f8f8f9;background-color:#f8f8f9}.vxe-button.size--medium{font-size:14px}.vxe-button.size--medium.type--button{height:32px}.vxe-button.size--medium.type--button.is--circle{min-width:32px}.vxe-button.size--medium.type--button.is--round{border-radius:16px}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:14px}.vxe-button.size--small{font-size:13px}.vxe-button.size--small.type--button{height:30px}.vxe-button.size--small.type--button.is--circle{min-width:30px}.vxe-button.size--small.type--button.is--round{border-radius:15px}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:13px}.vxe-button.size--mini{font-size:12px}.vxe-button.size--mini.type--button{height:28px}.vxe-button.size--mini.type--button.is--circle{min-width:28px}.vxe-button.size--mini.type--button.is--round{border-radius:14px}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:12px}.vxe-button+.vxe-button,.vxe-button+.vxe-button--dropdown,.vxe-input+.vxe-button,.vxe-input+.vxe-button--dropdown{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:14px}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button,.vxe-button--dropdown+.vxe-button--dropdown{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:#606266}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:#5faeff}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:#73b8ff}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:#85cf60}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:#abadb1}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:#ecb869}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:#f89c9c}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:#fff}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:#5faeff;border-color:#5faeff}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:#79cb50;border-color:#79cb50}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:#a0a3a8;border-color:#a0a3a8}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:#e9af57;border-color:#e9af57}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:#f78989;border-color:#f78989}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:#606266;background-color:#fff;border-color:#fff}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:#fff;border-radius:4px;border:1px solid #dcdfe6;box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button{margin-left:0;margin-top:.4em;display:block;width:100%;border:0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
+.vxe-button{position:relative;text-align:center;background-color:var(--vxe-button-default-background-color);outline:0;font-size:var(--vxe-font-size);max-width:var(--vxe-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0deg,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:#2f3031}.vxe-button.type--text:not(.is--disabled):hover{color:#73b8ff}.vxe-button.type--text.theme--primary{color:#409eff}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:#0d84ff}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:#73b8ff}.vxe-button.type--text.theme--primary.is--disabled{color:#a6d2ff}.vxe-button.type--text.theme--success{color:#67c23a}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:#529b2e}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:#85cf60}.vxe-button.type--text.theme--success.is--disabled{color:#a3db87}.vxe-button.type--text.theme--info{color:#909399}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:#767980}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:#abadb1}.vxe-button.type--text.theme--info.is--disabled{color:#c5c7ca}.vxe-button.type--text.theme--warning{color:#e6a23c}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:#d48a1b}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:#ecb869}.vxe-button.type--text.theme--warning.is--disabled{color:#f2cd96}.vxe-button.type--text.theme--danger{color:#f56c6c}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:#f23c3c}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:#f89c9c}.vxe-button.type--text.theme--danger.is--disabled{color:#fbcccc}.vxe-button.type--text.theme--perfect{color:#f8f8f9}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:#dddde1}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:#fff}.vxe-button.type--text.theme--perfect.is--disabled{color:#fff}.vxe-button.type--button{font-family:inherit;height:var(--vxe-button-height-default);line-height:1;border:1px solid var(--vxe-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:#5faeff}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:#3196ff;border-color:#3196ff;background-color:#f7f7f7}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:#409eff;background-color:#409eff}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:#5faeff;border-color:#5faeff}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:#3196ff;border-color:#3196ff}.vxe-button.type--button.theme--primary.is--disabled{border-color:#a6d2ff;background-color:#a6d2ff}.vxe-button.type--button.theme--primary.is--loading{border-color:#409eff;background-color:#409eff}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:#67c23a;background-color:#67c23a}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:#79cb50;border-color:#79cb50}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:#61b636;border-color:#61b636}.vxe-button.type--button.theme--success.is--disabled{border-color:#a3db87;background-color:#a3db87}.vxe-button.type--button.theme--success.is--loading{border-color:#67c23a;background-color:#67c23a}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:#909399;background-color:#909399}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:#a0a3a8;border-color:#a0a3a8}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:#888b92;border-color:#888b92}.vxe-button.type--button.theme--info.is--disabled{border-color:#c5c7ca;background-color:#c5c7ca}.vxe-button.type--button.theme--info.is--loading{border-color:#909399;background-color:#909399}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:#e6a23c;background-color:#e6a23c}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:#e9af57;border-color:#e9af57}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:#e49c2e;border-color:#e49c2e}.vxe-button.type--button.theme--warning.is--disabled{border-color:#f2cd96;background-color:#f2cd96}.vxe-button.type--button.theme--warning.is--loading{border-color:#e6a23c;background-color:#e6a23c}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:#f56c6c;background-color:#f56c6c}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:#f78989;border-color:#f78989}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:#f45e5e;border-color:#f45e5e}.vxe-button.type--button.theme--danger.is--disabled{border-color:#fbcccc;background-color:#fbcccc}.vxe-button.type--button.theme--danger.is--loading{border-color:#f56c6c;background-color:#f56c6c}.vxe-button.type--button.theme--perfect{color:#606266}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:#f8f8f9;background-color:#f8f8f9}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:#606266;background-color:#fff;border-color:#fff}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:#606266;background-color:#f0f0f2;border-color:#f0f0f2}.vxe-button.type--button.theme--perfect.is--disabled{border-color:#fff;background-color:#fff}.vxe-button.type--button.theme--perfect.is--loading{border-color:#f8f8f9;background-color:#f8f8f9}.vxe-button.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-font-size-mini)}.vxe-button+.vxe-button,.vxe-button+.vxe-button--dropdown,.vxe-input+.vxe-button,.vxe-input+.vxe-button--dropdown{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button,.vxe-button--dropdown+.vxe-button--dropdown{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:#606266}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:#5faeff}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:#73b8ff}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:#85cf60}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:#abadb1}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:#ecb869}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:#f89c9c}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:#fff}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:#5faeff;border-color:#5faeff}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:#79cb50;border-color:#79cb50}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:#a0a3a8;border-color:#a0a3a8}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:#e9af57;border-color:#e9af57}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:#f78989;border-color:#f78989}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:#606266;background-color:#fff;border-color:#fff}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:#fff;border-radius:4px;border:1px solid #dcdfe6;box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button{margin-left:0;margin-top:.4em;display:block;width:100%;border:0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}

package/lib/checkbox/style/style.css

@@ -249,26 +249,26 @@
           appearance: none;
 }
 .vxe-checkbox.is--indeterminate > input:not(:checked) + .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
-  color: #409eff;
-  box-shadow: 0 0 0.2em 0 #409eff;
+  color: var(--vxe-primary-color);
+  box-shadow: 0 0 0.2em 0 var(--vxe-primary-color);
 }
 .vxe-checkbox:not(.is--disabled):hover > input + .vxe-checkbox--icon {
-  border-color: #409eff;
+  border-color: var(--vxe-primary-color);
 }
 .vxe-checkbox.is--disabled {
   cursor: not-allowed;
 }
 .vxe-checkbox.is--disabled > input + .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-checkbox.is--disabled > input + .vxe-checkbox--icon + .vxe-checkbox--label {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
 }
 .vxe-checkbox.is--disabled > input:checked + .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-checkbox .vxe-checkbox--label {
   padding-left: 0.5em;
@@ -278,14 +278,14 @@
 }
 
 .vxe-checkbox {
-  font-size: 14px;
+  font-size: var(--vxe-font-size);
 }
 .vxe-checkbox.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-checkbox.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-font-size-small);
 }
 .vxe-checkbox.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-font-size-mini);
 }

package/lib/checkbox/style/style.min.css

@@ -1 +1 @@
-[class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-checkbox .vxe-checkbox--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:#409eff}.vxe-success-color{color:#67c23a}.vxe-info-color{color:#909399}.vxe-warning-color{color:#e6a23c}.vxe-danger-color{color:#f56c6c}.vxe-perfect-color{color:#f8f8f9}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.vxe-checkbox .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-checkbox,.is--indeterminate.vxe-checkbox{color:#409eff}.is--checked.vxe-checkbox .vxe-checkbox--icon,.is--indeterminate.vxe-checkbox .vxe-checkbox--icon{color:#409eff}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-checkbox{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-checkbox .vxe-checkbox--icon{color:#dcdfe6}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:#409eff}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:#409eff;box-shadow:0 0 .2em 0 #409eff}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:#409eff}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:#dcdfe6}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:#bfbfbf}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:#dcdfe6}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em}.vxe-checkbox{font-size:14px}.vxe-checkbox.size--medium{font-size:14px}.vxe-checkbox.size--small{font-size:13px}.vxe-checkbox.size--mini{font-size:12px}
+[class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-checkbox .vxe-checkbox--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:#409eff}.vxe-success-color{color:#67c23a}.vxe-info-color{color:#909399}.vxe-warning-color{color:#e6a23c}.vxe-danger-color{color:#f56c6c}.vxe-perfect-color{color:#f8f8f9}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.vxe-checkbox .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-checkbox,.is--indeterminate.vxe-checkbox{color:#409eff}.is--checked.vxe-checkbox .vxe-checkbox--icon,.is--indeterminate.vxe-checkbox .vxe-checkbox--icon{color:#409eff}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-checkbox{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-checkbox .vxe-checkbox--icon{color:#dcdfe6}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em}.vxe-checkbox{font-size:var(--vxe-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-font-size-mini)}

package/lib/export/style/style.css

@@ -99,9 +99,9 @@
 }
 .vxe-export--panel .vxe-export--panel-column {
   width: 80%;
-  border: 1px solid #dcdfe6;
+  border: 1px solid var(--vxe-input-border-color);
   margin: 3px 0;
-  border-radius: 4px;
+  border-radius: var(--vxe-border-radius);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -153,9 +153,9 @@
 }
 .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header {
   padding: 0.1em 0;
-  background-color: #f8f8f9;
+  background-color: var(--vxe-table-header-background-color);
   font-weight: 700;
-  border-bottom: 1px solid #e8eaec;
+  border-bottom: 1px solid var(--vxe-table-border-color);
 }
 .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body {
   padding: 0.2em 0;
@@ -182,29 +182,29 @@
   cursor: pointer;
 }
 .vxe-export--panel .vxe-import-selected--file:hover {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-export--panel .vxe-import-selected--file:hover > i {
   display: block;
 }
 .vxe-export--panel .vxe-import-select--file {
-  border: 1px dashed #dcdfe6;
+  border: 1px dashed var(--vxe-input-border-color);
   padding: 6px 34px;
   outline: 0;
-  border-radius: 4px;
-  background-color: #fff;
+  border-radius: var(--vxe-border-radius);
+  background-color: var(--vxe-input-background-color);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
   cursor: pointer;
 }
 .vxe-export--panel .vxe-import-select--file:focus {
-  border-color: #409eff;
-  box-shadow: 0 0 0.25em 0 #409eff;
+  border-color: var(--vxe-primary-color);
+  box-shadow: 0 0 0.25em 0 var(--vxe-primary-color);
 }
 .vxe-export--panel .vxe-import-select--file:hover {
-  color: #409eff;
-  border-color: #409eff;
+  color: var(--vxe-primary-color);
+  border-color: var(--vxe-primary-color);
 }
 .vxe-export--panel .vxe-export--panel-btns {
   text-align: right;

package/lib/export/style/style.min.css

@@ -1 +1 @@
-.vxe-export--panel-column-option .vxe-checkbox--icon{font-size:1.34em}.vxe-export--panel-column-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-export--panel-column-option,.is--indeterminate.vxe-export--panel-column-option{color:#409eff}.is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon{color:#409eff}.vxe-export--panel-column-option:not(.is--disabled){cursor:pointer}.vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-export--panel-column-option{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon{color:#dcdfe6}.vxe-export--panel-column-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-export--panel-column>ul{list-style-type:none;overflow:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-export--panel-column>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.vxe-export--panel>table{width:100%;border:0;table-layout:fixed}.vxe-export--panel>table tr td{padding:0 10px}.vxe-export--panel>table tr td:nth-child(1){text-align:right;width:30%;font-weight:700;padding:8px 10px}.vxe-export--panel>table tr td:nth-child(2){width:70%}.vxe-export--panel>table tr td>.vxe-input,.vxe-export--panel>table tr td>.vxe-select{width:80%}.vxe-export--panel>table tr td>.vxe-export--panel-option-row{padding:.25em 0}.vxe-export--panel .vxe-export--panel-column{width:80%;border:1px solid #dcdfe6;margin:3px 0;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-export--panel .vxe-export--panel-column>ul>li{padding:.2em 1em .2em 1em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2{padding-left:3.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3{padding-left:4.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4{padding-left:5.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5{padding-left:6.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6{padding-left:7.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7{padding-left:8.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8{padding-left:9.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header{padding:.1em 0;background-color:#f8f8f9;font-weight:700;border-bottom:1px solid #e8eaec}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body{padding:.2em 0;min-height:10em;max-height:17.6em}.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;user-select:none}.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-export--panel .vxe-import-selected--file:hover{color:#409eff}.vxe-export--panel .vxe-import-selected--file:hover>i{display:block}.vxe-export--panel .vxe-import-select--file{border:1px dashed #dcdfe6;padding:6px 34px;outline:0;border-radius:4px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-export--panel .vxe-import-select--file:focus{border-color:#409eff;box-shadow:0 0 .25em 0 #409eff}.vxe-export--panel .vxe-import-select--file:hover{color:#409eff;border-color:#409eff}.vxe-export--panel .vxe-export--panel-btns{text-align:right;padding:.25em}
+.vxe-export--panel-column-option .vxe-checkbox--icon{font-size:1.34em}.vxe-export--panel-column-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-export--panel-column-option,.is--indeterminate.vxe-export--panel-column-option{color:#409eff}.is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon{color:#409eff}.vxe-export--panel-column-option:not(.is--disabled){cursor:pointer}.vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-export--panel-column-option{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon{color:#dcdfe6}.vxe-export--panel-column-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-export--panel-column>ul{list-style-type:none;overflow:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-export--panel-column>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.vxe-export--panel>table{width:100%;border:0;table-layout:fixed}.vxe-export--panel>table tr td{padding:0 10px}.vxe-export--panel>table tr td:nth-child(1){text-align:right;width:30%;font-weight:700;padding:8px 10px}.vxe-export--panel>table tr td:nth-child(2){width:70%}.vxe-export--panel>table tr td>.vxe-input,.vxe-export--panel>table tr td>.vxe-select{width:80%}.vxe-export--panel>table tr td>.vxe-export--panel-option-row{padding:.25em 0}.vxe-export--panel .vxe-export--panel-column{width:80%;border:1px solid var(--vxe-input-border-color);margin:3px 0;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-export--panel .vxe-export--panel-column>ul>li{padding:.2em 1em .2em 1em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2{padding-left:3.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3{padding-left:4.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4{padding-left:5.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5{padding-left:6.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6{padding-left:7.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7{padding-left:8.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8{padding-left:9.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header{padding:.1em 0;background-color:var(--vxe-table-header-background-color);font-weight:700;border-bottom:1px solid var(--vxe-table-border-color)}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body{padding:.2em 0;min-height:10em;max-height:17.6em}.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;user-select:none}.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-export--panel .vxe-import-selected--file:hover{color:var(--vxe-primary-color)}.vxe-export--panel .vxe-import-selected--file:hover>i{display:block}.vxe-export--panel .vxe-import-select--file{border:1px dashed var(--vxe-input-border-color);padding:6px 34px;outline:0;border-radius:var(--vxe-border-radius);background-color:var(--vxe-input-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-export--panel .vxe-import-select--file:focus{border-color:var(--vxe-primary-color);box-shadow:0 0 .25em 0 var(--vxe-primary-color)}.vxe-export--panel .vxe-import-select--file:hover{color:var(--vxe-primary-color);border-color:var(--vxe-primary-color)}.vxe-export--panel .vxe-export--panel-btns{text-align:right;padding:.25em}