vxe-pc-ui 0.0.2 → 0.2.0

package/README.md

@@ -30,6 +30,7 @@ npm install vxe-pc-ui
 // ...
 import { createApp } from 'vue'
 import VxeUI from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
 // ...
 
 VxeUI.config({
@@ -43,6 +44,12 @@ app.mount('#app')
 // ...
 ```
 
+## Contributors
+
+Thank you to everyone who contributed to this project.
+
+[![vxe-pc-ui](https://contrib.rocks/image?repo=x-extends/vxe-pc-ui)](https://github.com/x-extends/vxe-pc-ui/graphs/contributors)
+
 ## License
 
 [MIT](LICENSE) © 2019-present, Xu Liangzhan

package/es/{anchor-link → anchor}/src/anchor-link.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, h, computed, reactive, inject, createCommentVNode, onMounted, onUnmounted, provide, watch } from 'vue';
 import XEUtils from 'xe-utils';
-import { assemAnchorLink, destroyAnchorLink } from './util';
+import { assembleAnchorLink, destroyAnchorLink } from './util';
 export default defineComponent({
     name: 'VxeAnchorLink',
     props: {
@@ -52,7 +52,7 @@ export default defineComponent({
         });
         onMounted(() => {
             if ($xeAnchor && refElem.value) {
-                assemAnchorLink($xeAnchor, refElem.value, linkConfig, $xeParentAnchorLink);
+                assembleAnchorLink($xeAnchor, refElem.value, linkConfig, $xeParentAnchorLink);
             }
         });
         onUnmounted(() => {

package/es/anchor/src/anchor.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, h, reactive, provide, nextTick, onBeforeUnmount, onMounted, watch, createCommentVNode, computed } from 'vue';
 import XEUtils from 'xe-utils';
 import { getOffsetPos } from '../../ui/src/dom';
-import VxeAnchorLinkComponent from '../../anchor-link/src/anchor-link';
+import VxeAnchorLinkComponent from './anchor-link';
 export default defineComponent({
     name: 'VxeAnchor',
     props: {

package/es/{anchor-link → anchor}/src/util.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-export function assemAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
+export function assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
     const staticLinks = $xeAnchor.reactData.staticLinks;
     const parentElem = elem.parentNode;
     const parentLinkConfig = $xeParentAnchorLink ? $xeParentAnchorLink.linkConfig : null;

package/es/anchor-link/index.js

@@ -1,4 +1,4 @@
-import VxeAnchorLinkComponent from './src/anchor-link';
+import VxeAnchorLinkComponent from '../anchor/src/anchor-link';
 const VxeAnchorLink = Object.assign({}, VxeAnchorLinkComponent, {
     install(app) {
         app.component(VxeAnchorLinkComponent.name, VxeAnchorLinkComponent);

package/es/{button-group → button}/src/button-group.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, provide } from 'vue';
-import globalConfigStore from '../../ui/src/globalStore';
+import { getConfig } from '../../ui/src/core';
 import XEUtils from 'xe-utils';
 import VxeButtonComponent from '../../button/src/button';
 import { useSize } from '../../hooks/size';
@@ -13,7 +13,7 @@ export default defineComponent({
         circle: Boolean,
         className: [String, Function],
         disabled: Boolean,
-        size: { type: String, default: () => globalConfigStore.buttonGroup.size || globalConfigStore.size }
+        size: { type: String, default: () => getConfig('buttonGroup.size') || getConfig('size') }
     },
     emits: [
         'click'

package/es/button/src/button.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, computed, Teleport, onUnmounted, reactive, nextTick, onMounted, inject } from 'vue';
 import XEUtils from 'xe-utils';
-import globalConfigStore from '../../ui/src/globalStore';
+import { getConfig } from '../../ui/src/core';
 import iconConfigStore from '../../ui/src/iconStore';
 import { useSize } from '../../hooks/size';
 import { getAbsolutePos, getEventTargetNode } from '../../ui/src/dom';
@@ -20,7 +20,7 @@ export default defineComponent({
         /**
          * 按钮尺寸
          */
-        size: { type: String, default: () => globalConfigStore.button.size || globalConfigStore.size },
+        size: { type: String, default: () => getConfig('button.size') || getConfig('size') },
         /**
          * 用来标识这一项
          */
@@ -68,7 +68,7 @@ export default defineComponent({
         /**
          * 是否将弹框容器插入于 body 内
          */
-        transfer: { type: Boolean, default: () => globalConfigStore.button.transfer }
+        transfer: { type: Boolean, default: () => getConfig('button.transfer') }
     },
     emits: [
         'click',

package/es/button/style.css

@@ -52,19 +52,19 @@
   color: var(--vxe-ui-font-darken-color);
 }
 .vxe-button.type--text:not(.is--disabled):hover {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--text.theme--primary {
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-button.type--text.theme--primary:not(.is--disabled):focus {
-  color: var(--vxe-ui-status-primary-darken-color);
+  color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-button.type--text.theme--primary:not(.is--disabled):hover {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--text.theme--primary.is--disabled {
-  color: var(--vxe-ui-status-primary-disabled-color);
+  color: var(--vxe-ui-font-primary-disabled-color);
 }
 .vxe-button.type--text.theme--success {
   color: var(--vxe-ui-status-success-color);
@@ -147,14 +147,14 @@
   padding: 0 1em;
 }
 .vxe-button.type--button:not(.is--disabled):hover {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--button:not(.is--disabled):focus {
   border-color: var(--vxe-ui-font-primary-color);
 }
 .vxe-button.type--button:not(.is--disabled):active {
-  color: var(--vxe-ui-status-primary-darken-color);
-  border-color: var(--vxe-ui-status-primary-darken-color);
+  color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
   background-color: var(--vxe-ui-button-default-background-color);
 }
 .vxe-button.type--button.theme--primary {
@@ -166,17 +166,17 @@
 }
 .vxe-button.type--button.theme--primary:not(.is--disabled):hover {
   color: #fff;
-  background-color: var(--vxe-ui-status-primary-lighten-color);
-  border-color: var(--vxe-ui-status-primary-lighten-color);
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--button.theme--primary:not(.is--disabled):active {
   color: #fff;
-  background-color: var(--vxe-ui-status-primary-darken-color);
-  border-color: var(--vxe-ui-status-primary-darken-color);
+  background-color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-button.type--button.theme--primary.is--disabled {
-  border-color: var(--vxe-ui-status-primary-disabled-color);
-  background-color: var(--vxe-ui-status-primary-disabled-color);
+  border-color: var(--vxe-ui-font-primary-disabled-color);
+  background-color: var(--vxe-ui-font-primary-disabled-color);
 }
 .vxe-button.type--button.theme--primary.is--loading {
   border-color: var(--vxe-ui-font-primary-color);
@@ -405,10 +405,10 @@
   color: var(--vxe-ui-font-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button:not(.is--disabled) {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--primary {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--success {
   color: var(--vxe-ui-status-success-lighten-color);
@@ -427,8 +427,8 @@
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--primary {
   color: #fff;
-  background-color: var(--vxe-ui-status-primary-lighten-color);
-  border-color: var(--vxe-ui-status-primary-lighten-color);
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--success {
   color: #fff;

package/es/button/style.min.css

@@ -1 +1 @@
-.vxe-button{position:relative;text-align:center;background-color:var(--vxe-ui-button-default-background-color);outline:0;font-size:var(--vxe-ui-font-size);max-width:var(--vxe-ui-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-status-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-status-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-status-primary-darken-color);border-color:var(--vxe-ui-status-primary-darken-color);background-color:var(--vxe-ui-button-default-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-primary-lighten-color);border-color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-primary-darken-color);border-color:var(--vxe-ui-status-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-status-primary-disabled-color);background-color:var(--vxe-ui-status-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success: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-button.type--button.theme--success: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-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info: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-button.type--button.theme--info: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-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning: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-button.type--button.theme--warning: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-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger: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-button.type--button.theme--danger: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-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect: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-button.type--button.theme--perfect: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-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-status-primary-lighten-color);border-color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{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-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-button-dropdown-panel-background-color);border-radius:var(--vxe-ui-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
+.vxe-button{position:relative;text-align:center;background-color:var(--vxe-ui-button-default-background-color);outline:0;font-size:var(--vxe-ui-font-size);max-width:var(--vxe-ui-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-button-default-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary: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-button.type--button.theme--primary: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-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success: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-button.type--button.theme--success: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-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info: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-button.type--button.theme--info: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-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning: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-button.type--button.theme--warning: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-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger: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-button.type--button.theme--danger: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-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect: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-button.type--button.theme--perfect: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-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{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-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-button-dropdown-panel-background-color);border-radius:var(--vxe-ui-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}

package/es/button-group/index.js

@@ -1,4 +1,4 @@
-import VxeButtonGroupComponent from './src/button-group';
+import VxeButtonGroupComponent from '../button/src/button-group';
 const VxeButtonGroup = Object.assign({}, VxeButtonGroupComponent, {
     install(app) {
         app.component(VxeButtonGroupComponent.name, VxeButtonGroupComponent);

package/es/checkbox/index.js

@@ -0,0 +1,10 @@
+import VxeCheckboxComponent from './src/checkbox';
+import { dynamicApp } from '../dynamics';
+export const VxeCheckbox = Object.assign(VxeCheckboxComponent, {
+    install(app) {
+        app.component(VxeCheckboxComponent.name, VxeCheckboxComponent);
+    }
+});
+export const Checkbox = VxeCheckbox;
+dynamicApp.component(VxeCheckboxComponent.name, VxeCheckboxComponent);
+export default VxeCheckbox;

package/es/checkbox/src/checkbox.js

@@ -0,0 +1,116 @@
+import { defineComponent, h, computed, inject } from 'vue';
+import XEUtils from 'xe-utils';
+import { getFuncText } from '../../ui/src/utils';
+import globalConfigStore from '../../ui/src/globalStore';
+import { useSize } from '../../hooks/size';
+export default defineComponent({
+    name: 'VxeCheckbox',
+    props: {
+        modelValue: [String, Number, Boolean],
+        label: { type: [String, Number], default: null },
+        indeterminate: Boolean,
+        title: [String, Number],
+        checkedValue: { type: [String, Number, Boolean], default: true },
+        uncheckedValue: { type: [String, Number, Boolean], default: false },
+        content: [String, Number],
+        disabled: Boolean,
+        size: { type: String, default: () => globalConfigStore.checkbox.size || globalConfigStore.size }
+    },
+    emits: [
+        'update:modelValue',
+        'change'
+    ],
+    setup(props, context) {
+        const { slots, emit } = context;
+        const $xeform = inject('$xeForm', null);
+        const formItemInfo = inject('xeFormItemInfo', null);
+        const xID = XEUtils.uniqueId();
+        const $xecheckbox = {
+            xID,
+            props,
+            context
+        };
+        let checkboxMethods = {};
+        const computeSize = useSize(props);
+        const $xecheckboxgroup = inject('$xecheckboxgroup', null);
+        const computeIsChecked = computed(() => {
+            if ($xecheckboxgroup) {
+                return XEUtils.includes($xecheckboxgroup.props.modelValue, props.label);
+            }
+            return props.modelValue === props.checkedValue;
+        });
+        const computeIsDisabled = computed(() => {
+            if (props.disabled) {
+                return true;
+            }
+            if ($xecheckboxgroup) {
+                const { props: groupProps } = $xecheckboxgroup;
+                const { computeIsMaximize } = $xecheckboxgroup.getComputeMaps();
+                const isMaximize = computeIsMaximize.value;
+                const isChecked = computeIsChecked.value;
+                return groupProps.disabled || (isMaximize && !isChecked);
+            }
+            return false;
+        });
+        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);
+                    checkboxMethods.dispatchEvent('change', params, evnt);
+                    // 自动更新校验状态
+                    if ($xeform && formItemInfo) {
+                        $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+                    }
+                }
+            }
+        };
+        checkboxMethods = {
+            dispatchEvent(type, params, evnt) {
+                emit(type, Object.assign({ $checkbox: $xecheckbox, $event: evnt }, params));
+            }
+        };
+        Object.assign($xecheckbox, checkboxMethods);
+        const renderVN = () => {
+            const vSize = computeSize.value;
+            const isDisabled = computeIsDisabled.value;
+            const isChecked = computeIsChecked.value;
+            const indeterminate = props.indeterminate;
+            return h('label', {
+                class: ['vxe-checkbox', {
+                        [`size--${vSize}`]: vSize,
+                        'is--indeterminate': indeterminate,
+                        'is--disabled': isDisabled,
+                        'is--checked': isChecked
+                    }],
+                title: props.title
+            }, [
+                h('input', {
+                    class: 'vxe-checkbox--input',
+                    type: 'checkbox',
+                    disabled: isDisabled,
+                    checked: isChecked,
+                    onChange: changeEvent
+                }),
+                h('span', {
+                    class: ['vxe-checkbox--icon', indeterminate ? 'vxe-icon-checkbox-indeterminate' : (isChecked ? 'vxe-icon-checkbox-checked' : 'vxe-icon-checkbox-unchecked')]
+                }),
+                h('span', {
+                    class: 'vxe-checkbox--label'
+                }, slots.default ? slots.default({}) : getFuncText(props.content))
+            ]);
+        };
+        $xecheckbox.renderVN = renderVN;
+        return $xecheckbox;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/checkbox/src/group.js

@@ -0,0 +1,108 @@
+import { defineComponent, h, provide, computed, inject } from 'vue';
+import globalConfigStore from '../../ui/src/globalStore';
+import XEUtils from 'xe-utils';
+import VxeCheckboxComponent from './checkbox';
+import { useSize } from '../../hooks/size';
+export default defineComponent({
+    name: 'VxeCheckboxGroup',
+    props: {
+        modelValue: Array,
+        options: Array,
+        optionProps: Object,
+        disabled: Boolean,
+        max: { type: [String, Number], default: null },
+        size: { type: String, default: () => globalConfigStore.checkboxGroup.size || globalConfigStore.size }
+    },
+    emits: [
+        'update:modelValue',
+        'change'
+    ],
+    setup(props, context) {
+        const { slots, emit } = context;
+        const $xeform = inject('$xeForm', null);
+        const formItemInfo = inject('xeFormItemInfo', null);
+        const xID = XEUtils.uniqueId();
+        const computeIsMaximize = computed(() => {
+            const { modelValue, max } = props;
+            if (max) {
+                return (modelValue ? modelValue.length : 0) >= XEUtils.toNumber(max);
+            }
+            return false;
+        });
+        const computePropsOpts = computed(() => {
+            return props.optionProps || {};
+        });
+        const computeLabelField = computed(() => {
+            const propsOpts = computePropsOpts.value;
+            return propsOpts.label || 'label';
+        });
+        const computeValueField = computed(() => {
+            const propsOpts = computePropsOpts.value;
+            return propsOpts.value || 'value';
+        });
+        const computeDisabledField = computed(() => {
+            const propsOpts = computePropsOpts.value;
+            return propsOpts.disabled || 'disabled';
+        });
+        const computeMaps = {
+            computeIsMaximize
+        };
+        const $xecheckboxgroup = {
+            xID,
+            props,
+            context,
+            getComputeMaps: () => computeMaps
+        };
+        useSize(props);
+        const checkboxGroupMethods = {
+            dispatchEvent(type, params, evnt) {
+                emit(type, Object.assign({ $checkboxGroup: $xecheckboxgroup, $event: evnt }, params));
+            }
+        };
+        const checkboxGroupPrivateMethods = {
+            handleChecked(params, evnt) {
+                const { checked, label } = params;
+                const checklist = props.modelValue || [];
+                const checkIndex = checklist.indexOf(label);
+                if (checked) {
+                    if (checkIndex === -1) {
+                        checklist.push(label);
+                    }
+                }
+                else {
+                    checklist.splice(checkIndex, 1);
+                }
+                emit('update:modelValue', checklist);
+                $xecheckboxgroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt);
+                // 自动更新校验状态
+                if ($xeform && formItemInfo) {
+                    $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
+                }
+            }
+        };
+        Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
+        const renderVN = () => {
+            const { options } = props;
+            const defaultSlot = slots.default;
+            const valueField = computeValueField.value;
+            const labelField = computeLabelField.value;
+            const disabledField = computeDisabledField.value;
+            return h('div', {
+                class: 'vxe-checkbox-group'
+            }, defaultSlot
+                ? defaultSlot({})
+                : (options
+                    ? options.map(item => {
+                        return h(VxeCheckboxComponent, {
+                            label: item[valueField],
+                            content: item[labelField],
+                            disabled: item[disabledField]
+                        });
+                    })
+                    : []));
+        };
+        $xecheckboxgroup.renderVN = renderVN;
+        provide('$xecheckboxgroup', $xecheckboxgroup);
+        return renderVN;
+    }
+});

package/es/checkbox/style.css

@@ -0,0 +1,107 @@
+/*checkbox-group*/
+.vxe-checkbox-group {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+}
+
+/*checkbox*/
+.vxe-checkbox {
+  display: inline-block;
+  vertical-align: middle;
+  white-space: nowrap;
+  line-height: 1;
+}
+.vxe-checkbox .vxe-checkbox--icon {
+  font-size: 1.34em;
+}
+.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: 0.5em;
+  vertical-align: middle;
+}
+.vxe-checkbox + .vxe-checkbox {
+  margin-left: 10px;
+}
+.vxe-checkbox > input[type=checkbox] {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.vxe-checkbox.is--indeterminate > input:not(:checked) + .vxe-checkbox--icon {
+  color: var(--vxe-primary-color);
+}
+.vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
+  color: var(--vxe-primary-color);
+  box-shadow: 0 0 0.2em 0 var(--vxe-primary-color);
+}
+.vxe-checkbox:not(.is--disabled):hover > input + .vxe-checkbox--icon {
+  border-color: var(--vxe-primary-color);
+}
+.vxe-checkbox.is--disabled {
+  cursor: not-allowed;
+}
+.vxe-checkbox.is--disabled > input + .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox.is--disabled > input + .vxe-checkbox--icon + .vxe-checkbox--label {
+  color: var(--vxe-font-disabled-color);
+}
+.vxe-checkbox.is--disabled > input:checked + .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+  display: inline-block;
+  max-width: 50em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-checkbox {
+  font-size: var(--vxe-font-size);
+}
+.vxe-checkbox.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-checkbox.size--small {
+  font-size: var(--vxe-font-size-small);
+}
+.vxe-checkbox.size--mini {
+  font-size: var(--vxe-font-size-mini);
+}

package/es/checkbox/style.min.css

@@ -0,0 +1 @@
+.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.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+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-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-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-font-size-mini)}

package/es/checkbox-group/index.js

@@ -0,0 +1,10 @@
+import VxeCheckboxGroupComponent from '../checkbox/src/group';
+import { dynamicApp } from '../dynamics';
+export const VxeCheckboxGroup = Object.assign(VxeCheckboxGroupComponent, {
+    install(app) {
+        app.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
+    }
+});
+export const CheckboxGroup = VxeCheckboxGroup;
+dynamicApp.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
+export default VxeCheckboxGroup;

package/es/col/index.js

@@ -1,4 +1,4 @@
-import VxeColComponent from './src/col';
+import VxeColComponent from '../row/src/col';
 const VxeCol = Object.assign({}, VxeColComponent, {
     install(app) {
         app.component(VxeColComponent.name, VxeColComponent);