vxe-pc-ui 3.15.0 → 3.15.2

package/lib/index.umd.js

@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.15.0");
+var log_version = "ui v".concat("3.15.2");
 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.15.0";
+var ui_version = "3.15.2";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -18381,6 +18381,18 @@ function handleValueFormat(type, valueFormat) {
   }
   return 'yyyy-MM-dd';
 }
+function handleInputFormat(type, inputFormat) {
+  if (inputFormat) {
+    return inputFormat;
+  }
+  if (type === 'time') {
+    return 'HH:mm:ss';
+  }
+  if (type === 'datetime') {
+    return 'yyyy-MM-dd HH:mm:ss';
+  }
+  return 'yyyy-MM-dd';
+}
 function toStringTimeDate(str) {
   var rest = new Date(2e3, 0, 1);
   if (str) {
@@ -24795,6 +24807,10 @@ function cascader_createReactData() {
 function cascader_createInternalData() {
   return {
     // hpTimeout: undefined,
+    listVirtualYOpts: {
+      enabled: true,
+      gt: 20
+    },
     afterTreeList: [],
     treeFullData: [],
     afterVisibleList: [],
@@ -24855,7 +24871,19 @@ function cascader_createInternalData() {
       }
     },
     treeConfig: Object,
+    showRadio: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().cascader.showRadio;
+      }
+    },
     radioConfig: Object,
+    showCheckbox: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().cascader.showCheckbox;
+      }
+    },
     checkboxConfig: Object,
     remote: Boolean,
     remoteConfig: Function,
@@ -25182,6 +25210,58 @@ function cascader_createInternalData() {
         return item;
       }));
     },
+    handleSetCheckboxByNodeId: function handleSetCheckboxByNodeId(nodeKeys, checked) {
+      var $xeCascader = this;
+      var internalData = $xeCascader.internalData;
+      var nodeMaps = internalData.nodeMaps;
+      if (nodeKeys) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(nodeKeys)) {
+          nodeKeys = [nodeKeys];
+        }
+        var nodeList = [];
+        nodeKeys.forEach(function (nodeKey) {
+          var nodeid = enNodeValue(nodeKey);
+          var nodeItem = nodeMaps[nodeid];
+          if (nodeItem) {
+            nodeList.push(nodeItem.item);
+          }
+        });
+        $xeCascader.handleCheckedCheckboxNode(nodeList, checked);
+      }
+      return $xeCascader.$nextTick();
+    },
+    updateCheckboxChecked: function updateCheckboxChecked(nodeKeys) {
+      var $xeCascader = this;
+      var internalData = $xeCascader.internalData;
+      internalData.selectCheckboxMaps = {};
+      $xeCascader.handleSetCheckboxByNodeId(nodeKeys, true);
+    },
+    updateModelChecked: function updateModelChecked() {
+      var $xeCascader = this;
+      var props = $xeCascader;
+      var reactData = $xeCascader.reactData;
+      var internalData = $xeCascader.internalData;
+      var modelValue = props.value;
+      var nodeMaps = internalData.nodeMaps;
+      var expandedMaps = {};
+      if (props.multiple) {
+        if (modelValue && modelValue.length) {
+          $xeCascader.updateCheckboxChecked(modelValue);
+        }
+      } else {
+        if (modelValue) {
+          var nodeid = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue[0] : modelValue);
+          var itemRest = nodeMaps[nodeid];
+          if (itemRest) {
+            itemRest.nodes.forEach(function (item) {
+              expandedMaps[$xeCascader.getNodeId(item)] = true;
+            });
+            reactData.selectRadioKey = nodeid;
+          }
+        }
+      }
+      internalData.treeExpandedMaps = expandedMaps;
+    },
     cacheNodeMap: function cacheNodeMap() {
       var $xeCascader = this;
       var props = $xeCascader;
@@ -25434,6 +25514,7 @@ function cascader_createInternalData() {
       internalData.treeFullData = fullData;
       $xeCascader.cacheNodeMap();
       $xeCascader.handleData(true);
+      $xeCascader.updateModelChecked();
       $xeCascader.handleCurrentItems();
       $xeCascader.updateCurrentChunk();
       return $xeCascader.$nextTick();
@@ -25471,14 +25552,17 @@ function cascader_createInternalData() {
       var treeFullData = internalData.treeFullData;
       var selectVals = $xeCascader.computeSelectVals;
       var childrenField = $xeCascader.computeChildrenField;
+      var mapChildrenField = $xeCascader.computeMapChildrenField;
+      var treeOpts = $xeCascader.computeTreeOpts;
+      var transform = treeOpts.transform;
       var stItems = [];
       var expandedMaps = {};
       if (selectVals.length) {
-        var lastVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals);
+        var lastVal = enNodeValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(selectVals));
         var stRest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(treeFullData, function (item) {
           return lastVal === $xeCascader.getNodeId(item);
         }, {
-          children: childrenField
+          children: transform ? mapChildrenField : childrenField
         });
         if (stRest) {
           var nodes = stRest.nodes;
@@ -26140,7 +26224,9 @@ function cascader_createInternalData() {
     handleNodeClickEvent: function handleNodeClickEvent(evnt, node, chunks, chunkIndex) {
       var $xeCascader = this;
       var props = $xeCascader;
-      var multiple = props.multiple;
+      var multiple = props.multiple,
+        showCheckbox = props.showCheckbox,
+        showRadio = props.showRadio;
       var treeOpts = $xeCascader.computeTreeOpts;
       var radioOpts = $xeCascader.computeRadioOpts;
       var checkboxOpts = $xeCascader.computeCheckboxOpts;
@@ -26160,12 +26246,12 @@ function cascader_createInternalData() {
         $xeCascader.toggleExpandEvent(evnt, node, chunks, chunkIndex);
       }
       if (multiple) {
-        if (checkboxOpts.trigger === 'node' || !checkboxOpts.showIcon && (!childList || !childList.length)) {
+        if (checkboxOpts.trigger === 'node' || !showCheckbox && (!childList || !childList.length)) {
           triggerCheckbox = true;
           $xeCascader.changeCheckboxEvent(evnt, node);
         }
       } else {
-        if (radioOpts.trigger === 'node' || !radioOpts.showIcon && (!childList || !childList.length)) {
+        if (radioOpts.trigger === 'node' || !showRadio && (!childList || !childList.length)) {
           triggerRadio = true;
           $xeCascader.changeRadioEvent(evnt, node);
         }
@@ -26313,9 +26399,10 @@ function cascader_createInternalData() {
     //
     renderRadio: function renderRadio(h, node, isExistChild, nLevel, isChecked) {
       var $xeCascader = this;
+      var props = $xeCascader;
+      var showRadio = props.showRadio;
       var radioOpts = $xeCascader.computeRadioOpts;
-      var showIcon = radioOpts.showIcon,
-        checkMode = radioOpts.checkMode,
+      var checkMode = radioOpts.checkMode,
         checkMethod = radioOpts.checkMethod,
         visibleMode = radioOpts.visibleMode,
         visibleMethod = radioOpts.visibleMethod;
@@ -26323,7 +26410,7 @@ function cascader_createInternalData() {
         $cascader: $xeCascader,
         node: node
       }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-      if (showIcon && isVisible) {
+      if (showRadio && isVisible) {
         var isDisabled = checkMethod ? !checkMethod({
           $cascader: $xeCascader,
           node: node
@@ -26348,9 +26435,10 @@ function cascader_createInternalData() {
     },
     renderCheckbox: function renderCheckbox(h, node, isExistChild, nLevel, isChecked, isIndeterminate) {
       var $xeCascader = this;
+      var props = $xeCascader;
+      var showCheckbox = props.showCheckbox;
       var checkboxOpts = $xeCascader.computeCheckboxOpts;
-      var showIcon = checkboxOpts.showIcon,
-        checkMode = checkboxOpts.checkMode,
+      var checkMode = checkboxOpts.checkMode,
         checkMethod = checkboxOpts.checkMethod,
         visibleMode = checkboxOpts.visibleMode,
         visibleMethod = checkboxOpts.visibleMethod;
@@ -26358,7 +26446,7 @@ function cascader_createInternalData() {
         $cascader: $xeCascader,
         node: node
       }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-      if (showIcon && isVisible) {
+      if (showCheckbox && isVisible) {
         var isDisabled = checkMethod ? !checkMethod({
           $cascader: $xeCascader,
           node: node
@@ -26481,6 +26569,7 @@ function cascader_createInternalData() {
       var $xeCascader = this;
       var props = $xeCascader;
       var reactData = $xeCascader.reactData;
+      var internalData = $xeCascader.internalData;
       var slots = $xeCascader.$scopedSlots;
       var className = props.className,
         modelValue = props.value,
@@ -26497,6 +26586,7 @@ function cascader_createInternalData() {
         visiblePanel = reactData.visiblePanel,
         searchValue = reactData.searchValue,
         currentCunkList = reactData.currentCunkList;
+      var listVirtualYOpts = internalData.listVirtualYOpts;
       var vSize = $xeCascader.computeSize;
       var isDisabled = $xeCascader.computeIsDisabled;
       var selectLabel = $xeCascader.computeSelectLabel;
@@ -26607,7 +26697,8 @@ function cascader_createInternalData() {
           class: 'vxe-cascader-chunk--item-wrapper'
         }, [h(list, {
           props: {
-            data: chunks
+            data: chunks,
+            virtualYConfig: listVirtualYOpts
           },
           scopedSlots: {
             default: function _default(slotParams) {
@@ -26643,6 +26734,7 @@ function cascader_createInternalData() {
       var $xeCascader = this;
       var reactData = $xeCascader.reactData;
       if (!reactData.visiblePanel) {
+        $xeCascader.updateModelChecked();
         $xeCascader.handleCurrentItems();
         $xeCascader.updateCurrentChunk();
       }
@@ -26656,6 +26748,10 @@ function cascader_createInternalData() {
   created: function created() {
     var $xeCascader = this;
     var props = $xeCascader;
+    var reactData = $xeCascader.reactData;
+    if (!props.multiple) {
+      reactData.selectRadioKey = enNodeValue(props.value);
+    }
     $xeCascader.loadData(props.options || []);
   },
   mounted: function mounted() {
@@ -28325,7 +28421,6 @@ var handleNumberString = function handleNumberString(val) {
         return getConfig().numberInput.size || getConfig().size;
       }
     },
-    // number、integer、float
     min: {
       type: [String, Number],
       default: null
@@ -28354,14 +28449,14 @@ var handleNumberString = function handleNumberString(val) {
       }
     },
     controlConfig: Object,
-    // float
+    // number、float、amount
     roundingMode: {
       type: String,
       default: function _default() {
         return getConfig().numberInput.roundingMode;
       }
     },
-    // float
+    // float、amount
     digits: {
       type: [String, Number],
       default: null
@@ -34100,6 +34195,7 @@ var DatePanel = VxeDatePanel;
     labelFormat: String,
     valueFormat: String,
     timeFormat: String,
+    inputFormat: String,
     editable: {
       type: Boolean,
       default: true
@@ -34141,6 +34237,7 @@ var DatePanel = VxeDatePanel;
         return getConfig().datePicker.autoClose;
       }
     },
+    controlConfig: Object,
     prefixIcon: String,
     suffixIcon: String,
     placement: String,
@@ -34192,7 +34289,8 @@ var DatePanel = VxeDatePanel;
       inputLabel: ''
     };
     var internalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      parseInputKayMaps: {}
     };
     return {
       xID: xID,
@@ -34336,6 +34434,13 @@ var DatePanel = VxeDatePanel;
         valueFormat = props.valueFormat;
       return handleValueFormat(type, valueFormat);
     },
+    computeDateInputFormat: function computeDateInputFormat() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var type = props.type,
+        inputFormat = props.inputFormat;
+      return handleInputFormat(type, inputFormat);
+    },
     computeFirstDayOfWeek: function computeFirstDayOfWeek() {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
@@ -34361,6 +34466,11 @@ var DatePanel = VxeDatePanel;
         });
         return dateObj.label;
       }).join(', ');
+    },
+    computeControlOpts: function computeControlOpts() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig);
     }
   }),
   methods: {
@@ -34483,6 +34593,8 @@ var DatePanel = VxeDatePanel;
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         $xeDatePicker.datePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        $xeDatePicker.hidePanel();
       }
       $xeDatePicker.triggerEvent(evnt);
     },
@@ -34531,6 +34643,35 @@ var DatePanel = VxeDatePanel;
         }, evnt);
       }
     },
+    handleArrowInputDate: function handleArrowInputDate(evnt, isUpArrow) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
+      var multiple = props.multiple;
+      if (multiple) {
+        return;
+      }
+      var inputValue = reactData.inputValue;
+      if (!inputValue) {
+        return;
+      }
+      var targetElem = $xeDatePicker.$refs.refInputTarget;
+      if (!targetElem) {
+        return;
+      }
+      var parseInputKayMaps = internalData.parseInputKayMaps;
+      var inputFormat = $xeDatePicker.computeDateInputFormat;
+      var selectionStart = targetElem.selectionStart || 0;
+      var selectKey = inputFormat[selectionStart];
+      if (!parseInputKayMaps[selectKey]) {
+        selectKey = inputFormat[selectionStart - 1];
+      }
+      var inputPaesrFn = parseInputKayMaps[selectKey];
+      if (inputPaesrFn) {
+        inputPaesrFn(evnt, targetElem, isUpArrow);
+      }
+    },
     blurEvent: function blurEvent(evnt) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
@@ -34560,6 +34701,14 @@ var DatePanel = VxeDatePanel;
     },
     keydownEvent: function keydownEvent(evnt) {
       var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var controlConfig = props.controlConfig;
+      var controlOpts = $xeDatePicker.computeControlOpts;
+      var isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+      var isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
+        $xeDatePicker.handleArrowInputDate(evnt, isUpArrow);
+      }
       $xeDatePicker.triggerEvent(evnt);
     },
     keyupEvent: function keyupEvent(evnt) {
@@ -34705,6 +34854,9 @@ var DatePanel = VxeDatePanel;
       var panelIndex = reactData.panelIndex;
       var targetElem = $xeDatePicker.$refs.refInputTarget;
       var panelElem = $xeDatePicker.$refs.refInputPanel;
+      if (!panelElem) {
+        return $xeDatePicker.$nextTick();
+      }
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
       var popupOpts = $xeDatePicker.computePopupOpts;
       var handleStyle = function handleStyle() {
@@ -34731,13 +34883,9 @@ var DatePanel = VxeDatePanel;
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
       var panelElem = $xeDatePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true;
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem);
-            }
-          }
+          document.body.appendChild(panelElem);
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -34764,10 +34912,16 @@ var DatePanel = VxeDatePanel;
     },
     clickIconEvent: function clickIconEvent(evnt) {
       var $xeDatePicker = this;
+      var reactData = $xeDatePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
       var popupOpts = $xeDatePicker.computePopupOpts;
       var trigger = popupOpts.trigger;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDatePicker.datePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          $xeDatePicker.hidePanel();
+        } else {
+          $xeDatePicker.datePickerOpenEvent(evnt);
+        }
       }
     },
     clickEvent: function clickEvent(evnt) {
@@ -34899,6 +35053,10 @@ var DatePanel = VxeDatePanel;
       var props = $xeDatePicker;
       var slots = $xeDatePicker.$scopedSlots;
       var reactData = $xeDatePicker.reactData;
+      var popupOpts = $xeDatePicker.computePopupOpts;
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDatePicker);
+      }
       var type = props.type,
         multiple = props.multiple,
         showClearButton = props.showClearButton,
@@ -34916,7 +35074,6 @@ var DatePanel = VxeDatePanel;
       var isDateTimeType = $xeDatePicker.computeIsDateTimeType;
       var shortcutList = $xeDatePicker.computeShortcutList;
       var timeOpts = $xeDatePicker.computeTimeOpts;
-      var popupOpts = $xeDatePicker.computePopupOpts;
       var position = shortcutOpts.position;
       var headerSlot = slots.header;
       var footerSlot = slots.footer;
@@ -35144,6 +35301,14 @@ var DatePanel = VxeDatePanel;
   },
   created: function created() {
     var $xeDatePicker = this;
+    var internalData = $xeDatePicker.internalData;
+    var parseInputKayMaps = internalData.parseInputKayMaps;
+    var inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
+    inputKeys.forEach(function (key) {
+      parseInputKayMaps[key] = function (evnt) {
+        evnt.preventDefault();
+      };
+    });
     $xeDatePicker.updateModelValue();
     globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent);
     globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent);
@@ -35773,6 +35938,8 @@ var DatePicker = VxeDatePicker;
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        $xeDateRangePicker.hidePanel();
       }
       $xeDateRangePicker.triggerEvent(evnt);
     },
@@ -36159,6 +36326,9 @@ var DatePicker = VxeDatePicker;
       var panelIndex = reactData.panelIndex;
       var targetElem = $xeDateRangePicker.$refs.refInputTarget;
       var panelElem = $xeDateRangePicker.$refs.refInputPanel;
+      if (!panelElem) {
+        return $xeDateRangePicker.$nextTick();
+      }
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
       var popupOpts = $xeDateRangePicker.computePopupOpts;
       var handleStyle = function handleStyle() {
@@ -36185,13 +36355,9 @@ var DatePicker = VxeDatePicker;
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
       var panelElem = $xeDateRangePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true;
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem);
-            }
-          }
+          document.body.appendChild(panelElem);
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -36219,10 +36385,16 @@ var DatePicker = VxeDatePicker;
     },
     clickIconEvent: function clickIconEvent(evnt) {
       var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
       var popupOpts = $xeDateRangePicker.computePopupOpts;
       var trigger = popupOpts.trigger;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          $xeDateRangePicker.hidePanel();
+        } else {
+          $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+        }
       }
     },
     clickEvent: function clickEvent(evnt) {
@@ -36365,6 +36537,10 @@ var DatePicker = VxeDatePicker;
       var props = $xeDateRangePicker;
       var slots = $xeDateRangePicker.$scopedSlots;
       var reactData = $xeDateRangePicker.reactData;
+      var popupOpts = $xeDateRangePicker.computePopupOpts;
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDateRangePicker);
+      }
       var type = props.type,
         separator = props.separator,
         autoClose = props.autoClose,
@@ -36387,7 +36563,6 @@ var DatePicker = VxeDatePicker;
       var defaultDates = $xeDateRangePicker.computeDefaultDates;
       var defaultTimes = $xeDateRangePicker.computeDefaultTimes;
       var timeOpts = $xeDateRangePicker.computeTimeOpts;
-      var popupOpts = $xeDateRangePicker.computePopupOpts;
       var startLabel = panelLabelObj.startLabel,
         endLabel = panelLabelObj.endLabel;
       var position = shortcutOpts.position;
@@ -38783,15 +38958,15 @@ function oldFormItemRadioAndCheckboxRender(h, renderOpts, params) {
  */
 renderer.mixin({
   input: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   textarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   select: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       return [h('select', {
         class: 'vxe-default-select',
@@ -38801,27 +38976,27 @@ renderer.mixin({
     }
   },
   VxeInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeNumberInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxePasswordInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeTextarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeDatePicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeDateRangePicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var startField = renderOpts.startField,
         endField = renderOpts.endField;
@@ -38883,7 +39058,7 @@ renderer.mixin({
     }
   },
   VxeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38904,7 +39079,24 @@ renderer.mixin({
     }
   },
   VxeTreeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeCascader: {
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38921,7 +39113,7 @@ renderer.mixin({
     }
   },
   VxeTableSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38938,7 +39130,7 @@ renderer.mixin({
     }
   },
   VxeColorPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -38953,7 +39145,7 @@ renderer.mixin({
     }
   },
   VxeIconPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -52443,7 +52635,8 @@ var Select = VxeSelect;
       staticItems: [],
       itemList: [],
       barWidth: 0,
-      barHeight: 0
+      barHeight: 0,
+      resizeFlag: 0
     };
     var internalData = {
       wrapperWidth: 0,
@@ -52974,6 +53167,7 @@ var Select = VxeSelect;
       document.onmousemove = function (evnt) {
         evnt.preventDefault();
         handleDrag(evnt);
+        reactData.resizeFlag++;
       };
       document.onmouseup = function (evnt) {
         document.onmousemove = null;
@@ -52990,6 +53184,7 @@ var Select = VxeSelect;
           offsetWidth: targetOffsetWidth
         }, evnt);
         $xeSplitter.recalculate();
+        reactData.resizeFlag++;
       };
       if (rsSplitterLineEl) {
         rsSplitterLineEl.style.display = 'block';
@@ -53005,6 +53200,7 @@ var Select = VxeSelect;
     handleItemActionEvent: function handleItemActionEvent(evnt, prevItem, nextItem, isNext) {
       var $xeSplitter = this;
       var props = $xeSplitter;
+      var reactData = $xeSplitter.reactData;
       var vertical = props.vertical;
       var expanded = false;
       var item = prevItem;
@@ -53048,6 +53244,7 @@ var Select = VxeSelect;
         }, evnt);
       }
       $xeSplitter.recalculate();
+      reactData.resizeFlag++;
     },
     handlePrevActionDblclickEvent: function handlePrevActionDblclickEvent(evnt) {
       var $xeSplitter = this;
@@ -61107,6 +61304,18 @@ function tree_select_createInternalData() {
     },
     remote: Boolean,
     remoteConfig: Function,
+    showRadio: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showRadio;
+      }
+    },
+    showCheckbox: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().treeSelect.showCheckbox;
+      }
+    },
     popupConfig: Object,
     treeConfig: Object,
     menuConfig: Object,
@@ -61281,18 +61490,22 @@ function tree_select_createInternalData() {
     },
     computeTreeCheckboxOpts: function computeTreeCheckboxOpts() {
       var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var showCheckbox = props.showCheckbox;
       var treeOpts = $xeTreeSelect.computeTreeOpts;
       return Object.assign({
-        showIcon: !!treeOpts.showCheckbox
+        showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
       }, treeOpts.checkboxConfig, {
         trigger: 'node'
       });
     },
     computeTreeRadioOpts: function computeTreeRadioOpts() {
       var $xeTreeSelect = this;
+      var props = $xeTreeSelect;
+      var showRadio = props.showRadio;
       var treeOpts = $xeTreeSelect.computeTreeOpts;
       return Object.assign({
-        showIcon: !!treeOpts.showRadio
+        showIcon: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
       }, treeOpts.radioConfig, {
         trigger: 'node'
       });