vxe-table 4.4.1 → 4.4.2-beta.1

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

package/es/vxe-icon/style.css

@@ -29,7 +29,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;
@@ -75,7 +75,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;
@@ -113,7 +113,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 {
@@ -365,7 +365,7 @@
   bottom: 0;
   width: 100%;
   text-align: center;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   transform: rotate(-10deg) scale(0.75);
 }
 
@@ -385,7 +385,7 @@
   content: "✓";
   left: 0.25em;
   bottom: 0;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   font-size: 0.65em;
 }
 
@@ -395,7 +395,7 @@
   bottom: 0;
   width: 100%;
   text-align: center;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   line-height: 1.4em;
   font-size: 0.8em;
 }
@@ -407,7 +407,7 @@
   width: 100%;
   text-align: center;
   line-height: 1.5em;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   font-size: 0.7em;
 }
 
@@ -418,7 +418,7 @@
   width: 100%;
   line-height: 1.4em;
   text-align: center;
-  color: #fff;
+  color: var(--vxe-icon-background-color);
   font-size: 0.8em;
 }
 
@@ -538,7 +538,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 {