vxe-pc-ui 3.14.5 → 3.14.7

package/lib/checkbox/src/group.js

@@ -21,6 +21,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     value: Array,
     options: Array,
     optionProps: Object,
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     disabled: {
       type: Boolean,
       default: null
@@ -62,6 +66,19 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     };
   },
   computed: Object.assign(Object.assign({}, {}), {
+    computeIsReadonly: function computeIsReadonly() {
+      var $xeCheckboxGroup = this;
+      var props = $xeCheckboxGroup;
+      var $xeForm = $xeCheckboxGroup.$xeForm;
+      var readonly = props.readonly;
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly;
+        }
+        return false;
+      }
+      return readonly;
+    },
     computeIsDisabled: function computeIsDisabled() {
       var $xeCheckboxGroup = this;
       var props = $xeCheckboxGroup;
@@ -69,7 +86,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var disabled = props.disabled;
       if (disabled === null) {
         if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled;
+          return $xeForm.disabled;
         }
         return false;
       }
@@ -207,8 +224,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var valueField = $xeCheckboxGroup.computeValueField;
       var labelField = $xeCheckboxGroup.computeLabelField;
       var disabledField = $xeCheckboxGroup.computeDisabledField;
+      var isReadonly = $xeCheckboxGroup.computeIsReadonly;
+      var isDisabled = $xeCheckboxGroup.computeIsDisabled;
       return h('div', {
-        class: 'vxe-checkbox-group'
+        class: ['vxe-checkbox-group', {
+          'is--readonly': isReadonly,
+          'is--disabled': isDisabled
+        }]
       }, defaultSlot ? defaultSlot({}) : options ? options.map(function (item) {
         return 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 _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",mixins:[_ui.globalMixins.sizeMixin],props:{value:Array,options:Array,optionProps:Object,disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},defaultConfig:Object},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeCheckboxGroup:this}},data:function(){var e=createInternalData();return{xID:_xeUtils.default.uniqueId(),reactData:{},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computeIsMaximize:function(){var e=this.value,t=this.max;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)},computeDefaultOpts:function(){return Object.assign({},this.defaultConfig)},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$checkboxGroup:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},emitDefaultValue:function(e){this.emitModel(e),this.dispatchEvent("default-change",{value:e},null)},loadData:function(e){var t,i=this,n=i,u=i.internalData,a=u.isLoaded,o=i.computeValueField;return a||(a=i.computeDefaultOpts.selectMode,0<e.length&&_xeUtils.default.eqNull(n.value)&&("all"===a?i.$nextTick(function(){i.emitDefaultValue(e.map(function(e){return e[o]}))}):"first"!==a&&"last"!==a||(t=_xeUtils.default[a](e))&&i.$nextTick(function(){_xeUtils.default.eqNull(n.value)&&i.emitDefaultValue([t[o]])}),u.isLoaded=!0)),i.$nextTick()},handleChecked:function(e,t){var i=this,n=i.$xeForm,u=i.formItemInfo,a=e.checked,o=e.label,l=i.value||[],r=l.indexOf(o);a?-1===r&&l.push(o):l.splice(r,1),i.emitModel(l),i.dispatchEvent("change",Object.assign({},e,{checklist:l,value:l}),t),n&&u&&n.triggerItemEvent(t,u.itemConfig.field,l)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.options,i=i.default,u=e.computeValueField,a=e.computeLabelField,o=e.computeDisabledField;return t("div",{class:"vxe-checkbox-group"},i?i({}):n?n.map(function(e){return t(_checkbox.default,{key:e[u],props:{label:e[u],content:e[a],disabled:e[o]}})}):[])}},watch:{options:function(e){this.loadData(e)}},mounted:function(){var t=this,i=t;t.$nextTick(function(){var e=i.options;e&&t.loadData(e)})},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",mixins:[_ui.globalMixins.sizeMixin],props:{value:Array,options:Array,optionProps:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},defaultConfig:Object},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeCheckboxGroup:this}},data:function(){var e=createInternalData();return{xID:_xeUtils.default.uniqueId(),reactData:{},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeIsReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeIsMaximize:function(){var e=this.value,t=this.max;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)},computeDefaultOpts:function(){return Object.assign({},this.defaultConfig)},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$checkboxGroup:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},emitDefaultValue:function(e){this.emitModel(e),this.dispatchEvent("default-change",{value:e},null)},loadData:function(e){var t,i=this,n=i,u=i.internalData,o=u.isLoaded,a=i.computeValueField;return o||(o=i.computeDefaultOpts.selectMode,0<e.length&&_xeUtils.default.eqNull(n.value)&&("all"===o?i.$nextTick(function(){i.emitDefaultValue(e.map(function(e){return e[a]}))}):"first"!==o&&"last"!==o||(t=_xeUtils.default[o](e))&&i.$nextTick(function(){_xeUtils.default.eqNull(n.value)&&i.emitDefaultValue([t[a]])}),u.isLoaded=!0)),i.$nextTick()},handleChecked:function(e,t){var i=this,n=i.$xeForm,u=i.formItemInfo,o=e.checked,a=e.label,l=i.value||[],r=l.indexOf(a);o?-1===r&&l.push(a):l.splice(r,1),i.emitModel(l),i.dispatchEvent("change",Object.assign({},e,{checklist:l,value:l}),t),n&&u&&n.triggerItemEvent(t,u.itemConfig.field,l)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.options,i=i.default,u=e.computeValueField,o=e.computeLabelField,a=e.computeDisabledField;return t("div",{class:["vxe-checkbox-group",{"is--readonly":e.computeIsReadonly,"is--disabled":e.computeIsDisabled}]},i?i({}):n?n.map(function(e){return t(_checkbox.default,{key:e[u],props:{label:e[u],content:e[o],disabled:e[a]}})}):[])}},watch:{options:function(e){this.loadData(e)}},mounted:function(){var t=this,i=t;t.$nextTick(function(){var e=i.options;e&&t.loadData(e)})},render:function(e){return this.renderVN(e)}});

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;
 }
@@ -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/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;-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/lib/index.umd.js

@@ -11642,7 +11642,7 @@ var es_regexp_exec = __webpack_require__(7495);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.match.js
 var es_string_match = __webpack_require__(1761);
 ;// ./node_modules/@vxe-ui/core/es/src/core.js
-var coreVersion = "3.4.10";
+var coreVersion = "3.4.12";
 var VxeCore = {
   coreVersion: coreVersion,
   uiVersion: '',
@@ -12402,7 +12402,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-var version = "3.4.10";
+var version = "3.4.12";
 var log = {
   create: createLog,
   warn: createLog('warn', "v".concat(version)),
@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.14.5");
+var log_version = "ui v".concat("3.14.7");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// ./packages/ui/index.ts
@@ -13222,7 +13222,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.14.5";
+var ui_version = "3.14.7";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -14426,6 +14426,10 @@ setIcon({
     contextMenu: {
       loadingText: '加载中...'
     },
+    switch: {
+      onText: '打开',
+      offText: '关闭'
+    },
     gantt: {
       tFullFormat: {
         year: '{yyyy}年',
@@ -25191,8 +25195,9 @@ var Cascader = VxeCascader;
       if (disabled === null) {
         if ($xeCheckboxGroup) {
           var isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
+          var isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
           var isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
-          return isGroupDisabled || isGroupMaximize && !isChecked;
+          return isGroupDisabled || isGroupReadonly || isGroupMaximize && !isChecked;
         }
       }
       return disabled;
@@ -25254,11 +25259,27 @@ var Cascader = VxeCascader;
       var $xeCheckbox = this;
       var props = $xeCheckbox;
       var slots = $xeCheckbox.$scopedSlots;
-      var label = props.label;
+      var $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+      var label = props.label,
+        content = props.content;
       var vSize = $xeCheckbox.computeSize;
       var isDisabled = $xeCheckbox.computeIsDisabled;
       var isChecked = $xeCheckbox.computeIsChecked;
       var indeterminate = !isChecked && props.indeterminate;
+      var defaultSlot = slots.default;
+      if ($xeCheckboxGroup) {
+        var isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
+        if (isGroupReadonly) {
+          if (isChecked) {
+            return h('label', {
+              class: ['vxe-checkbox vxe-checkbox--view', _defineProperty(_defineProperty({}, "size--".concat(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', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--indeterminate', indeterminate), 'is--disabled', isDisabled), 'is--checked', isChecked)],
@@ -25281,7 +25302,7 @@ var Cascader = VxeCascader;
         class: ['vxe-checkbox--icon', indeterminate ? getIcon().CHECKBOX_INDETERMINATE : isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
       }), h('span', {
         class: 'vxe-checkbox--label'
-      }, slots.default ? slots.default({}) : getFuncText(props.content))]);
+      }, defaultSlot ? defaultSlot({}) : getFuncText(content))]);
     }
   },
   render: function render(h) {
@@ -25381,8 +25402,9 @@ var Checkbox = VxeCheckbox;
       if (disabled === null) {
         if ($xeCheckboxGroup) {
           var isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
+          var isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
           var isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
-          return isGroupDisabled || isGroupMaximize && !isChecked;
+          return isGroupDisabled || isGroupReadonly || isGroupMaximize && !isChecked;
         }
       }
       return disabled;
@@ -25444,10 +25466,26 @@ var Checkbox = VxeCheckbox;
       var $xeCheckboxButton = this;
       var props = $xeCheckboxButton;
       var slots = $xeCheckboxButton.$scopedSlots;
-      var label = props.label;
+      var $xeCheckboxGroup = $xeCheckboxButton.$xeCheckboxGroup;
+      var label = props.label,
+        content = props.content;
       var vSize = $xeCheckboxButton.computeSize;
       var isDisabled = $xeCheckboxButton.computeIsDisabled;
       var isChecked = $xeCheckboxButton.computeIsChecked;
+      var defaultSlot = slots.default;
+      if ($xeCheckboxGroup) {
+        var isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
+        if (isGroupReadonly) {
+          if (isChecked) {
+            return h('label', {
+              class: ['vxe-checkbox vxe-checkbox--button-view', _defineProperty(_defineProperty({}, "size--".concat(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', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--disabled', isDisabled)],
@@ -25468,7 +25506,7 @@ var Checkbox = VxeCheckbox;
         }
       }), h('span', {
         class: 'vxe-checkbox--label'
-      }, slots.default ? slots.default({}) : getFuncText(props.content))]);
+      }, defaultSlot ? defaultSlot({}) : getFuncText(props.content))]);
     }
   },
   render: function render(h) {
@@ -25516,6 +25554,10 @@ function group_createInternalData() {
     value: Array,
     options: Array,
     optionProps: Object,
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     disabled: {
       type: Boolean,
       default: null
@@ -25557,6 +25599,19 @@ function group_createInternalData() {
     };
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
+    computeIsReadonly: function computeIsReadonly() {
+      var $xeCheckboxGroup = this;
+      var props = $xeCheckboxGroup;
+      var $xeForm = $xeCheckboxGroup.$xeForm;
+      var readonly = props.readonly;
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly;
+        }
+        return false;
+      }
+      return readonly;
+    },
     computeIsDisabled: function computeIsDisabled() {
       var $xeCheckboxGroup = this;
       var props = $xeCheckboxGroup;
@@ -25564,7 +25619,7 @@ function group_createInternalData() {
       var disabled = props.disabled;
       if (disabled === null) {
         if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled;
+          return $xeForm.disabled;
         }
         return false;
       }
@@ -25702,8 +25757,13 @@ function group_createInternalData() {
       var valueField = $xeCheckboxGroup.computeValueField;
       var labelField = $xeCheckboxGroup.computeLabelField;
       var disabledField = $xeCheckboxGroup.computeDisabledField;
+      var isReadonly = $xeCheckboxGroup.computeIsReadonly;
+      var isDisabled = $xeCheckboxGroup.computeIsDisabled;
       return h('div', {
-        class: 'vxe-checkbox-group'
+        class: ['vxe-checkbox-group', {
+          'is--readonly': isReadonly,
+          'is--disabled': isDisabled
+        }]
       }, defaultSlot ? defaultSlot({}) : options ? options.map(function (item) {
         return h(src_checkbox, {
           key: item[valueField],
@@ -49401,8 +49461,9 @@ var Pulldown = VxePulldown;
       var disabled = $xeRadio.disabled;
       if (disabled === null) {
         if ($xeRadioGroup) {
-          var isDisabled = $xeRadioGroup.computeIsDisabled;
-          return isDisabled;
+          var isGroupDisabled = $xeRadioGroup.computeIsDisabled;
+          var isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+          return isGroupDisabled || isGroupReadonly;
         }
       }
       return disabled;
@@ -49509,7 +49570,9 @@ var Pulldown = VxePulldown;
     renderVN: function renderVN(h) {
       var $xeRadio = this;
       var props = $xeRadio;
+      var $xeRadioGroup = $xeRadio.$xeRadioGroup;
       var label = props.label,
+        content = props.content,
         checkedValue = props.checkedValue;
       var radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
       var slots = $xeRadio.$scopedSlots;
@@ -49517,6 +49580,20 @@ var Pulldown = VxePulldown;
       var isDisabled = $xeRadio.computeIsDisabled;
       var name = $xeRadio.computeName;
       var isChecked = $xeRadio.computeChecked;
+      var defaultSlot = slots.default;
+      if ($xeRadioGroup) {
+        var isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+        if (isGroupReadonly) {
+          if (isChecked) {
+            return h('label', {
+              class: ['vxe-radio vxe-radio--view', _defineProperty(_defineProperty({}, "size--".concat(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', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--checked', isChecked), 'is--disabled', isDisabled)],
@@ -49541,7 +49618,7 @@ var Pulldown = VxePulldown;
         class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
       }), h('span', {
         class: 'vxe-radio--label'
-      }, slots.default ? slots.default({}) : getFuncText(props.content))]);
+      }, defaultSlot ? defaultSlot({}) : getFuncText(content))]);
     }
   },
   render: function render(h) {
@@ -49633,8 +49710,9 @@ var Radio = VxeRadio;
       var disabled = $xeRadioButton.disabled;
       if (disabled === null) {
         if ($xeRadioGroup) {
-          var isDisabled = $xeRadioGroup.computeIsDisabled;
-          return isDisabled;
+          var isGroupDisabled = $xeRadioGroup.computeIsDisabled;
+          var isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+          return isGroupDisabled || isGroupReadonly;
         }
       }
       return disabled;
@@ -49740,13 +49818,29 @@ var Radio = VxeRadio;
       var $xeRadioButton = this;
       var props = $xeRadioButton;
       var slots = $xeRadioButton.$scopedSlots;
+      var $xeRadioGroup = $xeRadioButton.$xeRadioGroup;
       var label = props.label,
+        content = props.content,
         checkedValue = props.checkedValue;
       var radioValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(checkedValue) ? label : checkedValue;
       var vSize = $xeRadioButton.computeSize;
       var isDisabled = $xeRadioButton.computeIsDisabled;
       var name = $xeRadioButton.computeName;
       var isChecked = $xeRadioButton.computeChecked;
+      var defaultSlot = slots.default;
+      if ($xeRadioGroup) {
+        var isGroupReadonly = $xeRadioGroup.computeIsReadonly;
+        if (isGroupReadonly) {
+          if (isChecked) {
+            return h('label', {
+              class: ['vxe-radio vxe-radio--button-view', _defineProperty(_defineProperty({}, "size--".concat(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', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--disabled', isDisabled)],
@@ -49769,7 +49863,7 @@ var Radio = VxeRadio;
         }
       }), h('span', {
         class: 'vxe-radio--label'
-      }, slots.default ? slots.default({}) : getFuncText(props.content))]);
+      }, defaultSlot ? defaultSlot({}) : getFuncText(content))]);
     }
   },
   render: function render(h) {
@@ -49819,6 +49913,10 @@ function src_group_createInternalData() {
       type: Boolean,
       default: null
     },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     type: String,
     options: Array,
     optionProps: Object,
@@ -49862,6 +49960,19 @@ function src_group_createInternalData() {
     };
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
+    computeIsReadonly: function computeIsReadonly() {
+      var $xeRadioGroup = this;
+      var props = $xeRadioGroup;
+      var $xeForm = $xeRadioGroup.$xeForm;
+      var readonly = props.readonly;
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly;
+        }
+        return false;
+      }
+      return readonly;
+    },
     computeIsDisabled: function computeIsDisabled() {
       var $xeRadioGroup = this;
       var props = $xeRadioGroup;
@@ -49869,7 +49980,7 @@ function src_group_createInternalData() {
       var disabled = props.disabled;
       if (disabled === null) {
         if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled;
+          return $xeForm.disabled;
         }
         return false;
       }
@@ -52493,31 +52604,31 @@ var Steps = VxeSteps;
     };
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
-    computeIsDisabled: function computeIsDisabled() {
+    computeIsReadonly: function computeIsReadonly() {
       var $xeSwitch = this;
       var props = $xeSwitch;
       var $xeForm = $xeSwitch.$xeForm;
-      var disabled = props.disabled;
-      if (disabled === null) {
+      var readonly = props.readonly;
+      if (readonly === null) {
         if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled;
+          return $xeForm.readonly;
         }
         return false;
       }
-      return disabled;
+      return readonly;
     },
-    computeIsReadonly: function computeIsReadonly() {
+    computeIsDisabled: function computeIsDisabled() {
       var $xeSwitch = this;
       var props = $xeSwitch;
       var $xeForm = $xeSwitch.$xeForm;
-      var readonly = props.readonly;
-      if (readonly === null) {
+      var disabled = props.disabled;
+      if (disabled === null) {
         if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled;
+          return $xeForm.disabled;
         }
         return false;
       }
-      return readonly;
+      return disabled;
     },
     computeOnShowLabel: function computeOnShowLabel() {
       var $xeSwitch = this;
@@ -52638,6 +52749,11 @@ var Steps = VxeSteps;
       var offShowLabel = $xeSwitch.computeOffShowLabel;
       var isDisabled = $xeSwitch.computeIsDisabled;
       var isReadonly = $xeSwitch.computeIsReadonly;
+      if (isReadonly) {
+        return h('div', {
+          class: ['vxe-switch', isChecked ? 'is--on' : 'is--off', _defineProperty(_defineProperty({}, "size--".concat(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', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--disabled', isDisabled), 'is--readonly', isReadonly), 'is--animat', reactData.hasAnimat)]
       }, [h('button', {
@@ -56758,6 +56874,18 @@ function tree_createReactData() {
         return tree_getConfig().tree.iconLoaded;
       }
     },
+    rootParentValue: {
+      type: [String, Number],
+      default: function _default() {
+        return tree_getConfig().tree.rootParentValue;
+      }
+    },
+    rootValues: {
+      type: Array,
+      default: function _default() {
+        return tree_getConfig().tree.rootValues;
+      }
+    },
     filterValue: [String, Number],
     filterConfig: Object,
     size: {
@@ -56782,7 +56910,9 @@ function tree_createReactData() {
       xID: xID,
       reactData: reactData,
       internalData: internalData,
-      crossTreeDragNodeInfo: crossTreeDragNodeGlobal
+      crossTreeDragNodeInfo: crossTreeDragNodeGlobal,
+      hFlag: 0,
+      rootConf: 0
     };
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
@@ -57377,7 +57507,9 @@ function tree_createReactData() {
       var internalData = $xeTree.internalData;
       var expandAll = props.expandAll,
         expandNodeKeys = props.expandNodeKeys,
-        transform = props.transform;
+        transform = props.transform,
+        rootParentValue = props.rootParentValue,
+        rootValues = props.rootValues;
       var initialized = internalData.initialized,
         scrollYStore = internalData.scrollYStore;
       var keyField = $xeTree.computeKeyField;
@@ -57386,7 +57518,9 @@ function tree_createReactData() {
       var fullData = transform ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toArrayTree(list, {
         key: keyField,
         parentKey: parentField,
-        mapChildren: childrenField
+        mapChildren: childrenField,
+        rootParentValue: rootParentValue,
+        rootValues: rootValues
       }) : list ? list.slice(0) : [];
       internalData.treeFullData = fullData;
       Object.assign(scrollYStore, {
@@ -59106,15 +59240,32 @@ function tree_createReactData() {
     },
     height: function height() {
       var $xeTree = this;
-      $xeTree.recalculate();
+      $xeTree.hFlag++;
     },
     minHeight: function minHeight() {
       var $xeTree = this;
-      $xeTree.recalculate();
+      $xeTree.hFlag++;
     },
     maxHeight: function maxHeight() {
+      var $xeTree = this;
+      $xeTree.hFlag++;
+    },
+    hFlag: function hFlag() {
       var $xeTree = this;
       $xeTree.recalculate();
+    },
+    rootParentValue: function rootParentValue() {
+      var $xeTree = this;
+      $xeTree.rootConf++;
+    },
+    rootValues: function rootValues() {
+      var $xeTree = this;
+      $xeTree.rootConf++;
+    },
+    rootConf: function rootConf() {
+      var $xeTree = this;
+      var props = $xeTree;
+      $xeTree.loadData(props.data || []);
     }
   },
   created: function created() {
@@ -60182,6 +60333,8 @@ function tree_select_createInternalData() {
           loadMethod: treeOpts.loadMethod,
           toggleMethod: treeOpts.toggleMethod,
           transform: treeOpts.transform,
+          rootParentValue: treeOpts.rootParentValue,
+          rootValues: treeOpts.rootValues,
           trigger: treeOpts.trigger,
           showIcon: treeOpts.showIcon,
           showLine: treeOpts.showLine,