vxe-pc-ui 3.15.18 → 3.15.19

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "3.15.18";
+export const version = "3.15.19";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const uiVersion = `ui v${"3.15.18"}`;
+const uiVersion = `ui v${"3.15.19"}`;
 export function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';

package/es/vxe-checkbox-button/style.css

@@ -1,3 +1,16 @@
+.vxe-checkbox--button {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-default);
+}
+.vxe-checkbox--button.size--medium {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-medium);
+}
+.vxe-checkbox--button.size--small {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-small);
+}
+.vxe-checkbox--button.size--mini {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-mini);
+}
+
 .vxe-checkbox--button:first-child .vxe-checkbox--label {
   border-left: 1px solid var(--vxe-ui-input-border-color);
   border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
@@ -174,6 +187,10 @@
   background-color: var(--vxe-ui-table-header-background-color);
 }
 
+.vxe-checkbox--button-icon + .vxe-checkbox--button-content {
+  margin-left: var(--vxe-ui-checkbox--button-current-margin-left);
+}
+
 .vxe-checkbox--button.size--medium .vxe-checkbox--label {
   line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
 }

package/es/vxe-checkbox-button/style.min.css

@@ -1 +1 @@
-.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}
+.vxe-checkbox--button{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--button.size--medium{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--button.size--small{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--button.size--mini{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button-icon+.vxe-checkbox--button-content{margin-left:var(--vxe-ui-checkbox--button-current-margin-left)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}

package/es/vxe-radio-button/style.css

@@ -1,3 +1,16 @@
+.vxe-radio--button {
+  --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-default);
+}
+.vxe-radio--button.size--medium {
+  --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-medium);
+}
+.vxe-radio--button.size--small {
+  --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-small);
+}
+.vxe-radio--button.size--mini {
+  --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-mini);
+}
+
 .vxe-radio--button:first-child .vxe-radio--label {
   border-left: 1px solid var(--vxe-ui-input-border-color);
   border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
@@ -174,6 +187,10 @@
   background-color: var(--vxe-ui-table-header-background-color);
 }
 
+.vxe-radio--button-icon + .vxe-radio--button-content {
+  margin-left: var(--vxe-ui-radio--button-current-margin-left);
+}
+
 .vxe-radio--button.size--medium .vxe-radio--label {
   line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
 }

package/es/vxe-radio-button/style.min.css

@@ -1 +1 @@
-.vxe-radio--button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-radio--button:last-child .vxe-radio--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-radio--button .vxe-radio--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-radio--button.size--medium .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-radio--button.size--small .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-radio--button.size--mini .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}
+.vxe-radio--button{--vxe-ui-radio--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-radio--button.size--medium{--vxe-ui-radio--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-radio--button.size--small{--vxe-ui-radio--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-radio--button.size--mini{--vxe-ui-radio--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-radio--button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-radio--button:last-child .vxe-radio--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-radio--button .vxe-radio--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-radio--button-icon+.vxe-radio--button-content{margin-left:var(--vxe-ui-radio--button-current-margin-left)}.vxe-radio--button.size--medium .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-radio--button.size--small .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-radio--button.size--mini .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}

package/lib/checkbox/src/button.js

@@ -18,6 +18,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
   props: {
     value: [String, Number, Boolean],
+    /**
+     * 已废弃，被 checkedValue 替换
+     */
     label: {
       type: [String, Number, Boolean],
       default: null
@@ -29,9 +32,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     uncheckedValue: {
       type: [String, Number, Boolean],
-      default: false
+      default: undefined
     },
     content: [String, Number],
+    icon: [String, Number],
     disabled: {
       type: Boolean,
       default: null
@@ -63,21 +67,29 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     };
   },
   computed: Object.assign(Object.assign({}, {}), {
+    computeCheckValue: function computeCheckValue() {
+      var $xeCheckboxButton = this;
+      var props = $xeCheckboxButton;
+      var checkedValue = props.checkedValue,
+        label = props.label;
+      return _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
+    },
     computeIsChecked: function computeIsChecked() {
-      var $xeCheckbox = this;
-      var props = $xeCheckbox;
-      var $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+      var $xeCheckboxButton = this;
+      var props = $xeCheckboxButton;
+      var $xeCheckboxGroup = $xeCheckboxButton.$xeCheckboxGroup;
+      var checkValue = $xeCheckboxButton.computeCheckValue;
       if ($xeCheckboxGroup) {
-        return _xeUtils.default.includes($xeCheckboxGroup.value, props.label);
+        return _xeUtils.default.includes($xeCheckboxGroup.value, checkValue);
       }
-      return props.value === props.checkedValue;
+      return props.value === checkValue;
     },
     computeIsDisabled: function computeIsDisabled() {
-      var $xeCheckbox = this;
-      var props = $xeCheckbox;
-      var $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+      var $xeCheckboxButton = this;
+      var props = $xeCheckboxButton;
+      var $xeCheckboxGroup = $xeCheckboxButton.$xeCheckboxGroup;
       var disabled = props.disabled;
-      var isChecked = $xeCheckbox.computeIsChecked;
+      var isChecked = $xeCheckboxButton.computeIsChecked;
       if (disabled === null) {
         if ($xeCheckboxGroup) {
           var isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
@@ -94,46 +106,52 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     // Method
     //
     dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeCheckbox = this;
-      $xeCheckbox.$emit(type, (0, _ui.createEvent)(evnt, {
-        $checkbox: $xeCheckbox
+      var $xeCheckboxButton = this;
+      $xeCheckboxButton.$emit(type, (0, _ui.createEvent)(evnt, {
+        $checkboxButton: $xeCheckboxButton
       }, params));
     },
     emitModel: function emitModel(value) {
-      var $xeCheckbox = this;
-      var _events = $xeCheckbox._events;
-      $xeCheckbox.$emit('input', value);
+      var $xeCheckboxButton = this;
+      var _events = $xeCheckboxButton._events;
+      $xeCheckboxButton.$emit('input', value);
       if (_events && _events.modelValue) {
-        $xeCheckbox.$emit('modelValue', value);
+        $xeCheckboxButton.$emit('modelValue', value);
       } else {
-        $xeCheckbox.$emit('model-value', value);
+        $xeCheckboxButton.$emit('model-value', value);
       }
     },
     changeEvent: function changeEvent(evnt) {
-      var $xeCheckbox = this;
-      var props = $xeCheckbox;
-      var $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
-      var $xeForm = $xeCheckbox.$xeForm;
-      var formItemInfo = $xeCheckbox.formItemInfo;
-      var checkedValue = props.checkedValue,
-        uncheckedValue = props.uncheckedValue;
-      var isDisabled = $xeCheckbox.computeIsDisabled;
+      var $xeCheckboxButton = this;
+      var props = $xeCheckboxButton;
+      var $xeCheckboxGroup = $xeCheckboxButton.$xeCheckboxGroup;
+      var $xeForm = $xeCheckboxButton.$xeForm;
+      var formItemInfo = $xeCheckboxButton.formItemInfo;
+      var uncheckedValue = props.uncheckedValue;
+      var isDisabled = $xeCheckboxButton.computeIsDisabled;
+      var checkValue = $xeCheckboxButton.computeCheckValue;
       if (!isDisabled) {
         var checked = evnt.target.checked;
-        var value = checked ? checkedValue : uncheckedValue;
-        var params = {
-          checked: checked,
-          value: value,
-          label: props.label
-        };
         if ($xeCheckboxGroup) {
+          var value = checkValue;
+          var params = {
+            checked: checked,
+            value: value,
+            label: value
+          };
           $xeCheckboxGroup.handleChecked(params, evnt);
         } else {
-          $xeCheckbox.emitModel(value);
-          $xeCheckbox.dispatchEvent('change', params, evnt);
+          var _value = checked ? checkValue : uncheckedValue;
+          var _params = {
+            checked: checked,
+            value: _value,
+            label: _value
+          };
+          $xeCheckboxButton.emitModel(_value);
+          $xeCheckboxButton.dispatchEvent('change', _params, evnt);
           // 自动更新校验状态
           if ($xeForm && formItemInfo) {
-            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, _value);
           }
         }
       }
@@ -146,11 +164,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeCheckboxButton;
       var slots = $xeCheckboxButton.$scopedSlots;
       var $xeCheckboxGroup = $xeCheckboxButton.$xeCheckboxGroup;
-      var label = props.label,
+      var icon = props.icon,
         content = props.content;
       var vSize = $xeCheckboxButton.computeSize;
       var isDisabled = $xeCheckboxButton.computeIsDisabled;
       var isChecked = $xeCheckboxButton.computeIsChecked;
+      var checkValue = $xeCheckboxButton.computeCheckValue;
       var defaultSlot = slots.default;
       if ($xeCheckboxGroup) {
         var isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
@@ -160,13 +179,19 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
               class: ['vxe-checkbox vxe-checkbox--button-view', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--readonly', isGroupReadonly)]
             }, [h('span', {
               class: 'vxe-checkbox--label'
-            }, defaultSlot ? defaultSlot({}) : (0, _utils.getFuncText)(content))]);
+            }, defaultSlot ? defaultSlot({}) : [icon ? h('span', {
+              class: 'vxe-checkbox--button-icon'
+            }, [h('i', {
+              class: icon
+            })]) : (0, _ui.renderEmptyElement)($xeCheckboxButton), content ? h('span', {
+              class: 'vxe-checkbox--button-content'
+            }, (0, _utils.getFuncText)(content)) : (0, _ui.renderEmptyElement)($xeCheckboxButton)])]);
           }
           return (0, _ui.renderEmptyElement)($xeCheckboxButton);
         }
       }
       return h('label', {
-        key: label,
+        key: "".concat(checkValue),
         class: ['vxe-checkbox vxe-checkbox--button', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--disabled', isDisabled)],
         attrs: {
           title: props.title
@@ -187,7 +212,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         class: ['vxe-checkbox--label', {
           'is--disabled': isDisabled
         }]
-      }, defaultSlot ? defaultSlot({}) : (0, _utils.getFuncText)(props.content))]);
+      }, defaultSlot ? defaultSlot({}) : [icon ? h('span', {
+        class: 'vxe-checkbox--button-icon'
+      }, [h('i', {
+        class: icon
+      })]) : (0, _ui.renderEmptyElement)($xeCheckboxButton), content ? h('span', {
+        class: 'vxe-checkbox--button-content'
+      }, (0, _utils.getFuncText)(content)) : (0, _ui.renderEmptyElement)($xeCheckboxButton)])]);
     }
   },
   render: function render(h) {

package/lib/checkbox/src/button.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkboxButton.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeCheckboxGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsChecked:function(){var e=this,t=this.$xeCheckboxGroup;return t?_xeUtils.default.includes(t.value,e.label):e.value===e.checkedValue},computeIsDisabled:function(){var e,t,o=this,i=o.$xeCheckboxGroup,n=o.disabled,o=o.computeIsChecked;if(null===n&&i)return e=i.computeIsDisabled,t=i.computeIsReadonly,i=i.computeIsMaximize,e||t||i&&!o;return n}}),methods:{dispatchEvent:function(e,t,o){this.$emit(e,(0,_ui.createEvent)(o,{$checkbox:this},t))},emitModel:function(e){var t=this,o=t._events;t.$emit("input",e),o&&o.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},changeEvent:function(e){var t,o=this,i=o.$xeCheckboxGroup,n=o.$xeForm,r=o.formItemInfo,u=o.checkedValue;o.computeIsDisabled||(u={checked:t=e.target.checked,value:t=t?u:o.uncheckedValue,label:o.label},i?i.handleChecked(u,e):(o.emitModel(t),o.dispatchEvent("change",u,e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,t)))},renderVN:function(e){var t=this,o=t,i=t.$scopedSlots,n=t.$xeCheckboxGroup,r=o.label,u=o.content,l=t.computeSize,c=t.computeIsDisabled,a=t.computeIsChecked,i=i.default;if(n){n=n.computeIsReadonly;if(n)return a?e("label",{class:["vxe-checkbox vxe-checkbox--button-view",_defineProperty(_defineProperty({},"size--".concat(l),l),"is--readonly",n)]},[e("span",{class:"vxe-checkbox--label"},i?i({}):(0,_utils.getFuncText)(u))]):(0,_ui.renderEmptyElement)(t)}return e("label",{key:r,class:["vxe-checkbox vxe-checkbox--button",_defineProperty(_defineProperty({},"size--".concat(l),l),"is--disabled",c)],attrs:{title:o.title}},[e("input",{class:"vxe-checkbox--input",domProps:{checked:a},attrs:{type:"checkbox",disabled:c},on:{change:t.changeEvent}}),e("span",{class:["vxe-checkbox--label",{"is--disabled":c}]},i?i({}):(0,_utils.getFuncText)(o.content))])}},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},content:[String,Number],icon:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkboxButton.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeCheckboxGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeCheckValue:function(){var e=this.checkedValue,t=this.label;return _xeUtils.default.isUndefined(e)?t:e},computeIsChecked:function(){var e=this,t=e,n=e.$xeCheckboxGroup,e=e.computeCheckValue;return n?_xeUtils.default.includes(n.value,e):t.value===e},computeIsDisabled:function(){var e,t,n=this,o=n.$xeCheckboxGroup,i=n.disabled,n=n.computeIsChecked;if(null===i&&o)return e=o.computeIsDisabled,t=o.computeIsReadonly,o=o.computeIsMaximize,e||t||o&&!n;return i}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$checkboxButton:this},t))},emitModel:function(e){var t=this,n=t._events;t.$emit("input",e),n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},changeEvent:function(e){var t,n=this,o=n.$xeCheckboxGroup,i=n.$xeForm,u=n.formItemInfo,r=n.uncheckedValue,c=n.computeCheckValue;n.computeIsDisabled||(t=e.target.checked,o?o.handleChecked({checked:t,value:c,label:c},e):(t={checked:t,value:o=t?c:r,label:o},n.emitModel(o),n.dispatchEvent("change",t,e),i&&u&&i.triggerItemEvent(e,u.itemConfig.field,o)))},renderVN:function(e){var t=this,n=t,o=t.$scopedSlots,i=t.$xeCheckboxGroup,u=n.icon,r=n.content,c=t.computeSize,l=t.computeIsDisabled,a=t.computeIsChecked,s=t.computeCheckValue,o=o.default;if(i){i=i.computeIsReadonly;if(i)return a?e("label",{class:["vxe-checkbox vxe-checkbox--button-view",_defineProperty(_defineProperty({},"size--".concat(c),c),"is--readonly",i)]},[e("span",{class:"vxe-checkbox--label"},o?o({}):[u?e("span",{class:"vxe-checkbox--button-icon"},[e("i",{class:u})]):(0,_ui.renderEmptyElement)(t),r?e("span",{class:"vxe-checkbox--button-content"},(0,_utils.getFuncText)(r)):(0,_ui.renderEmptyElement)(t)])]):(0,_ui.renderEmptyElement)(t)}return e("label",{key:"".concat(s),class:["vxe-checkbox vxe-checkbox--button",_defineProperty(_defineProperty({},"size--".concat(c),c),"is--disabled",l)],attrs:{title:n.title}},[e("input",{class:"vxe-checkbox--input",domProps:{checked:a},attrs:{type:"checkbox",disabled:l},on:{change:t.changeEvent}}),e("span",{class:["vxe-checkbox--label",{"is--disabled":l}]},o?o({}):[u?e("span",{class:"vxe-checkbox--button-icon"},[e("i",{class:u})]):(0,_ui.renderEmptyElement)(t),r?e("span",{class:"vxe-checkbox--button-content"},(0,_utils.getFuncText)(r)):(0,_ui.renderEmptyElement)(t)])])}},render:function(e){return this.renderVN(e)}});

package/lib/checkbox/src/group.js

@@ -133,6 +133,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var propsOpts = $xeCheckboxGroup.computePropsOpts;
       return propsOpts.value || 'value';
     },
+    computeIconField: function computeIconField() {
+      var $xeCheckboxGroup = this;
+      var propsOpts = $xeCheckboxGroup.computePropsOpts;
+      return propsOpts.icon || 'icon';
+    },
+    computeTitleField: function computeTitleField() {
+      var $xeCheckboxGroup = this;
+      var propsOpts = $xeCheckboxGroup.computePropsOpts;
+      return propsOpts.title || 'title';
+    },
     computeDisabledField: function computeDisabledField() {
       var $xeCheckboxGroup = this;
       var propsOpts = $xeCheckboxGroup.computePropsOpts;
@@ -236,6 +246,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var valueField = $xeCheckboxGroup.computeValueField;
       var labelField = $xeCheckboxGroup.computeLabelField;
       var disabledField = $xeCheckboxGroup.computeDisabledField;
+      var iconField = $xeCheckboxGroup.computeIconField;
+      var titleField = $xeCheckboxGroup.computeTitleField;
       var isReadonly = $xeCheckboxGroup.computeIsReadonly;
       var isDisabled = $xeCheckboxGroup.computeIsDisabled;
       return h('div', {
@@ -244,8 +256,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return h(_checkbox.default, {
           key: item[valueField],
           props: {
-            label: item[valueField],
+            checkedValue: item[valueField],
             content: item[labelField],
+            icon: item[iconField],
+            title: item[titleField],
             disabled: item[disabledField]
           }
         });

package/lib/checkbox/src/group.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function createReactData(){return{}}function createInternalData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",mixins:[_ui.globalMixins.sizeMixin],props:{value:Array,options:Array,optionProps:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},status:{type:String,default:function(){return(0,_ui.getConfig)().checkboxGroup.status}},max:{type:[String,Number],default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},defaultConfig:Object},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeCheckboxGroup:this}},data:function(){var e=createReactData();return Object.assign(Object.assign({},{}),{xID:_xeUtils.default.uniqueId(),reactData:e})},computed:Object.assign(Object.assign({},{}),{computeIsReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeIsMaximize:function(){var e=this.value,t=this.max;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)},computeDefaultOpts:function(){return Object.assign({},this.defaultConfig)},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$checkboxGroup:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},emitDefaultValue:function(e){this.emitModel(e),this.dispatchEvent("default-change",{value:e},null)},loadData:function(e){var t,i=this,n=i,o=i.internalData,r=o.isLoaded,u=i.computeValueField;return r||(r=i.computeDefaultOpts.selectMode,0<e.length&&_xeUtils.default.eqNull(n.value)&&("all"===r?i.$nextTick(function(){i.emitDefaultValue(e.map(function(e){return e[u]}))}):"first"!==r&&"last"!==r||(t=_xeUtils.default[r](e))&&i.$nextTick(function(){_xeUtils.default.eqNull(n.value)&&i.emitDefaultValue([t[u]])}),o.isLoaded=!0)),i.$nextTick()},handleChecked:function(e,t){var i=this,n=i.$xeForm,o=i.formItemInfo,r=e.checked,u=e.label,a=i.value||[],l=a.indexOf(u);r?-1===l&&a.push(u):a.splice(l,1),i.emitModel(a),i.dispatchEvent("change",Object.assign({},e,{checklist:a,value:a}),t),n&&o&&n.triggerItemEvent(t,o.itemConfig.field,a)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.status,o=e.options,i=i.default,r=e.computeValueField,u=e.computeLabelField,a=e.computeDisabledField,l=e.computeIsReadonly,e=e.computeIsDisabled;return t("div",{class:["vxe-checkbox-group",_defineProperty(_defineProperty(_defineProperty({},"theme--".concat(n),n),"is--readonly",l),"is--disabled",e)]},i?i({}):o?o.map(function(e){return t(_checkbox.default,{key:e[r],props:{label:e[r],content:e[u],disabled:e[a]}})}):[])}},watch:{options:function(e){this.loadData(e)}},created:function(){this.internalData=createInternalData()},mounted:function(){var t=this,i=t;t.$nextTick(function(){var e=i.options;e&&t.loadData(e)})},beforeDestroy:function(){var e=this.reactData,t=this.internalData;_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function createReactData(){return{}}function createInternalData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",mixins:[_ui.globalMixins.sizeMixin],props:{value:Array,options:Array,optionProps:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},status:{type:String,default:function(){return(0,_ui.getConfig)().checkboxGroup.status}},max:{type:[String,Number],default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},defaultConfig:Object},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeCheckboxGroup:this}},data:function(){var e=createReactData();return Object.assign(Object.assign({},{}),{xID:_xeUtils.default.uniqueId(),reactData:e})},computed:Object.assign(Object.assign({},{}),{computeIsReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeIsMaximize:function(){var e=this.value,t=this.max;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)},computeDefaultOpts:function(){return Object.assign({},this.defaultConfig)},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeIconField:function(){return this.computePropsOpts.icon||"icon"},computeTitleField:function(){return this.computePropsOpts.title||"title"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$checkboxGroup:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},emitDefaultValue:function(e){this.emitModel(e),this.dispatchEvent("default-change",{value:e},null)},loadData:function(e){var t,i=this,n=i,o=i.internalData,u=o.isLoaded,r=i.computeValueField;return u||(u=i.computeDefaultOpts.selectMode,0<e.length&&_xeUtils.default.eqNull(n.value)&&("all"===u?i.$nextTick(function(){i.emitDefaultValue(e.map(function(e){return e[r]}))}):"first"!==u&&"last"!==u||(t=_xeUtils.default[u](e))&&i.$nextTick(function(){_xeUtils.default.eqNull(n.value)&&i.emitDefaultValue([t[r]])}),o.isLoaded=!0)),i.$nextTick()},handleChecked:function(e,t){var i=this,n=i.$xeForm,o=i.formItemInfo,u=e.checked,r=e.label,a=i.value||[],l=a.indexOf(r);u?-1===l&&a.push(r):a.splice(l,1),i.emitModel(a),i.dispatchEvent("change",Object.assign({},e,{checklist:a,value:a}),t),n&&o&&n.triggerItemEvent(t,o.itemConfig.field,a)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.status,o=e.options,i=i.default,u=e.computeValueField,r=e.computeLabelField,a=e.computeDisabledField,l=e.computeIconField,c=e.computeTitleField,s=e.computeIsReadonly,e=e.computeIsDisabled;return t("div",{class:["vxe-checkbox-group",_defineProperty(_defineProperty(_defineProperty({},"theme--".concat(n),n),"is--readonly",s),"is--disabled",e)]},i?i({}):o?o.map(function(e){return t(_checkbox.default,{key:e[u],props:{checkedValue:e[u],content:e[r],icon:e[l],title:e[c],disabled:e[a]}})}):[])}},watch:{options:function(e){this.loadData(e)}},created:function(){this.internalData=createInternalData()},mounted:function(){var t=this,i=t;t.$nextTick(function(){var e=i.options;e&&t.loadData(e)})},beforeDestroy:function(){var e=this.reactData,t=this.internalData;_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/checkbox-button/style/style.css

@@ -1,3 +1,16 @@
+.vxe-checkbox--button {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-default);
+}
+.vxe-checkbox--button.size--medium {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-medium);
+}
+.vxe-checkbox--button.size--small {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-small);
+}
+.vxe-checkbox--button.size--mini {
+  --vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-mini);
+}
+
 .vxe-checkbox--button:first-child .vxe-checkbox--label {
   border-left: 1px solid var(--vxe-ui-input-border-color);
   border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
@@ -174,6 +187,10 @@
   background-color: var(--vxe-ui-table-header-background-color);
 }
 
+.vxe-checkbox--button-icon + .vxe-checkbox--button-content {
+  margin-left: var(--vxe-ui-checkbox--button-current-margin-left);
+}
+
 .vxe-checkbox--button.size--medium .vxe-checkbox--label {
   line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
 }

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

@@ -1 +1 @@
-.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}
+.vxe-checkbox--button{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--button.size--medium{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--button.size--small{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--button.size--mini{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button-icon+.vxe-checkbox--button-content{margin-left:var(--vxe-ui-checkbox--button-current-margin-left)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}