vxe-pc-ui 4.6.32 → 4.6.34

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 = "4.6.32";
+export const version = "4.6.34";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -51,6 +51,7 @@ setConfig({
     },
     carouselItem: {},
     checkbox: {},
+    checkboxButton: {},
     checkboxGroup: {},
     col: {},
     collapse: {

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"4.6.32"}`;
+const version = `ui v${"4.6.34"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-checkbox/style.css

@@ -93,18 +93,23 @@
   font-size: var(--vxe-ui-font-size-mini);
 }
 
-.vxe-checkbox {
+.vxe-checkbox--default,
+.vxe-checkbox-group {
   margin-right: var(--vxe-ui-base-margin-gap-default);
 }
-.vxe-checkbox.size--medium {
+.vxe-checkbox--default.size--medium,
+.vxe-checkbox-group.size--medium {
   margin-right: var(--vxe-ui-base-margin-gap-medium);
 }
-.vxe-checkbox.size--small {
+.vxe-checkbox--default.size--small,
+.vxe-checkbox-group.size--small {
   margin-right: var(--vxe-ui-base-margin-gap-small);
 }
-.vxe-checkbox.size--mini {
+.vxe-checkbox--default.size--mini,
+.vxe-checkbox-group.size--mini {
   margin-right: var(--vxe-ui-base-margin-gap-mini);
 }
-.vxe-checkbox:last-of-type {
+.vxe-checkbox--default:last-of-type,
+.vxe-checkbox-group:last-of-type {
   margin-right: 0;
 }

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

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox:last-of-type{margin-right:0}
+.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--default.size--medium,.vxe-checkbox-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--default.size--small,.vxe-checkbox-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--default.size--mini,.vxe-checkbox-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}

package/es/vxe-checkbox-button/index.js

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

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

@@ -0,0 +1,41 @@
+.vxe-checkbox--button .vxe-checkbox--label {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.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 > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.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;
+          user-select: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-checkbox--button > input:focus + .vxe-checkbox--label {
+  border-color: var(--vxe-ui-font-primary-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);
+}

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

@@ -0,0 +1 @@
+.vxe-checkbox--button .vxe-checkbox--label{background-color:var(--vxe-ui-layout-background-color)}.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>input:checked+.vxe-checkbox--label{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.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;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:focus+.vxe-checkbox--label{border-color:var(--vxe-ui-font-primary-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)}

package/es/vxe-radio/style.css

@@ -75,47 +75,6 @@
   box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
 }
 
-.vxe-radio--button .vxe-radio--label {
-  background-color: var(--vxe-ui-layout-background-color);
-}
-.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 > input:checked + .vxe-radio--label {
-  color: #fff;
-  background-color: var(--vxe-ui-font-primary-color);
-  border-color: var(--vxe-ui-font-primary-color);
-}
-.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;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.vxe-radio--button > input:focus + .vxe-radio--label {
-  border-color: var(--vxe-ui-font-primary-color);
-  box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-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 {
   font-size: var(--vxe-ui-font-size-default);
 }

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

@@ -1 +1 @@
-.vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1;cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.26em}.vxe-radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-radio--button .vxe-radio--label{background-color:var(--vxe-ui-layout-background-color)}.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>input:checked+.vxe-radio--label{color:#fff;background-color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio--button>input:focus+.vxe-radio--label{border-color:var(--vxe-ui-font-primary-color);box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-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{font-size:var(--vxe-ui-font-size-default)}.vxe-radio.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-radio:last-of-type{margin-right:0}.vxe-radio--default,.vxe-radio-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-radio--default.size--medium,.vxe-radio-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-radio--default.size--small,.vxe-radio-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-radio--default.size--mini,.vxe-radio-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-radio--default:last-of-type,.vxe-radio-group:last-of-type{margin-right:0}
+.vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1;cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.26em}.vxe-radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-radio{font-size:var(--vxe-ui-font-size-default)}.vxe-radio.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-radio:last-of-type{margin-right:0}.vxe-radio--default,.vxe-radio-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-radio--default.size--medium,.vxe-radio-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-radio--default.size--small,.vxe-radio-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-radio--default.size--mini,.vxe-radio-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-radio--default:last-of-type,.vxe-radio-group:last-of-type{margin-right:0}

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

@@ -0,0 +1,41 @@
+.vxe-radio--button .vxe-radio--label {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.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 > input:checked + .vxe-radio--label {
+  color: #fff;
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.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;
+          user-select: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-radio--button > input:focus + .vxe-radio--label {
+  border-color: var(--vxe-ui-font-primary-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);
+}

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

@@ -0,0 +1 @@
+.vxe-radio--button .vxe-radio--label{background-color:var(--vxe-ui-layout-background-color)}.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>input:checked+.vxe-radio--label{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.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;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio--button>input:focus+.vxe-radio--label{border-color:var(--vxe-ui-font-primary-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)}

package/lib/checkbox/src/button.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _utils = require("../../ui/src/utils");
+var _ui = require("../../ui");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeCheckboxButton',
+  props: {
+    modelValue: [String, Number, Boolean],
+    label: {
+      type: [String, Number, Boolean],
+      default: null
+    },
+    title: [String, Number],
+    checkedValue: {
+      type: [String, Number, Boolean],
+      default: true
+    },
+    uncheckedValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    content: [String, Number],
+    disabled: {
+      type: Boolean,
+      default: null
+    },
+    size: {
+      type: String,
+      default: () => (0, _ui.getConfig)().checkboxButton.size || (0, _ui.getConfig)().size
+    }
+  },
+  emits: ['update:modelValue', 'change'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const $xeForm = (0, _vue.inject)('$xeForm', null);
+    const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
+    const $xeCheckboxGroup = (0, _vue.inject)('$xeCheckboxGroup', null);
+    const xID = _xeUtils.default.uniqueId();
+    const reactData = (0, _vue.reactive)({});
+    const {
+      computeSize
+    } = (0, _ui.useSize)(props);
+    const $xeCheckboxButton = {
+      xID,
+      props,
+      context,
+      reactData
+    };
+    const computeIsChecked = (0, _vue.computed)(() => {
+      if ($xeCheckboxGroup) {
+        return _xeUtils.default.includes($xeCheckboxGroup.props.modelValue, props.label);
+      }
+      return props.modelValue === props.checkedValue;
+    });
+    const computeIsDisabled = (0, _vue.computed)(() => {
+      const {
+        disabled
+      } = props;
+      const isChecked = computeIsChecked.value;
+      if (disabled === null) {
+        if ($xeCheckboxGroup) {
+          const {
+            computeIsDisabled: computeIsGroupDisabled,
+            computeIsMaximize: computeIsGroupMaximize
+          } = $xeCheckboxGroup.getComputeMaps();
+          const isGroupDisabled = computeIsGroupDisabled.value;
+          const isGroupMaximize = computeIsGroupMaximize.value;
+          return isGroupDisabled || isGroupMaximize && !isChecked;
+        }
+      }
+      return disabled;
+    });
+    const changeEvent = evnt => {
+      const {
+        checkedValue,
+        uncheckedValue
+      } = props;
+      const isDisabled = computeIsDisabled.value;
+      if (!isDisabled) {
+        const checked = evnt.target.checked;
+        const value = checked ? checkedValue : uncheckedValue;
+        const params = {
+          checked,
+          value,
+          label: props.label
+        };
+        if ($xeCheckboxGroup) {
+          $xeCheckboxGroup.handleChecked(params, evnt);
+        } else {
+          emit('update:modelValue', value);
+          $xeCheckboxButton.dispatchEvent('change', params, evnt);
+          // 自动更新校验状态
+          if ($xeForm && formItemInfo) {
+            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+          }
+        }
+      }
+    };
+    const checkboxButtonMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, (0, _ui.createEvent)(evnt, {
+          $checkboxButton: $xeCheckboxButton
+        }, params));
+      }
+    };
+    const checkboxButtonPrivateMethods = {};
+    Object.assign($xeCheckboxButton, checkboxButtonMethods, checkboxButtonPrivateMethods);
+    const renderVN = () => {
+      const {
+        label
+      } = props;
+      const vSize = computeSize.value;
+      const isDisabled = computeIsDisabled.value;
+      const isChecked = computeIsChecked.value;
+      return (0, _vue.h)('label', {
+        key: label,
+        class: ['vxe-checkbox vxe-checkbox--button', {
+          [`size--${vSize}`]: vSize,
+          'is--disabled': isDisabled
+        }],
+        title: props.title
+      }, [(0, _vue.h)('input', {
+        class: 'vxe-checkbox--input',
+        type: 'checkbox',
+        disabled: isDisabled,
+        checked: isChecked,
+        onChange: changeEvent
+      }), (0, _vue.h)('span', {
+        class: 'vxe-checkbox--label'
+      }, slots.default ? slots.default({}) : (0, _utils.getFuncText)(props.content))]);
+    };
+    $xeCheckboxButton.renderVN = renderVN;
+    return renderVN;
+  }
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxButton",props:{modelValue:[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:()=>(0,_ui.getConfig)().checkboxButton.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(a,e){const{slots:i,emit:n}=e,c=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null),r=(0,_vue.inject)("$xeCheckboxGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});const d=(0,_ui.useSize)(a)["computeSize"],s={xID:t,props:a,context:e,reactData:u},p=(0,_vue.computed)(()=>r?_xeUtils.default.includes(r.props.modelValue,a.label):a.modelValue===a.checkedValue),v=(0,_vue.computed)(()=>{var e,t,u=a["disabled"],l=p.value;if(null===u&&r)return{computeIsDisabled:e,computeIsMaximize:t}=r.getComputeMaps(),e=e.value,t=t.value,e||t&&!l;return u}),b=e=>{var t,{checkedValue:u,uncheckedValue:l}=a;v.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:a.label},r?r.handleChecked(u,e):(n("update:modelValue",t),s.dispatchEvent("change",u,e),c&&o&&c.triggerItemEvent(e,o.itemConfig.field,t)))};Object.assign(s,{dispatchEvent(e,t,u){n(e,(0,_ui.createEvent)(u,{$checkboxButton:s},t))}},{});t=()=>{var e=a["label"],t=d.value,u=v.value,l=p.value;return(0,_vue.h)("label",{key:e,class:["vxe-checkbox vxe-checkbox--button",{["size--"+t]:t,"is--disabled":u}],title:a.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:u,checked:l,onChange:b}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},i.default?i.default({}):(0,_utils.getFuncText)(a.content))])};return s.renderVN=t}});

package/lib/checkbox/src/checkbox.js

@@ -128,7 +128,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const indeterminate = !isChecked && props.indeterminate;
       return (0, _vue.h)('label', {
         key: label,
-        class: ['vxe-checkbox', {
+        class: ['vxe-checkbox vxe-checkbox--default', {
           [`size--${vSize}`]: vSize,
           'is--indeterminate': indeterminate,
           'is--disabled': isDisabled,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,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:()=>(0,_ui.getConfig)().checkbox.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(a,e){const{slots:n,emit:i}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeCheckboxGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});const l={xID:t,props:a,context:e,reactData:u};let d={};const s=(0,_ui.useSize)(a)["computeSize"],p=(0,_vue.computed)(()=>o?_xeUtils.default.includes(o.props.modelValue,a.label):a.modelValue===a.checkedValue),_=(0,_vue.computed)(()=>{var e,t,u=a["disabled"],l=p.value;if(null===u&&o)return{computeIsDisabled:e,computeIsMaximize:t}=o.getComputeMaps(),e=e.value,t=t.value,e||t&&!l;return u}),v=e=>{var t,{checkedValue:u,uncheckedValue:l}=a;_.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:a.label},o?o.handleChecked(u,e):(i("update:modelValue",t),d.dispatchEvent("change",u,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};d={dispatchEvent:(e,t,u)=>{i(e,(0,_ui.createEvent)(u,{$checkbox:l},t))}},Object.assign(l,d);return l.renderVN=()=>{var e=a["label"],t=s.value,u=_.value,l=p.value,i=!l&&a.indeterminate;return(0,_vue.h)("label",{key:e,class:["vxe-checkbox",{["size--"+t]:t,"is--indeterminate":i,"is--disabled":u,"is--checked":l}],title:a.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:u,checked:l,onChange:v}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:l?(0,_ui.getIcon)().CHECKBOX_CHECKED:u?(0,_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},n.default?n.default({}):(0,_utils.getFuncText)(a.content))])},l},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,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:()=>(0,_ui.getConfig)().checkbox.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(a,e){const{slots:n,emit:i}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeCheckboxGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});const l={xID:t,props:a,context:e,reactData:u};let d={};const s=(0,_ui.useSize)(a)["computeSize"],p=(0,_vue.computed)(()=>o?_xeUtils.default.includes(o.props.modelValue,a.label):a.modelValue===a.checkedValue),_=(0,_vue.computed)(()=>{var e,t,u=a["disabled"],l=p.value;if(null===u&&o)return{computeIsDisabled:e,computeIsMaximize:t}=o.getComputeMaps(),e=e.value,t=t.value,e||t&&!l;return u}),v=e=>{var t,{checkedValue:u,uncheckedValue:l}=a;_.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:a.label},o?o.handleChecked(u,e):(i("update:modelValue",t),d.dispatchEvent("change",u,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};d={dispatchEvent:(e,t,u)=>{i(e,(0,_ui.createEvent)(u,{$checkbox:l},t))}},Object.assign(l,d);return l.renderVN=()=>{var e=a["label"],t=s.value,u=_.value,l=p.value,i=!l&&a.indeterminate;return(0,_vue.h)("label",{key:e,class:["vxe-checkbox vxe-checkbox--default",{["size--"+t]:t,"is--indeterminate":i,"is--disabled":u,"is--checked":l}],title:a.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:u,checked:l,onChange:v}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:l?(0,_ui.getIcon)().CHECKBOX_CHECKED:u?(0,_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},n.default?n.default({}):(0,_utils.getFuncText)(a.content))])},l},render(){return this.renderVN()}});

package/lib/checkbox/style/style.css

@@ -93,18 +93,23 @@
   font-size: var(--vxe-ui-font-size-mini);
 }
 
-.vxe-checkbox {
+.vxe-checkbox--default,
+.vxe-checkbox-group {
   margin-right: var(--vxe-ui-base-margin-gap-default);
 }
-.vxe-checkbox.size--medium {
+.vxe-checkbox--default.size--medium,
+.vxe-checkbox-group.size--medium {
   margin-right: var(--vxe-ui-base-margin-gap-medium);
 }
-.vxe-checkbox.size--small {
+.vxe-checkbox--default.size--small,
+.vxe-checkbox-group.size--small {
   margin-right: var(--vxe-ui-base-margin-gap-small);
 }
-.vxe-checkbox.size--mini {
+.vxe-checkbox--default.size--mini,
+.vxe-checkbox-group.size--mini {
   margin-right: var(--vxe-ui-base-margin-gap-mini);
 }
-.vxe-checkbox:last-of-type {
+.vxe-checkbox--default:last-of-type,
+.vxe-checkbox-group:last-of-type {
   margin-right: 0;
 }

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

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox:last-of-type{margin-right:0}
+.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--default.size--medium,.vxe-checkbox-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--default.size--small,.vxe-checkbox-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--default.size--mini,.vxe-checkbox-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}

package/lib/checkbox-button/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeCheckboxButton = exports.CheckboxButton = void 0;
+var _core = require("@vxe-ui/core");
+var _button = _interopRequireDefault(require("../checkbox/src/button"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeCheckboxButton = exports.VxeCheckboxButton = Object.assign(_button.default, {
+  install: function (app) {
+    app.component(_button.default.name, _button.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeCheckboxButton);
+_core.VxeUI.component(_button.default);
+const CheckboxButton = exports.CheckboxButton = VxeCheckboxButton;
+var _default = exports.default = VxeCheckboxButton;

package/lib/checkbox-button/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeCheckboxButton=exports.CheckboxButton=void 0;var _core=require("@vxe-ui/core"),_button=_interopRequireDefault(require("../checkbox/src/button")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeCheckboxButton=exports.VxeCheckboxButton=Object.assign(_button.default,{install:function(e){e.component(_button.default.name,_button.default)}}),CheckboxButton=(_dynamics.dynamicApp.use(VxeCheckboxButton),_core.VxeUI.component(_button.default),exports.CheckboxButton=VxeCheckboxButton);var _default=exports.default=VxeCheckboxButton;

package/lib/checkbox-button/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

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

@@ -0,0 +1,41 @@
+.vxe-checkbox--button .vxe-checkbox--label {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.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 > input:checked + .vxe-checkbox--label {
+  color: #fff;
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.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;
+          user-select: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-checkbox--button > input:focus + .vxe-checkbox--label {
+  border-color: var(--vxe-ui-font-primary-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);
+}

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

@@ -0,0 +1 @@
+.vxe-checkbox--button .vxe-checkbox--label{background-color:var(--vxe-ui-layout-background-color)}.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>input:checked+.vxe-checkbox--label{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.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;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:focus+.vxe-checkbox--label{border-color:var(--vxe-ui-font-primary-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)}

package/lib/components.js

@@ -186,6 +186,18 @@ Object.keys(_checkbox).forEach(function (key) {
     }
   });
 });
+var _checkboxButton = _interopRequireWildcard(require("./checkbox-button"));
+Object.keys(_checkboxButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkboxButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _checkboxButton[key];
+    }
+  });
+});
 var _checkboxGroup = _interopRequireWildcard(require("./checkbox-group"));
 Object.keys(_checkboxGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1031,7 +1043,7 @@ Object.keys(_ui).forEach(function (key) {
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const components = [_alert.default, _anchor.default, _anchorLink.default, _avatar.default, _badge.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _calendar.default, _card.default, _carousel.default, _carouselItem.default, _checkbox.default, _checkboxGroup.default, _col.default, _collapse.default, _collapsePane.default, _colorPicker.default, _countdown.default, _datePanel.default, _datePicker.default, _dateRangePicker.default, _drawer.default, _empty.default, _form.default, _formDesign.default, _formGather.default, _formGroup.default, _formItem.default, _formView.default, _icon.default, _iconPicker.default, _image.default, _imageGroup.default, _imagePreview.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _link.default, _listDesign.default, _listView.default, _list.default, _loading.default, _menu.default, _modal.default, _noticeBar.default, _numberInput.default, _optgroup.default, _option.default, _pager.default, _passwordInput.default, _printPageBreak.default, _print.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _rate.default, _result.default, _row.default, _select.default, _split.default, _splitPane.default, _slider.default, _steps.default, _switch.default, _tabPane.default, _tableSelect.default, _tabs.default, _tag.default, _textEllipsis.default, _text.default, _textarea.default, _tip.default, _tooltip.default, _tree.default, _treeSelect.default, _upload.default, _watermark.default];
+const components = [_alert.default, _anchor.default, _anchorLink.default, _avatar.default, _badge.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _calendar.default, _card.default, _carousel.default, _carouselItem.default, _checkbox.default, _checkboxButton.default, _checkboxGroup.default, _col.default, _collapse.default, _collapsePane.default, _colorPicker.default, _countdown.default, _datePanel.default, _datePicker.default, _dateRangePicker.default, _drawer.default, _empty.default, _form.default, _formDesign.default, _formGather.default, _formGroup.default, _formItem.default, _formView.default, _icon.default, _iconPicker.default, _image.default, _imageGroup.default, _imagePreview.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _link.default, _listDesign.default, _listView.default, _list.default, _loading.default, _menu.default, _modal.default, _noticeBar.default, _numberInput.default, _optgroup.default, _option.default, _pager.default, _passwordInput.default, _printPageBreak.default, _print.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _rate.default, _result.default, _row.default, _select.default, _split.default, _splitPane.default, _slider.default, _steps.default, _switch.default, _tabPane.default, _tableSelect.default, _tabs.default, _tag.default, _textEllipsis.default, _text.default, _textarea.default, _tip.default, _tooltip.default, _tree.default, _treeSelect.default, _upload.default, _watermark.default];
 function install(app, options) {
   (0, _core.setConfig)(options);
   components.forEach(component => app.use(component));