vxe-table 4.4.1 → 4.4.2-beta.1

package/es/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/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/tools/log.js

@@ -1,6 +1,6 @@
 import GlobalConfig from '../v-x-e-table/src/conf';
 export function getLog(message, params) {
-    return "[vxe-table v".concat("4.4.0", "] ").concat(GlobalConfig.i18n(message, params));
+    return "[vxe-table v".concat("4.4.2-beta.0", "] ").concat(GlobalConfig.i18n(message, params));
 }
 function outLog(type) {
     return function (message, params) {

package/es/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/es/v-x-e-table/index.js

@@ -83,7 +83,7 @@ export var config = new VXETableConfig();
 export var v = 'v4';
 export var VXETable = {
     v: v,
-    version: "4.4.0",
+    version: "4.4.2-beta.0",
     setup: setup,
     interceptor: interceptor,
     renderer: renderer,

package/es/v-x-e-table/style.css

@@ -54,7 +54,7 @@
   vertical-align: middle;
   position: relative;
   direction: ltr;
-  font-family: Verdana, Arial, Tahoma;
+  font-family: var(--vxe-icon-font-family);
   font-weight: normal;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -100,7 +100,7 @@
   border-width: 0.1em;
   border-style: solid;
   border-color: inherit;
-  background-color: #fff;
+  background-color: var(--vxe-icon-background-color);
 }
 .vxe-icon--zoomin:before, .vxe-icon--zoomin:after {
   background-color: inherit;
@@ -138,7 +138,7 @@
   border-width: 0.1em;
   border-style: solid;
   border-color: inherit;
-  background-color: #fff;
+  background-color: var(--vxe-icon-background-color);
 }
 
 .vxe-icon--menu:before {
@@ -390,7 +390,7 @@
   bottom: 0;
   width: 100%;
   text-align: center;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   transform: rotate(-10deg) scale(0.75);
 }
 
@@ -410,7 +410,7 @@
   content: "✓";
   left: 0.25em;
   bottom: 0;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   font-size: 0.65em;
 }
 
@@ -420,7 +420,7 @@
   bottom: 0;
   width: 100%;
   text-align: center;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   line-height: 1.4em;
   font-size: 0.8em;
 }
@@ -432,7 +432,7 @@
   width: 100%;
   text-align: center;
   line-height: 1.5em;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   font-size: 0.7em;
 }
 
@@ -443,7 +443,7 @@
   width: 100%;
   line-height: 1.4em;
   text-align: center;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   font-size: 0.8em;
 }
 
@@ -563,7 +563,7 @@
   left: 0.2em;
   bottom: -0.2em;
   box-shadow: inset 0 0 0 0.1em;
-  background-color: #fff;
+  background-color: var(--vxe-icon-background-color);
 }
 
 .vxe-icon--search:before {
@@ -1320,7 +1320,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-loading.is--visible {
   display: block;
@@ -1332,7 +1332,7 @@
   left: 0;
   transform: translateY(-50%);
   text-align: center;
-  color: #409eff;
+  color: var(--vxe-loading-color);
 }
 .vxe-loading .vxe-loading--default-icon {
   font-size: 1.4em;
@@ -1351,7 +1351,7 @@
   width: 100%;
   height: 100%;
   border-radius: 50%;
-  background-color: #409eff;
+  background-color: var(--vxe-primary-color);
   opacity: 0.6;
   position: absolute;
   top: 0;

package/es/vxe-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/vxe-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);
 }