vxe-table 4.4.1 → 4.4.2-beta.0

package/es/button/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/es/checkbox/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/es/export/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/es/filter/style.css

@@ -68,18 +68,18 @@
   line-height: 0;
 }
 .vxe-cell--filter.col--filter .vxe-filter--btn {
-  color: #606266;
+  color: var(--vxe-table-font-color);
 }
 .vxe-cell--filter .vxe-filter--btn {
-  color: #c0c4cc;
+  color: var(--vxe-table-column-icon-border-color);
   cursor: pointer;
 }
 .vxe-cell--filter .vxe-filter--btn:hover {
-  color: #606266;
+  color: var(--vxe-table-font-color);
 }
 
 .is--filter-active .vxe-cell--filter .vxe-filter--btn {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 
 /*筛选容器*/
@@ -88,9 +88,9 @@
   position: absolute;
   top: 0;
   min-width: 100px;
-  border-radius: 4px;
-  background-color: #fff;
-  border: 1px solid #DADCE0;
+  border-radius: var(--vxe-border-radius);
+  background-color: var(--vxe-table-filter-panel-background-color);
+  border: 1px solid var(--vxe-table-popup-border-color);
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
   z-index: 10;
 }
@@ -111,11 +111,11 @@
 }
 .vxe-table--filter-wrapper .vxe-table--filter-header > li.is--checked,
 .vxe-table--filter-wrapper .vxe-table--filter-body > li.is--checked {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--filter-wrapper .vxe-table--filter-header > li:hover,
 .vxe-table--filter-wrapper .vxe-table--filter-body > li:hover {
-  background-color: #f5f7fa;
+  background-color: var(--vxe-table-row-hover-background-color);
 }
 .vxe-table--filter-wrapper .vxe-table--filter-header {
   padding-top: 0.2em;
@@ -137,7 +137,7 @@
   padding: 0.25em 0.8em 0.25em 1em;
 }
 .vxe-table--filter-wrapper .vxe-table--filter-footer {
-  border-top: 1px solid #DADCE0;
+  border-top: 1px solid var(--vxe-table-popup-border-color);
   padding: 0.6em;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -147,16 +147,16 @@
   background-color: transparent;
   padding: 0 0.4em;
   border: 0;
-  color: #606266;
+  color: var(--vxe-table-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: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }

package/es/form/style.css

@@ -31,10 +31,10 @@
 
 .vxe-form {
   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;
-  background-color: #fff;
+  font-size: var(--vxe-font-size);
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
+  background-color: var(--vxe-form-background-color);
   text-align: left;
 }
 
@@ -107,8 +107,8 @@
   width: 100%;
   font-size: 12px;
   line-height: 1.2em;
-  color: #f56c6c;
-  background-color: inherit;
+  color: var(--vxe-form-validate-error-color);
+  background-color: var(--vxe-form-validate-error-background-color);
   z-index: 1;
   opacity: 0;
   transform-origin: center top;
@@ -142,7 +142,7 @@
 }
 .vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before {
   content: "*";
-  color: #f56c6c;
+  color: var(--vxe-form-validate-error-color);
   font-family: Verdana, Arial, Tahoma;
   margin-right: 0.2em;
   font-weight: normal;
@@ -163,7 +163,7 @@
 .vxe-form--item.is--error .vxe-default-input,
 .vxe-form--item.is--error .vxe-default-textarea,
 .vxe-form--item.is--error .vxe-default-select {
-  border-color: #f56c6c;
+  border-color: var(--vxe-form-validate-error-color);
 }
 .vxe-form--item.is--error .vxe-input > .vxe-input--inner:focus,
 .vxe-form--item.is--error .vxe-textarea > .vxe-textarea--inner:focus,
@@ -171,7 +171,7 @@
 .vxe-form--item.is--error .vxe-default-input[type=search]:focus,
 .vxe-form--item.is--error .vxe-default-textarea:focus,
 .vxe-form--item.is--error .vxe-default-select:focus {
-  border-color: #f56c6c;
+  border-color: var(--vxe-form-validate-error-color);
 }
 .vxe-form--item.is--error .vxe-form--item-valid {
   opacity: 1;
@@ -195,12 +195,12 @@
 .vxe-form--item .vxe-default-textarea,
 .vxe-form--item .vxe-default-select {
   outline: 0;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
+  border: 1px solid var(--vxe-input-border-color);
+  border-radius: var(--vxe-border-radius);
 }
 .vxe-form--item .vxe-default-input,
 .vxe-form--item .vxe-default-select {
-  height: 34px;
+  height: var(--vxe-button-height-default);
 }
 .vxe-form--item .vxe-default-input {
   padding: 0 0.8em;
@@ -219,24 +219,24 @@
 .vxe-form--item .vxe-default-input[type=search],
 .vxe-form--item .vxe-default-textarea,
 .vxe-form--item .vxe-default-select {
-  color: #606266;
+  color: var(--vxe-font-color);
 }
 .vxe-form--item .vxe-default-input[type=text]:focus,
 .vxe-form--item .vxe-default-input[type=search]:focus,
 .vxe-form--item .vxe-default-textarea:focus,
 .vxe-form--item .vxe-default-select:focus {
-  border: 1px solid #409eff;
+  border: 1px solid var(--vxe-primary-color);
 }
 .vxe-form--item .vxe-default-input[type=text][disabled],
 .vxe-form--item .vxe-default-input[type=search][disabled],
 .vxe-form--item .vxe-default-textarea[disabled],
 .vxe-form--item .vxe-default-select[disabled] {
   cursor: not-allowed;
-  background-color: #f3f3f3;
+  background-color: var(--vxe-input-disabled-background-color);
 }
 .vxe-form--item .vxe-default-input[type=submit],
 .vxe-form--item .vxe-default-input[type=reset] {
-  line-height: 32px;
+  line-height: var(--vxe-button-height-default)-2px;
   background-color: #fff;
   cursor: pointer;
 }
@@ -252,10 +252,10 @@
   height: 24px;
 }
 .vxe-form--item .vxe-default-input::-moz-placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-input-placeholder-color);
 }
 .vxe-form--item .vxe-default-input::placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-input-placeholder-color);
 }
 .vxe-form--item .vxe-default-input[type=text],
 .vxe-form--item .vxe-default-input[type=search],
@@ -268,14 +268,14 @@
   vertical-align: middle;
 }
 .vxe-form--item .vxe-default-textarea::-moz-placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-input-placeholder-color);
 }
 .vxe-form--item .vxe-default-textarea::placeholder {
-  color: #C0C4CC;
+  color: var(--vxe-input-placeholder-color);
 }
 
 .vxe-form .vxe-form--item-inner {
-  min-height: 36px;
+  min-height: var(--vxe-form-item-min-height-default);
 }
 .vxe-form .vxe-form--item-inner > .align--center {
   text-align: center;
@@ -287,47 +287,47 @@
   text-align: right;
 }
 .vxe-form.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-form.size--medium .vxe-form--item-inner {
-  min-height: 34px;
+  min-height: var(--vxe-form-item-min-height-medium);
 }
 .vxe-form.size--medium .vxe-default-input[type=submit],
 .vxe-form.size--medium .vxe-default-input[type=reset] {
-  line-height: 30px;
+  line-height: calc(var(--vxe-button-height-medium) - 2px);
 }
 .vxe-form.size--medium .vxe-default-input,
 .vxe-form.size--medium .vxe-default-input,
 .vxe-form.size--medium .vxe-default-select {
-  height: 32px;
+  height: var(--vxe-button-height-medium);
 }
 .vxe-form.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-font-size-small);
 }
 .vxe-form.size--small .vxe-form--item-inner {
-  min-height: 32px;
+  min-height: var(--vxe-form-item-min-height-small);
 }
 .vxe-form.size--small .vxe-default-input[type=submit],
 .vxe-form.size--small .vxe-default-input[type=reset] {
-  line-height: 28px;
+  line-height: calc(var(--vxe-button-height-small) - 2px);
 }
 .vxe-form.size--small .vxe-default-input,
 .vxe-form.size--small .vxe-default-input,
 .vxe-form.size--small .vxe-default-select {
-  height: 30px;
+  height: var(--vxe-button-height-small);
 }
 .vxe-form.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-font-size-mini);
 }
 .vxe-form.size--mini .vxe-form--item-inner {
-  min-height: 30px;
+  min-height: var(--vxe-form-item-min-height-mini);
 }
 .vxe-form.size--mini .vxe-default-input[type=submit],
 .vxe-form.size--mini .vxe-default-input[type=reset] {
-  line-height: 26px;
+  line-height: calc(var(--vxe-button-height-mini) - 2px);
 }
 .vxe-form.size--mini .vxe-default-input,
 .vxe-form.size--mini .vxe-default-input,
 .vxe-form.size--mini .vxe-default-select {
-  height: 28px;
+  height: var(--vxe-button-height-mini);
 }

package/es/grid/style.css

@@ -37,7 +37,7 @@
   -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-grid.is--loading > .vxe-table .vxe-loading {
   background-color: transparent;
@@ -49,10 +49,10 @@
   width: 100%;
   height: 100%;
   padding: 0.5em 1em;
-  background-color: #fff;
+  background-color: var(--vxe-grid-maximize-background-color);
 }
 .vxe-grid .vxe-body--row.row--pending {
-  color: #f56c6c;
+  color: var(--vxe-table-validate-error-color);
   text-decoration: line-through;
   cursor: no-drop;
 }
@@ -66,7 +66,7 @@
   left: 0;
   width: 100%;
   height: 0;
-  border-bottom: 1px solid #f56c6c;
+  border-bottom: 1px solid var(--vxe-table-validate-error-color);
   z-index: 1;
 }
 .vxe-grid .vxe-grid--form-wrapper,
@@ -76,14 +76,14 @@
 }
 
 .vxe-grid {
-  font-size: 14px;
+  font-size: var(--vxe-font-size);
 }
 .vxe-grid.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-grid.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-font-size-small);
 }
 .vxe-grid.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-font-size-mini);
 }