vxe-pc-ui 3.14.5 → 3.14.7

package/es/checkbox/src/button.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig, createEvent, globalMixins } from '../../ui';
+import { getConfig, createEvent, globalMixins, renderEmptyElement } from '../../ui';
 export default {
     name: 'VxeCheckboxButton',
     mixins: [
@@ -70,8 +70,9 @@ export default {
             if (disabled === null) {
                 if ($xeCheckboxGroup) {
                     const isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
+                    const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
                     const isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
-                    return isGroupDisabled || (isGroupMaximize && !isChecked);
+                    return isGroupDisabled || isGroupReadonly || (isGroupMaximize && !isChecked);
                 }
             }
             return disabled;
@@ -127,10 +128,30 @@ export default {
             const $xeCheckboxButton = this;
             const props = $xeCheckboxButton;
             const slots = $xeCheckboxButton.$scopedSlots;
-            const { label } = props;
+            const $xeCheckboxGroup = $xeCheckboxButton.$xeCheckboxGroup;
+            const { label, content } = props;
             const vSize = $xeCheckboxButton.computeSize;
             const isDisabled = $xeCheckboxButton.computeIsDisabled;
             const isChecked = $xeCheckboxButton.computeIsChecked;
+            const defaultSlot = slots.default;
+            if ($xeCheckboxGroup) {
+                const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
+                if (isGroupReadonly) {
+                    if (isChecked) {
+                        return h('label', {
+                            class: ['vxe-checkbox vxe-checkbox--button-view', {
+                                    [`size--${vSize}`]: vSize,
+                                    'is--readonly': isGroupReadonly
+                                }]
+                        }, [
+                            h('span', {
+                                class: 'vxe-checkbox--label'
+                            }, defaultSlot ? defaultSlot({}) : getFuncText(content))
+                        ]);
+                    }
+                    return renderEmptyElement($xeCheckboxButton);
+                }
+            }
             return h('label', {
                 key: label,
                 class: ['vxe-checkbox vxe-checkbox--button', {
@@ -156,7 +177,7 @@ export default {
                 }),
                 h('span', {
                     class: 'vxe-checkbox--label'
-                }, slots.default ? slots.default({}) : getFuncText(props.content))
+                }, defaultSlot ? defaultSlot({}) : getFuncText(props.content))
             ]);
         }
     },

package/es/checkbox/src/checkbox.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig, createEvent, globalMixins, getIcon } from '../../ui';
+import { getConfig, createEvent, globalMixins, getIcon, renderEmptyElement } from '../../ui';
 export default {
     name: 'VxeCheckbox',
     mixins: [
@@ -70,8 +70,9 @@ export default {
             if (disabled === null) {
                 if ($xeCheckboxGroup) {
                     const isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
+                    const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
                     const isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
-                    return isGroupDisabled || (isGroupMaximize && !isChecked);
+                    return isGroupDisabled || isGroupReadonly || (isGroupMaximize && !isChecked);
                 }
             }
             return disabled;
@@ -127,11 +128,31 @@ export default {
             const $xeCheckbox = this;
             const props = $xeCheckbox;
             const slots = $xeCheckbox.$scopedSlots;
-            const { label } = props;
+            const $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+            const { label, content } = props;
             const vSize = $xeCheckbox.computeSize;
             const isDisabled = $xeCheckbox.computeIsDisabled;
             const isChecked = $xeCheckbox.computeIsChecked;
             const indeterminate = !isChecked && props.indeterminate;
+            const defaultSlot = slots.default;
+            if ($xeCheckboxGroup) {
+                const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
+                if (isGroupReadonly) {
+                    if (isChecked) {
+                        return h('label', {
+                            class: ['vxe-checkbox vxe-checkbox--view', {
+                                    [`size--${vSize}`]: vSize,
+                                    'is--readonly': isGroupReadonly
+                                }]
+                        }, [
+                            h('span', {
+                                class: 'vxe-checkbox--label'
+                            }, defaultSlot ? defaultSlot({}) : getFuncText(content))
+                        ]);
+                    }
+                    return renderEmptyElement($xeCheckbox);
+                }
+            }
             return h('label', {
                 key: label,
                 class: ['vxe-checkbox vxe-checkbox--default', {
@@ -162,7 +183,7 @@ export default {
                 }),
                 h('span', {
                     class: 'vxe-checkbox--label'
-                }, slots.default ? slots.default({}) : getFuncText(props.content))
+                }, defaultSlot ? defaultSlot({}) : getFuncText(content))
             ]);
         }
     },

package/es/checkbox/src/group.js

@@ -16,6 +16,10 @@ export default {
         value: Array,
         options: Array,
         optionProps: Object,
+        readonly: {
+            type: Boolean,
+            default: null
+        },
         disabled: {
             type: Boolean,
             default: null
@@ -54,14 +58,27 @@ export default {
             internalData
         };
     },
-    computed: Object.assign(Object.assign({}, {}), { computeIsDisabled() {
+    computed: Object.assign(Object.assign({}, {}), { computeIsReadonly() {
+            const $xeCheckboxGroup = this;
+            const props = $xeCheckboxGroup;
+            const $xeForm = $xeCheckboxGroup.$xeForm;
+            const { readonly } = props;
+            if (readonly === null) {
+                if ($xeForm) {
+                    return $xeForm.readonly;
+                }
+                return false;
+            }
+            return readonly;
+        },
+        computeIsDisabled() {
             const $xeCheckboxGroup = this;
             const props = $xeCheckboxGroup;
             const $xeForm = $xeCheckboxGroup.$xeForm;
             const { disabled } = props;
             if (disabled === null) {
                 if ($xeForm) {
-                    return $xeForm.readonly || $xeForm.disabled;
+                    return $xeForm.disabled;
                 }
                 return false;
             }
@@ -190,8 +207,13 @@ export default {
             const valueField = $xeCheckboxGroup.computeValueField;
             const labelField = $xeCheckboxGroup.computeLabelField;
             const disabledField = $xeCheckboxGroup.computeDisabledField;
+            const isReadonly = $xeCheckboxGroup.computeIsReadonly;
+            const isDisabled = $xeCheckboxGroup.computeIsDisabled;
             return h('div', {
-                class: 'vxe-checkbox-group'
+                class: ['vxe-checkbox-group', {
+                        'is--readonly': isReadonly,
+                        'is--disabled': isDisabled
+                    }]
             }, defaultSlot
                 ? defaultSlot({})
                 : (options

package/es/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;
 }
@@ -39,15 +42,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/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;-ms-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;-ms-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/language/ar-EG.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/de-DE.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/en-US.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: 'Loading'
         },
+        switch: {
+            onText: 'On',
+            offText: 'Off'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/es-ES.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/fr-FR.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/hu-HU.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/hy-AM.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/id-ID.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/it-IT.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/ja-JP.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/ko-KR.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/ms-MY.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/nb-NO.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/pt-BR.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/ru-RU.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/th-TH.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/ug-CN.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/uk-UA.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/uz-UZ.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/vi-VN.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/zh-CHT.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/zh-CN.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/radio/src/button.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig, createEvent, globalMixins } from '../../ui';
+import { getConfig, createEvent, globalMixins, renderEmptyElement } from '../../ui';
 export default {
     name: 'VxeRadioButton',
     mixins: [
@@ -61,8 +61,9 @@ export default {
             const { disabled } = $xeRadioButton;
             if (disabled === null) {
                 if ($xeRadioGroup) {
-                    const isDisabled = $xeRadioGroup.computeIsDisabled;
-                    return isDisabled;
+                    const isGroupDisabled = $xeRadioGroup.computeIsDisabled;
+                    const isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+                    return isGroupDisabled || isGroupReadonly;
                 }
             }
             return disabled;
@@ -155,12 +156,32 @@ export default {
             const $xeRadioButton = this;
             const props = $xeRadioButton;
             const slots = $xeRadioButton.$scopedSlots;
-            const { label, checkedValue } = props;
+            const $xeRadioGroup = $xeRadioButton.$xeRadioGroup;
+            const { label, content, checkedValue } = props;
             const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue;
             const vSize = $xeRadioButton.computeSize;
             const isDisabled = $xeRadioButton.computeIsDisabled;
             const name = $xeRadioButton.computeName;
             const isChecked = $xeRadioButton.computeChecked;
+            const defaultSlot = slots.default;
+            if ($xeRadioGroup) {
+                const isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+                if (isGroupReadonly) {
+                    if (isChecked) {
+                        return h('label', {
+                            class: ['vxe-radio vxe-radio--button-view', {
+                                    [`size--${vSize}`]: vSize,
+                                    'is--readonly': isGroupReadonly
+                                }]
+                        }, [
+                            h('span', {
+                                class: 'vxe-checkbox--label'
+                            }, defaultSlot ? defaultSlot({}) : getFuncText(content))
+                        ]);
+                    }
+                    return renderEmptyElement($xeRadioButton);
+                }
+            }
             return h('label', {
                 key: radioValue,
                 class: ['vxe-radio vxe-radio--button', {
@@ -188,7 +209,7 @@ export default {
                 }),
                 h('span', {
                     class: 'vxe-radio--label'
-                }, slots.default ? slots.default({}) : getFuncText(props.content))
+                }, defaultSlot ? defaultSlot({}) : getFuncText(content))
             ]);
         }
     },

package/es/radio/src/group.js

@@ -20,6 +20,10 @@ export default {
             type: Boolean,
             default: null
         },
+        readonly: {
+            type: Boolean,
+            default: null
+        },
         type: String,
         options: Array,
         optionProps: Object,
@@ -58,14 +62,27 @@ export default {
             internalData
         };
     },
-    computed: Object.assign(Object.assign({}, {}), { computeIsDisabled() {
+    computed: Object.assign(Object.assign({}, {}), { computeIsReadonly() {
+            const $xeRadioGroup = this;
+            const props = $xeRadioGroup;
+            const $xeForm = $xeRadioGroup.$xeForm;
+            const { readonly } = props;
+            if (readonly === null) {
+                if ($xeForm) {
+                    return $xeForm.readonly;
+                }
+                return false;
+            }
+            return readonly;
+        },
+        computeIsDisabled() {
             const $xeRadioGroup = this;
             const props = $xeRadioGroup;
             const $xeForm = $xeRadioGroup.$xeForm;
             const { disabled } = props;
             if (disabled === null) {
                 if ($xeForm) {
-                    return $xeForm.readonly || $xeForm.disabled;
+                    return $xeForm.disabled;
                 }
                 return false;
             }

package/es/radio/src/radio.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig, createEvent, globalMixins, getIcon } from '../../ui';
+import { getConfig, createEvent, globalMixins, getIcon, renderEmptyElement } from '../../ui';
 export default {
     name: 'VxeRadio',
     mixins: [
@@ -62,8 +62,9 @@ export default {
             const { disabled } = $xeRadio;
             if (disabled === null) {
                 if ($xeRadioGroup) {
-                    const isDisabled = $xeRadioGroup.computeIsDisabled;
-                    return isDisabled;
+                    const isGroupDisabled = $xeRadioGroup.computeIsDisabled;
+                    const isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+                    return isGroupDisabled || isGroupReadonly;
                 }
             }
             return disabled;
@@ -157,13 +158,33 @@ export default {
         renderVN(h) {
             const $xeRadio = this;
             const props = $xeRadio;
-            const { label, checkedValue } = props;
+            const $xeRadioGroup = $xeRadio.$xeRadioGroup;
+            const { label, content, checkedValue } = props;
             const radioValue = XEUtils.isUndefined(checkedValue) ? label : checkedValue;
             const slots = $xeRadio.$scopedSlots;
             const vSize = $xeRadio.computeSize;
             const isDisabled = $xeRadio.computeIsDisabled;
             const name = $xeRadio.computeName;
             const isChecked = $xeRadio.computeChecked;
+            const defaultSlot = slots.default;
+            if ($xeRadioGroup) {
+                const isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+                if (isGroupReadonly) {
+                    if (isChecked) {
+                        return h('label', {
+                            class: ['vxe-radio vxe-radio--view', {
+                                    [`size--${vSize}`]: vSize,
+                                    'is--readonly': isGroupReadonly
+                                }]
+                        }, [
+                            h('span', {
+                                class: 'vxe-checkbox--label'
+                            }, defaultSlot ? defaultSlot({}) : getFuncText(content))
+                        ]);
+                    }
+                    return renderEmptyElement($xeRadio);
+                }
+            }
             return h('label', {
                 key: radioValue,
                 class: ['vxe-radio vxe-radio--default', {
@@ -195,7 +216,7 @@ export default {
                 }),
                 h('span', {
                     class: 'vxe-radio--label'
-                }, slots.default ? slots.default({}) : getFuncText(props.content))
+                }, defaultSlot ? defaultSlot({}) : getFuncText(content))
             ]);
         }
     },