vxe-pc-ui 4.14.6 → 4.14.7

package/es/switch/src/switch.js

@@ -1,7 +1,7 @@
 import { h, ref, computed, reactive, nextTick, inject } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui';
+import { getConfig, getI18n, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getFuncText } from '../../ui/src/utils';
 export default defineVxeComponent({
     name: 'VxeSwitch',
@@ -61,25 +61,25 @@ export default defineVxeComponent({
         };
         const refButton = ref();
         let switchMethods = {};
-        const computeIsDisabled = computed(() => {
-            const { disabled } = props;
-            if (disabled === null) {
+        const computeIsReadonly = computed(() => {
+            const { readonly } = props;
+            if (readonly === null) {
                 if ($xeForm) {
-                    return $xeForm.props.readonly || $xeForm.props.disabled;
+                    return $xeForm.props.readonly;
                 }
                 return false;
             }
-            return disabled;
+            return readonly;
         });
-        const computeIsReadonly = computed(() => {
-            const { readonly } = props;
-            if (readonly === null) {
+        const computeIsDisabled = computed(() => {
+            const { disabled } = props;
+            if (disabled === null) {
                 if ($xeForm) {
-                    return $xeForm.props.readonly || $xeForm.props.disabled;
+                    return $xeForm.props.disabled;
                 }
                 return false;
             }
-            return readonly;
+            return disabled;
         });
         const computeOnShowLabel = computed(() => {
             return getFuncText(props.openLabel);
@@ -152,6 +152,14 @@ export default defineVxeComponent({
             const offShowLabel = computeOffShowLabel.value;
             const isDisabled = computeIsDisabled.value;
             const isReadonly = computeIsReadonly.value;
+            if (isReadonly) {
+                return h('div', {
+                    class: ['vxe-switch', isChecked ? 'is--on' : 'is--off', {
+                            [`size--${vSize}`]: vSize,
+                            'is--readonly': isReadonly
+                        }]
+                }, isChecked ? (onShowLabel || getI18n('vxe.switch.onText')) : offShowLabel || getI18n('vxe.switch.offText'));
+            }
             return h('div', {
                 class: ['vxe-switch', isChecked ? 'is--on' : 'is--off', {
                         [`size--${vSize}`]: vSize,

package/es/tree/style.css

@@ -265,6 +265,9 @@
 .vxe-tree--checkbox-option {
   padding-right: 0.4em;
 }
+.vxe-tree--checkbox-option {
+  cursor: pointer;
+}
 .vxe-tree--checkbox-option .vxe-checkbox--icon {
   font-size: 1.22em;
 }
@@ -282,15 +285,15 @@
 .vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-tree--checkbox-option:not(.is--disabled) {
-  cursor: pointer;
-}
 .vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-tree--checkbox-option.is--hidden {
   cursor: default;
 }
+.vxe-tree--checkbox-option.is--readonly {
+  cursor: auto;
+}
 .vxe-tree--checkbox-option.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;
@@ -305,6 +308,8 @@
 
 .vxe-tree--radio-option {
   padding-right: 0.4em;
+}
+.vxe-tree--radio-option {
   cursor: pointer;
 }
 .vxe-tree--radio-option .vxe-radio--icon {
@@ -325,12 +330,12 @@
 .vxe-tree--radio-option.is--checked .vxe-radio--icon {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-tree--radio-option:not(.is--disabled) {
-  cursor: pointer;
-}
 .vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon {
   color: var(--vxe-ui-font-primary-color);
 }
+.vxe-tree--radio-option.is--readonly {
+  cursor: auto;
+}
 .vxe-tree--radio-option.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;

package/es/tree/style.min.css

@@ -1 +1 @@
-@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .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-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .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-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option{cursor:pointer}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .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-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em}.vxe-tree--radio-option{cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .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-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}

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.14.6";
+export const version = "4.14.7";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {

package/es/ui/src/log.js

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

package/es/vxe-checkbox/style.css

@@ -21,6 +21,9 @@
   white-space: nowrap;
   line-height: 1;
 }
+.vxe-checkbox {
+  cursor: pointer;
+}
 .vxe-checkbox .vxe-checkbox--icon {
   font-size: 1.22em;
 }
@@ -38,15 +41,15 @@
 .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--readonly {
+  cursor: auto;
+}
 .vxe-checkbox.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;

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

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-flex;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-flex;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{color:var(--vxe-ui-font-primary-darken-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}
+.vxe-checkbox-group{display:inline-flex;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-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox{cursor:pointer}.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):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.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{color:var(--vxe-ui-font-primary-darken-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-radio/style.css

@@ -17,6 +17,8 @@
   vertical-align: middle;
   white-space: nowrap;
   line-height: 1;
+}
+.vxe-radio {
   cursor: pointer;
 }
 .vxe-radio .vxe-radio--icon {
@@ -37,12 +39,12 @@
 .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--readonly {
+  cursor: auto;
+}
 .vxe-radio.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;

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{color:var(--vxe-ui-font-primary-darken-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}
+.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}.vxe-radio{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):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--readonly{cursor:auto}.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{color:var(--vxe-ui-font-primary-darken-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-tree/style.css

@@ -265,6 +265,9 @@
 .vxe-tree--checkbox-option {
   padding-right: 0.4em;
 }
+.vxe-tree--checkbox-option {
+  cursor: pointer;
+}
 .vxe-tree--checkbox-option .vxe-checkbox--icon {
   font-size: 1.22em;
 }
@@ -282,15 +285,15 @@
 .vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-tree--checkbox-option:not(.is--disabled) {
-  cursor: pointer;
-}
 .vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-tree--checkbox-option.is--hidden {
   cursor: default;
 }
+.vxe-tree--checkbox-option.is--readonly {
+  cursor: auto;
+}
 .vxe-tree--checkbox-option.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;
@@ -305,6 +308,8 @@
 
 .vxe-tree--radio-option {
   padding-right: 0.4em;
+}
+.vxe-tree--radio-option {
   cursor: pointer;
 }
 .vxe-tree--radio-option .vxe-radio--icon {
@@ -325,12 +330,12 @@
 .vxe-tree--radio-option.is--checked .vxe-radio--icon {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-tree--radio-option:not(.is--disabled) {
-  cursor: pointer;
-}
 .vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon {
   color: var(--vxe-ui-font-primary-color);
 }
+.vxe-tree--radio-option.is--readonly {
+  cursor: auto;
+}
 .vxe-tree--radio-option.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;

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

@@ -1 +1 @@
-@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .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-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .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-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option{cursor:pointer}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .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-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em}.vxe-tree--radio-option{cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .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-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/checkbox/src/button.js

@@ -72,11 +72,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if ($xeCheckboxGroup) {
           const {
             computeIsDisabled: computeIsGroupDisabled,
+            computeIsReadonly: computeIsGroupReadonly,
             computeIsMaximize: computeIsGroupMaximize
           } = $xeCheckboxGroup.getComputeMaps();
           const isGroupDisabled = computeIsGroupDisabled.value;
+          const isGroupReadonly = computeIsGroupReadonly.value;
           const isGroupMaximize = computeIsGroupMaximize.value;
-          return isGroupDisabled || isGroupMaximize && !isChecked;
+          return isGroupDisabled || isGroupReadonly || isGroupMaximize && !isChecked;
         }
       }
       return disabled;
@@ -118,11 +120,32 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     Object.assign($xeCheckboxButton, checkboxButtonMethods, checkboxButtonPrivateMethods);
     const renderVN = () => {
       const {
-        label
+        label,
+        content
       } = props;
       const vSize = computeSize.value;
       const isDisabled = computeIsDisabled.value;
       const isChecked = computeIsChecked.value;
+      const defaultSlot = slots.default;
+      if ($xeCheckboxGroup) {
+        const {
+          computeIsReadonly: computeIsGroupReadonly
+        } = $xeCheckboxGroup.getComputeMaps();
+        const isGroupReadonly = computeIsGroupReadonly.value;
+        if (isGroupReadonly) {
+          if (isChecked) {
+            return (0, _vue.h)('label', {
+              class: ['vxe-checkbox vxe-checkbox--button-view', {
+                [`size--${vSize}`]: vSize,
+                'is--readonly': isGroupReadonly
+              }]
+            }, [(0, _vue.h)('span', {
+              class: 'vxe-checkbox--label'
+            }, defaultSlot ? defaultSlot({}) : (0, _utils.getFuncText)(content))]);
+          }
+          return (0, _ui.renderEmptyElement)($xeCheckboxButton);
+        }
+      }
       return (0, _vue.h)('label', {
         key: label,
         class: ['vxe-checkbox vxe-checkbox--button', {
@@ -138,7 +161,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         onChange: changeEvent
       }), (0, _vue.h)('span', {
         class: 'vxe-checkbox--label'
-      }, slots.default ? slots.default({}) : (0, _utils.getFuncText)(props.content))]);
+      }, slots.default ? slots.default({}) : (0, _utils.getFuncText)(content))]);
     };
     $xeCheckboxButton.renderVN = renderVN;
     return renderVN;

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

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

package/lib/checkbox/src/checkbox.js

@@ -74,11 +74,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if ($xeCheckboxGroup) {
           const {
             computeIsDisabled: computeIsGroupDisabled,
+            computeIsReadonly: computeIsGroupReadonly,
             computeIsMaximize: computeIsGroupMaximize
           } = $xeCheckboxGroup.getComputeMaps();
           const isGroupDisabled = computeIsGroupDisabled.value;
+          const isGroupReadonly = computeIsGroupReadonly.value;
           const isGroupMaximize = computeIsGroupMaximize.value;
-          return isGroupDisabled || isGroupMaximize && !isChecked;
+          return isGroupDisabled || isGroupReadonly || isGroupMaximize && !isChecked;
         }
       }
       return disabled;
@@ -120,12 +122,33 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     Object.assign($xeCheckbox, checkboxMethods);
     const renderVN = () => {
       const {
-        label
+        label,
+        content
       } = props;
       const vSize = computeSize.value;
       const isDisabled = computeIsDisabled.value;
       const isChecked = computeIsChecked.value;
       const indeterminate = !isChecked && props.indeterminate;
+      const defaultSlot = slots.default;
+      if ($xeCheckboxGroup) {
+        const {
+          computeIsReadonly: computeIsGroupReadonly
+        } = $xeCheckboxGroup.getComputeMaps();
+        const isGroupReadonly = computeIsGroupReadonly.value;
+        if (isGroupReadonly) {
+          if (isChecked) {
+            return (0, _vue.h)('label', {
+              class: ['vxe-checkbox vxe-checkbox--view', {
+                [`size--${vSize}`]: vSize,
+                'is--readonly': isGroupReadonly
+              }]
+            }, [(0, _vue.h)('span', {
+              class: 'vxe-checkbox--label'
+            }, defaultSlot ? defaultSlot({}) : (0, _utils.getFuncText)(content))]);
+          }
+          return (0, _ui.renderEmptyElement)($xeCheckbox);
+        }
+      }
       return (0, _vue.h)('label', {
         key: label,
         class: ['vxe-checkbox vxe-checkbox--default', {
@@ -145,7 +168,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: ['vxe-checkbox--icon', indeterminate ? (0, _ui.getIcon)().CHECKBOX_INDETERMINATE : isChecked ? (0, _ui.getIcon)().CHECKBOX_CHECKED : isDisabled ? (0, _ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED : (0, _ui.getIcon)().CHECKBOX_UNCHECKED]
       }), (0, _vue.h)('span', {
         class: 'vxe-checkbox--label'
-      }, slots.default ? slots.default({}) : (0, _utils.getFuncText)(props.content))]);
+      }, defaultSlot ? defaultSlot({}) : (0, _utils.getFuncText)(content))]);
     };
     $xeCheckbox.renderVN = renderVN;
     return $xeCheckbox;

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

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

package/lib/checkbox/src/group.js

@@ -21,6 +21,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     modelValue: Array,
     options: Array,
     optionProps: Object,
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     disabled: {
       type: Boolean,
       default: null
@@ -46,13 +50,25 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const xID = _xeUtils.default.uniqueId();
     const reactData = (0, _vue.reactive)({});
     const internalData = createInternalData();
+    const computeIsReadonly = (0, _vue.computed)(() => {
+      const {
+        readonly
+      } = props;
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.props.readonly;
+        }
+        return false;
+      }
+      return readonly;
+    });
     const computeIsDisabled = (0, _vue.computed)(() => {
       const {
         disabled
       } = props;
       if (disabled === null) {
         if ($xeForm) {
-          return $xeForm.props.readonly || $xeForm.props.disabled;
+          return $xeForm.props.disabled;
         }
         return false;
       }
@@ -88,7 +104,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     const computeMaps = {
       computeIsMaximize,
-      computeIsDisabled
+      computeIsDisabled,
+      computeIsReadonly
     };
     const $xeCheckboxGroup = {
       xID,
@@ -180,8 +197,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const valueField = computeValueField.value;
       const labelField = computeLabelField.value;
       const disabledField = computeDisabledField.value;
+      const isReadonly = computeIsReadonly.value;
+      const isDisabled = computeIsDisabled.value;
       return (0, _vue.h)('div', {
-        class: 'vxe-checkbox-group'
+        class: ['vxe-checkbox-group', {
+          'is--readonly': isReadonly,
+          'is--disabled': isDisabled
+        }]
       }, defaultSlot ? defaultSlot({}) : options ? options.map(item => {
         return (0, _vue.h)(_checkbox.default, {
           key: item[valueField],

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(o,e){let{slots:i,emit:l}=e,r=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});let a=createInternalData();var d=(0,_vue.computed)(()=>{var e=o.disabled;return null===e?!!r&&(r.props.readonly||r.props.disabled):e}),c=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=o;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});let s=(0,_vue.computed)(()=>Object.assign({},o.defaultConfig)),p=(0,_vue.computed)(()=>Object.assign({},o.optionProps)),v=(0,_vue.computed)(()=>p.value.label||"label"),_=(0,_vue.computed)(()=>p.value.value||"value"),f=(0,_vue.computed)(()=>p.value.disabled||"disabled"),m={computeIsMaximize:c,computeIsDisabled:d},x={xID:t,props:o,context:e,reactData:u,getComputeMaps:()=>m},b=((0,_ui.useSize)(o),(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$checkboxGroup:x},t))}),g=e=>{l("update:modelValue",e)},h=e=>{g(e),b("default-change",{value:e},null)};c={dispatchEvent:b};let k=t=>{var u=a.isLoaded,e=s.value;let l=_.value;if(!u){u=e.selectMode;if(0<t.length&&_xeUtils.default.eqNull(o.modelValue)){if("all"===u)(0,_vue.nextTick)(()=>{h(t.map(e=>e[l]))});else if("first"===u||"last"===u){let e=_xeUtils.default[u](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(o.modelValue)&&h([e[l]])})}a.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(x,c,{handleChecked(e,t){var{checked:u,label:l}=e,a=o.modelValue||[],i=a.indexOf(l);u?-1===i&&a.push(l):a.splice(i,1),g(a),x.dispatchEvent("change",Object.assign({},e,{checklist:a,value:a}),t),r&&n&&r.triggerItemEvent(t,n.itemConfig.field,a)}});d=()=>{var e=o.options,t=i.default;let u=_.value,l=v.value,a=f.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},t?t({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{key:e[u],label:e[u],content:e[l],disabled:e[a]})):[])};return(0,_vue.watch)(()=>o.options,e=>{k(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=o.options;e&&k(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(a,createInternalData())}),(0,_vue.provide)("$xeCheckboxGroup",x),x.renderVN=d}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(r,e){let{slots:n,emit:l}=e,i=(0,_vue.inject)("$xeForm",null),d=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});let a=createInternalData(),s=(0,_vue.computed)(()=>{var e=r.readonly;return null===e?!!i&&i.props.readonly:e}),c=(0,_vue.computed)(()=>{var e=r.disabled;return null===e?!!i&&i.props.disabled:e});var o=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=r;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});let p=(0,_vue.computed)(()=>Object.assign({},r.defaultConfig)),v=(0,_vue.computed)(()=>Object.assign({},r.optionProps)),_=(0,_vue.computed)(()=>v.value.label||"label"),f=(0,_vue.computed)(()=>v.value.value||"value"),m=(0,_vue.computed)(()=>v.value.disabled||"disabled"),x={computeIsMaximize:o,computeIsDisabled:c,computeIsReadonly:s},b={xID:t,props:r,context:e,reactData:u,getComputeMaps:()=>x},g=((0,_ui.useSize)(r),(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$checkboxGroup:b},t))}),h=e=>{l("update:modelValue",e)},k=e=>{h(e),g("default-change",{value:e},null)};o={dispatchEvent:g};let y=t=>{var u=a.isLoaded,e=p.value;let l=f.value;if(!u){u=e.selectMode;if(0<t.length&&_xeUtils.default.eqNull(r.modelValue)){if("all"===u)(0,_vue.nextTick)(()=>{k(t.map(e=>e[l]))});else if("first"===u||"last"===u){let e=_xeUtils.default[u](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(r.modelValue)&&k([e[l]])})}a.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(b,o,{handleChecked(e,t){var{checked:u,label:l}=e,a=r.modelValue||[],o=a.indexOf(l);u?-1===o&&a.push(l):a.splice(o,1),h(a),b.dispatchEvent("change",Object.assign({},e,{checklist:a,value:a}),t),i&&d&&i.triggerItemEvent(t,d.itemConfig.field,a)}});t=()=>{var e=r.options,t=n.default;let u=f.value,l=_.value,a=m.value;var o=s.value,i=c.value;return(0,_vue.h)("div",{class:["vxe-checkbox-group",{"is--readonly":o,"is--disabled":i}]},t?t({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{key:e[u],label:e[u],content:e[l],disabled:e[a]})):[])};return(0,_vue.watch)(()=>r.options,e=>{y(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=r.options;e&&y(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(a,createInternalData())}),(0,_vue.provide)("$xeCheckboxGroup",b),b.renderVN=t}});

package/lib/checkbox/style/style.css

@@ -21,6 +21,9 @@
   white-space: nowrap;
   line-height: 1;
 }
+.vxe-checkbox {
+  cursor: pointer;
+}
 .vxe-checkbox .vxe-checkbox--icon {
   font-size: 1.22em;
 }
@@ -38,15 +41,15 @@
 .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--readonly {
+  cursor: auto;
+}
 .vxe-checkbox.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;

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

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-flex;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-flex;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{color:var(--vxe-ui-font-primary-darken-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}
+.vxe-checkbox-group{display:inline-flex;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-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox{cursor:pointer}.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):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.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{color:var(--vxe-ui-font-primary-darken-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}