vxe-table 4.2.8 → 4.3.0-beta.10

package/es/validator/index.d.ts

@@ -1,4 +1,4 @@
-import { Validator } from '../../types/validator'
+import { VxeModuleValidator } from '../../types/validator'
 
 export * from '../../types/validator'
-export default Validator
+export default VxeModuleValidator

package/es/validator/index.js

@@ -1,8 +1,9 @@
 import validatorHook from './src/hook';
 import { VXETable } from '../v-x-e-table';
-export var Validator = {
+export var VxeModuleValidator = {
     install: function () {
         VXETable.hooks.add('$tableValidator', validatorHook);
     }
 };
-export default Validator;
+export var Validator = VxeModuleValidator;
+export default VxeModuleValidator;

package/es/vxe-button/index.d.ts

@@ -0,0 +1,4 @@
+import { VxeButton } from '../../types/button'
+
+export * from '../../types/button'
+export default VxeButton

package/es/vxe-button/index.js

@@ -0,0 +1,3 @@
+import VxeButton from '../button';
+export * from '../button';
+export default VxeButton;

package/es/vxe-button/style.css

@@ -0,0 +1,411 @@
+/*font*/
+/*size*/
+/*icon*/
+/*color*/
+/*input/radio/checkbox*/
+/*popup*/
+/*table*/
+/*filter*/
+/*menu*/
+/*loading*/
+/*validate*/
+/*grid*/
+/*toolbar*/
+/*tooltip*/
+/*pager*/
+/*modal*/
+/*checkbox*/
+/*radio*/
+/*button*/
+/*input*/
+/*textarea*/
+/*form*/
+/*select*/
+/*switch*/
+/*pulldown*/
+.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;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  transition: border 0.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: rgba(255, 255, 255, 0.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: 0.1em 0.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: white; }
+      .vxe-button.type--text.theme--perfect.is--disabled {
+        color: white; }
+  .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 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: white;
+          border-color: white; }
+        .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: white;
+        background-color: white; }
+      .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--loading-icon,
+    .vxe-button.size--medium .vxe-button--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--loading-icon,
+    .vxe-button.size--small .vxe-button--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--loading-icon,
+    .vxe-button.size--mini .vxe-button--icon {
+      min-width: 12px; }
+
+.vxe-input + .vxe-button,
+.vxe-input + .vxe-button--dropdown,
+.vxe-button + .vxe-button,
+.vxe-button + .vxe-button--dropdown {
+  margin-left: 12px; }
+
+.vxe-button--loading-icon,
+.vxe-button--icon {
+  min-width: 14px; }
+  .vxe-button--loading-icon + .vxe-button--content,
+  .vxe-button--icon + .vxe-button--content {
+    margin-left: 4px; }
+
+.vxe-button--wrapper,
+.vxe-button--dropdown {
+  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: white; }
+  .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: white;
+    border-color: white; }
+  .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 0.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(0.5);
+    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+    transform-origin: center top;
+    -webkit-backface-visibility: hidden;
+            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, 0.2); }
+  .vxe-button--dropdown-wrapper > .vxe-button {
+    margin-left: 0;
+    margin-top: 0.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/es/vxe-checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import { VxeCheckbox } from '../../types/checkbox'
+
+export * from '../../types/checkbox'
+export default VxeCheckbox

package/es/vxe-checkbox/index.js

@@ -0,0 +1,3 @@
+import VxeCheckbox from '../checkbox';
+export * from '../checkbox';
+export default VxeCheckbox;

package/es/vxe-checkbox/style.css

@@ -0,0 +1,262 @@
+/*font*/
+/*size*/
+/*icon*/
+/*color*/
+/*input/radio/checkbox*/
+/*popup*/
+/*table*/
+/*filter*/
+/*menu*/
+/*loading*/
+/*validate*/
+/*grid*/
+/*toolbar*/
+/*tooltip*/
+/*pager*/
+/*modal*/
+/*checkbox*/
+/*radio*/
+/*button*/
+/*input*/
+/*textarea*/
+/*form*/
+/*select*/
+/*switch*/
+/*pulldown*/
+[class*="vxe-"], [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%; }
+
+/*animat*/
+.is--animat .vxe-sort--asc-btn:before, .is--animat .vxe-sort--asc-btn:after,
+.is--animat .vxe-sort--desc-btn:before,
+.is--animat .vxe-sort--desc-btn:after,
+.is--animat .vxe-filter--btn:before,
+.is--animat .vxe-filter--btn:after {
+  transition: border 0.1s ease-in-out; }
+
+.is--animat .vxe-input--wrapper .vxe-input {
+  transition: border 0.1s ease-in-out; }
+
+.is--animat .vxe-table--expand-btn,
+.is--animat .vxe-tree--node-btn {
+  transition: transform 0.1s ease-in-out; }
+
+.is--animat .vxe-checkbox > input:checked + span,
+.is--animat .vxe-radio > input:checked + span {
+  transition: background-color 0.1s ease-in-out; }
+
+.vxe-checkbox .vxe-checkbox--icon {
+  font-size: 1.4em; }
+
+.vxe-checkbox .vxe-checkbox--icon {
+  color: #dcdfe6;
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-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: 0.5em;
+  vertical-align: middle; }
+
+/*checkbox-group*/
+.vxe-checkbox-group {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1; }
+
+/*checkbox*/
+.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 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: 0.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; }