vxe-pc-ui 4.15.0 → 4.15.2

package/dist/all.esm.js

@@ -80,11 +80,11 @@ function checkDynamic() {
     }
 }
 
-const version$1 = `ui v${"4.15.0"}`;
+const version$1 = `ui v${"4.15.2"}`;
 const warnLog = log.create('warn', version$1);
 const errLog = log.create('error', version$1);
 
-const version = "4.15.0";
+const version = "4.15.2";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4432,6 +4432,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) {
     const rest = new Date(2e3, 0, 1);
     if (str) {
@@ -9806,6 +9818,10 @@ function createReactData$8() {
 function createInternalData$b() {
     return {
         // hpTimeout: undefined,
+        listVirtualYOpts: {
+            enabled: true,
+            gt: 20
+        },
         afterTreeList: [],
         treeFullData: [],
         afterVisibleList: [],
@@ -9857,7 +9873,15 @@ var VxeCascaderComponent = defineVxeComponent({
             default: () => getConfig$3().cascader.size || getConfig$3().size
         },
         treeConfig: Object,
+        showRadio: {
+            type: Boolean,
+            default: () => getConfig$3().cascader.showRadio
+        },
         radioConfig: Object,
+        showCheckbox: {
+            type: Boolean,
+            default: () => getConfig$3().cascader.showCheckbox
+        },
         checkboxConfig: Object,
         remote: Boolean,
         remoteConfig: Function,
@@ -10112,6 +10136,51 @@ var VxeCascaderComponent = defineVxeComponent({
                 return item;
             }));
         };
+        const handleSetCheckboxByNodeId = (nodeKeys, checked) => {
+            const { nodeMaps } = internalData;
+            if (nodeKeys) {
+                if (!XEUtils.isArray(nodeKeys)) {
+                    nodeKeys = [nodeKeys];
+                }
+                const nodeList = [];
+                nodeKeys.forEach((nodeKey) => {
+                    const nodeid = enNodeValue$1(nodeKey);
+                    const nodeItem = nodeMaps[nodeid];
+                    if (nodeItem) {
+                        nodeList.push(nodeItem.item);
+                    }
+                });
+                handleCheckedCheckboxNode(nodeList);
+            }
+            return nextTick();
+        };
+        const updateCheckboxChecked = (nodeKeys) => {
+            internalData.selectCheckboxMaps = {};
+            handleSetCheckboxByNodeId(nodeKeys);
+        };
+        const updateModelChecked = () => {
+            const { modelValue } = props;
+            const { nodeMaps } = internalData;
+            const expandedMaps = {};
+            if (props.multiple) {
+                if (modelValue && modelValue.length) {
+                    updateCheckboxChecked(modelValue);
+                }
+            }
+            else {
+                if (modelValue) {
+                    const nodeid = enNodeValue$1(XEUtils.isArray(modelValue) ? modelValue[0] : modelValue);
+                    const itemRest = nodeMaps[nodeid];
+                    if (itemRest) {
+                        itemRest.nodes.forEach(item => {
+                            expandedMaps[getNodeId(item)] = true;
+                        });
+                        reactData.selectRadioKey = nodeid;
+                    }
+                }
+            }
+            internalData.treeExpandedMaps = expandedMaps;
+        };
         const cacheNodeMap = () => {
             const { separator } = props;
             const { treeFullData } = internalData;
@@ -10325,6 +10394,7 @@ var VxeCascaderComponent = defineVxeComponent({
             internalData.treeFullData = fullData;
             cacheNodeMap();
             handleData(true);
+            updateModelChecked();
             handleCurrentItems();
             updateCurrentChunk();
             return nextTick();
@@ -10354,11 +10424,14 @@ var VxeCascaderComponent = defineVxeComponent({
             const { treeFullData } = internalData;
             const selectVals = computeSelectVals.value;
             const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
             const stItems = [];
             const expandedMaps = {};
             if (selectVals.length) {
-                const lastVal = XEUtils.last(selectVals);
-                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: childrenField });
+                const lastVal = enNodeValue$1(XEUtils.last(selectVals));
+                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
                 if (stRest) {
                     const { nodes } = stRest;
                     nodes.forEach(item => {
@@ -10884,7 +10957,7 @@ var VxeCascaderComponent = defineVxeComponent({
             changeEvent(evnt, value, node);
         };
         const handleNodeClickEvent = (evnt, node, chunks, chunkIndex) => {
-            const { multiple } = props;
+            const { multiple, showCheckbox, showRadio } = props;
             const treeOpts = computeTreeOpts.value;
             const radioOpts = computeRadioOpts.value;
             const checkboxOpts = computeCheckboxOpts.value;
@@ -10903,13 +10976,13 @@ var VxeCascaderComponent = defineVxeComponent({
                 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;
                     changeCheckboxEvent(evnt, node);
                 }
             }
             else {
-                if (radioOpts.trigger === 'node' || (!radioOpts.showIcon && (!childList || !childList.length))) {
+                if (radioOpts.trigger === 'node' || (!showRadio && (!childList || !childList.length))) {
                     triggerRadio = true;
                     changeRadioEvent(evnt, node);
                 }
@@ -11037,10 +11110,11 @@ var VxeCascaderComponent = defineVxeComponent({
             return true;
         };
         const renderRadio = (node, isExistChild, nLevel, isChecked) => {
+            const { showRadio } = props;
             const radioOpts = computeRadioOpts.value;
-            const { showIcon, checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
+            const { checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
             const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-            if (showIcon && isVisible) {
+            if (showRadio && isVisible) {
                 const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-tree--radio-option', {
@@ -11061,10 +11135,11 @@ var VxeCascaderComponent = defineVxeComponent({
             return renderEmptyElement($xeCascader);
         };
         const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate) => {
+            const { showCheckbox } = props;
             const checkboxOpts = computeCheckboxOpts.value;
-            const { showIcon, checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
+            const { checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
             const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-            if (showIcon && isVisible) {
+            if (showCheckbox && isVisible) {
                 const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-cascader--checkbox-option', {
@@ -11176,6 +11251,7 @@ var VxeCascaderComponent = defineVxeComponent({
         const renderVN = () => {
             const { className, modelValue, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton, showCloseButton } = props;
             const { initialized, isActivated, isAniVisible, visiblePanel, searchValue, currentCunkList } = reactData;
+            const { listVirtualYOpts } = internalData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
             const selectLabel = computeSelectLabel.value;
@@ -11311,7 +11387,8 @@ var VxeCascaderComponent = defineVxeComponent({
                                                 class: 'vxe-cascader-chunk--item-wrapper'
                                             }, [
                                                 h(VxeListComponent, {
-                                                    data: chunks
+                                                    data: chunks,
+                                                    virtualYConfig: listVirtualYOpts
                                                 }, {
                                                     default(slotParams) {
                                                         const { items } = slotParams;
@@ -11361,6 +11438,7 @@ var VxeCascaderComponent = defineVxeComponent({
         };
         watch(() => props.modelValue, () => {
             if (!reactData.visiblePanel) {
+                updateModelChecked();
                 handleCurrentItems();
                 updateCurrentChunk();
             }
@@ -12643,7 +12721,6 @@ var VxeNumberInputComponent = defineVxeComponent({
             type: String,
             default: () => getConfig$3().numberInput.size || getConfig$3().size
         },
-        // number、integer、float
         min: {
             type: [String, Number],
             default: null
@@ -12666,12 +12743,12 @@ var VxeNumberInputComponent = defineVxeComponent({
             default: () => getConfig$3().numberInput.currencySymbol
         },
         controlConfig: Object,
-        // float
+        // number、float、amount
         roundingMode: {
             type: String,
             default: () => getConfig$3().numberInput.roundingMode
         },
-        // float
+        // float、amount
         digits: {
             type: [String, Number],
             default: null
@@ -17605,6 +17682,7 @@ var VxeDatePickerComponent = defineVxeComponent({
         labelFormat: String,
         valueFormat: String,
         timeFormat: String,
+        inputFormat: String,
         editable: {
             type: Boolean,
             default: true
@@ -17634,6 +17712,7 @@ var VxeDatePickerComponent = defineVxeComponent({
             type: Boolean,
             default: () => getConfig$3().datePicker.autoClose
         },
+        controlConfig: Object,
         prefixIcon: String,
         suffixIcon: String,
         placement: String,
@@ -17686,7 +17765,8 @@ var VxeDatePickerComponent = defineVxeComponent({
             inputLabel: ''
         });
         const internalData = {
-            hpTimeout: undefined
+            // hpTimeout: undefined,
+            parseInputKayMaps: {}
         };
         const refElem = ref();
         const refInputTarget = ref();
@@ -17802,6 +17882,10 @@ var VxeDatePickerComponent = defineVxeComponent({
             const { type, valueFormat } = props;
             return handleValueFormat(type, valueFormat);
         });
+        const computeDateInputFormat = computed(() => {
+            const { type, inputFormat } = props;
+            return handleInputFormat(type, inputFormat);
+        });
         const computeFirstDayOfWeek = computed(() => {
             const { startDay } = props;
             return XEUtils.toNumber(startDay);
@@ -17822,6 +17906,9 @@ var VxeDatePickerComponent = defineVxeComponent({
                 return dateObj.label;
             }).join(', ');
         });
+        const computeControlOpts = computed(() => {
+            return Object.assign({}, getConfig$3().datePicker.controlConfig, props.controlConfig);
+        });
         const updateModelValue = () => {
             const { modelValue } = props;
             let val = '';
@@ -17896,6 +17983,9 @@ var VxeDatePickerComponent = defineVxeComponent({
             if (!trigger || trigger === 'default') {
                 datePickerOpenEvent(evnt);
             }
+            else if (trigger === 'icon') {
+                hidePanel();
+            }
             triggerEvent(evnt);
         };
         const clickPrefixEvent = (evnt) => {
@@ -17929,6 +18019,31 @@ var VxeDatePickerComponent = defineVxeComponent({
                 dispatchEvent('suffix-click', { value: inputValue }, evnt);
             }
         };
+        const handleArrowInputDate = (evnt, isUpArrow) => {
+            const { multiple } = props;
+            if (multiple) {
+                return;
+            }
+            const { inputValue } = reactData;
+            if (!inputValue) {
+                return;
+            }
+            const targetElem = refInputTarget.value;
+            if (!targetElem) {
+                return;
+            }
+            const { parseInputKayMaps } = internalData;
+            const inputFormat = computeDateInputFormat.value;
+            const selectionStart = targetElem.selectionStart || 0;
+            let selectKey = inputFormat[selectionStart];
+            if (!parseInputKayMaps[selectKey]) {
+                selectKey = inputFormat[selectionStart - 1];
+            }
+            const inputPaesrFn = parseInputKayMaps[selectKey];
+            if (inputPaesrFn) {
+                inputPaesrFn(evnt, targetElem, isUpArrow);
+            }
+        };
         const blurEvent = (evnt) => {
             const $datePanel = refDatePanel.value;
             const { inputValue } = reactData;
@@ -17951,6 +18066,13 @@ var VxeDatePickerComponent = defineVxeComponent({
             }
         };
         const keydownEvent = (evnt) => {
+            const { controlConfig } = props;
+            const controlOpts = computeControlOpts.value;
+            const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+            const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+            if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
+                handleArrowInputDate(evnt, isUpArrow);
+            }
             triggerEvent(evnt);
         };
         const keyupEvent = (evnt) => {
@@ -18071,6 +18193,9 @@ var VxeDatePickerComponent = defineVxeComponent({
             const { panelIndex } = reactData;
             const targetElem = refInputTarget.value;
             const panelElem = refInputPanel.value;
+            if (!panelElem) {
+                return nextTick();
+            }
             const btnTransfer = computeBtnTransfer.value;
             const popupOpts = computePopupOpts.value;
             const handleStyle = () => {
@@ -18118,10 +18243,16 @@ var VxeDatePickerComponent = defineVxeComponent({
             }
         };
         const clickIconEvent = (evnt) => {
+            const { visiblePanel } = reactData;
             const popupOpts = computePopupOpts.value;
             const { trigger } = popupOpts;
             if (!trigger || trigger === 'default' || trigger === 'icon') {
-                datePickerOpenEvent(evnt);
+                if (visiblePanel) {
+                    hidePanel();
+                }
+                else {
+                    datePickerOpenEvent(evnt);
+                }
             }
         };
         const clickEvent = (evnt) => {
@@ -18236,6 +18367,10 @@ var VxeDatePickerComponent = defineVxeComponent({
             return renderEmptyElement($xeDatePicker);
         };
         const renderPanel = () => {
+            const popupOpts = computePopupOpts.value;
+            if (popupOpts.enabled === false) {
+                return renderEmptyElement($xeDatePicker);
+            }
             const { type, multiple, showClearButton, showConfirmButton } = props;
             const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, inputValue } = reactData;
             const vSize = computeSize.value;
@@ -18245,7 +18380,6 @@ var VxeDatePickerComponent = defineVxeComponent({
             const isDateTimeType = computeIsDateTimeType.value;
             const shortcutList = computeShortcutList.value;
             const timeOpts = computeTimeOpts.value;
-            const popupOpts = computePopupOpts.value;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;
             const footerSlot = slots.footer;
@@ -18517,6 +18651,15 @@ var VxeDatePickerComponent = defineVxeComponent({
             globalEvents.on($xeDatePicker, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeDatePicker, 'resize', handleGlobalResizeEvent);
         });
+        onMounted(() => {
+            const { parseInputKayMaps } = internalData;
+            const inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
+            inputKeys.forEach(key => {
+                parseInputKayMaps[key] = (evnt) => {
+                    evnt.preventDefault();
+                };
+            });
+        });
         onUnmounted(() => {
             globalEvents.off($xeDatePicker, 'mousewheel');
             globalEvents.off($xeDatePicker, 'mousedown');
@@ -18992,6 +19135,9 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             if (!trigger || trigger === 'default') {
                 dateRangePickerOpenEvent(evnt);
             }
+            else if (trigger === 'icon') {
+                hidePanel();
+            }
             triggerEvent(evnt);
         };
         const clickPrefixEvent = (evnt) => {
@@ -19303,6 +19449,9 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             const { panelIndex } = reactData;
             const targetElem = refInputTarget.value;
             const panelElem = refInputPanel.value;
+            if (!panelElem) {
+                return nextTick();
+            }
             const btnTransfer = computeBtnTransfer.value;
             const popupOpts = computePopupOpts.value;
             const handleStyle = () => {
@@ -19351,10 +19500,16 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             }
         };
         const clickIconEvent = (evnt) => {
+            const { visiblePanel } = reactData;
             const popupOpts = computePopupOpts.value;
             const { trigger } = popupOpts;
             if (!trigger || trigger === 'default' || trigger === 'icon') {
-                dateRangePickerOpenEvent(evnt);
+                if (visiblePanel) {
+                    hidePanel();
+                }
+                else {
+                    dateRangePickerOpenEvent(evnt);
+                }
             }
         };
         const clickEvent = (evnt) => {
@@ -19480,6 +19635,10 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             return renderEmptyElement($xeDateRangePicker);
         };
         const renderPanel = () => {
+            const popupOpts = computePopupOpts.value;
+            if (popupOpts.enabled === false) {
+                return renderEmptyElement($xeDateRangePicker);
+            }
             const { type, separator, autoClose, showConfirmButton, showClearButton } = props;
             const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, startValue, endValue } = reactData;
             const vSize = computeSize.value;
@@ -19492,7 +19651,6 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             const defaultDates = computeDefaultDates.value;
             const defaultTimes = computeDefaultTimes.value;
             const timeOpts = computeTimeOpts.value;
-            const popupOpts = computePopupOpts.value;
             const { startLabel, endLabel } = panelLabelObj;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;
@@ -21631,15 +21789,15 @@ function oldFormItemRadioAndCheckboxRender(renderOpts, params) {
  */
 renderer.mixin({
     input: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: nativeItemRender
     },
     textarea: {
-        formItemAutoFocus: 'textarea',
+        formItemAutoFocus: true,
         renderFormItemContent: nativeItemRender
     },
     select: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             return [
                 h('select', Object.assign(Object.assign({ class: 'vxe-default-select' }, getNativeAttrs(renderOpts)), getNativeItemOns(renderOpts, params)), renderOpts.optionGroups ? renderNativeOptgroup(renderOpts, params, renderNativeFormOptions) : renderNativeFormOptions(renderOpts.options, renderOpts, params))
@@ -21647,27 +21805,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(renderOpts, params) {
             const { startField, endField } = renderOpts;
             const { $form, data, field } = params;
@@ -21719,7 +21877,7 @@ renderer.mixin({
         }
     },
     VxeSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
@@ -21730,7 +21888,18 @@ renderer.mixin({
         }
     },
     VxeTreeSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
+        renderFormItemContent(renderOpts, params) {
+            const { data, field } = params;
+            const { options, optionProps } = renderOpts;
+            const itemValue = XEUtils.get(data, field);
+            return [
+                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getComponentFormItemProps(renderOpts, params, itemValue, { options, optionProps })), getItemOns(renderOpts, params)))
+            ];
+        }
+    },
+    VxeCascader: {
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps } = renderOpts;
@@ -21741,7 +21910,7 @@ renderer.mixin({
         }
     },
     VxeTableSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps } = renderOpts;
@@ -21752,7 +21921,7 @@ renderer.mixin({
         }
     },
     VxeColorPicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options } = renderOpts;
@@ -21763,7 +21932,7 @@ renderer.mixin({
         }
     },
     VxeIconPicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options } = renderOpts;
@@ -32561,7 +32730,8 @@ var VxeSplitComponent = defineVxeComponent({
             staticItems: [],
             itemList: [],
             barWidth: 0,
-            barHeight: 0
+            barHeight: 0,
+            resizeFlag: 0
         });
         const internalData = {
             wrapperWidth: 0,
@@ -33064,6 +33234,7 @@ var VxeSplitComponent = defineVxeComponent({
             document.onmousemove = (evnt) => {
                 evnt.preventDefault();
                 handleDrag(evnt);
+                reactData.resizeFlag++;
             };
             document.onmouseup = (evnt) => {
                 document.onmousemove = null;
@@ -33075,6 +33246,7 @@ var VxeSplitComponent = defineVxeComponent({
                 removeClass(el, 'is--drag');
                 dispatchEvent('resize-end', { prevItem, nextItem, offsetHeight: targetOffsetHeight, offsetWidth: targetOffsetWidth }, evnt);
                 recalculate();
+                reactData.resizeFlag++;
             };
             if (rsSplitterLineEl) {
                 rsSplitterLineEl.style.display = 'block';
@@ -33129,6 +33301,7 @@ var VxeSplitComponent = defineVxeComponent({
                 dispatchEvent('toggle-expand', { prevItem, nextItem, expanded, item }, evnt);
             }
             recalculate();
+            reactData.resizeFlag++;
         };
         const handlePrevActionDblclickEvent = (evnt) => {
             const { itemList } = reactData;
@@ -39836,6 +40009,14 @@ var VxeTreeSelectComponent = defineVxeComponent({
         },
         remote: Boolean,
         remoteConfig: Function,
+        showRadio: {
+            type: Boolean,
+            default: () => getConfig$3().treeSelect.showRadio
+        },
+        showCheckbox: {
+            type: Boolean,
+            default: () => getConfig$3().treeSelect.showCheckbox
+        },
         popupConfig: Object,
         treeConfig: Object,
         menuConfig: Object,
@@ -39968,17 +40149,19 @@ var VxeTreeSelectComponent = defineVxeComponent({
             return Object.assign({ isHover: true }, treeOpts.nodeConfig);
         });
         const computeTreeCheckboxOpts = computed(() => {
+            const { showCheckbox } = props;
             const treeOpts = computeTreeOpts.value;
             return Object.assign({
-                showIcon: !!treeOpts.showCheckbox
+                showIcon: XEUtils.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
             }, treeOpts.checkboxConfig, {
                 trigger: 'node'
             });
         });
         const computeTreeRadioOpts = computed(() => {
+            const { showRadio } = props;
             const treeOpts = computeTreeOpts.value;
             return Object.assign({
-                showIcon: !!treeOpts.showRadio
+                showIcon: XEUtils.isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
             }, treeOpts.radioConfig, {
                 trigger: 'node'
             });