vxe-pc-ui 4.15.3 → 4.15.4

package/dist/all.esm.js

@@ -1,5 +1,5 @@
 import * as core from '@vxe-ui/core';
-import { VxeUI, log, setConfig as setConfig$1, setIcon, getConfig as getConfig$3, createEvent, getIcon as getIcon$2, renderEmptyElement, useSize, usePermission, permission, globalEvents, renderer, getI18n as getI18n$2, globalResize, GLOBAL_EVENT_KEYS, getSlotVNs as getSlotVNs$1, commands, formats, getComponent, validators } from '@vxe-ui/core';
+import { VxeUI, setConfig as setConfig$1, setIcon, getConfig as getConfig$3, createEvent, getIcon as getIcon$2, renderEmptyElement, useSize, usePermission, permission, globalEvents, renderer, getI18n as getI18n$2, globalResize, GLOBAL_EVENT_KEYS, getSlotVNs as getSlotVNs$1, commands, formats, getComponent, validators } from '@vxe-ui/core';
 export * from '@vxe-ui/core';
 import { defineComponent, reactive, h, createCommentVNode, createApp, ref, inject, computed, watch, onMounted, onUnmounted, provide, nextTick, onBeforeUnmount, resolveComponent, Teleport, onActivated, onDeactivated, TransitionGroup } from 'vue';
 import XEUtils from 'xe-utils';
@@ -80,17 +80,21 @@ function checkDynamic() {
     }
 }
 
-const version$1 = `ui v${"4.15.3"}`;
+const { log } = VxeUI;
+const uiVersion = `ui v${"4.15.4"}`;
 function createComponentLog(name) {
+    const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
+    const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
+    const designVersion = VxeUI.designVersion ? `design v${VxeUI.designVersion}` : '';
     return {
-        warnLog: log.create('warn', `${version$1} ${name}`),
-        errLog: log.create('error', `${version$1} ${name}`)
+        warnLog: log.create('warn', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name),
+        errLog: log.create('error', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name)
     };
 }
-const warnLog$b = log.create('warn', version$1);
-log.create('error', version$1);
+const warnLog$b = log.create('warn', uiVersion);
+log.create('error', uiVersion);
 
-const version = "4.15.3";
+const version = "4.15.4";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -153,6 +157,9 @@ setConfig$1({
         showFullLabel: true,
         treeConfig: {
             showIcon: true
+        },
+        filterConfig: {
+            autoExpandMode: 'first'
         }
     },
     checkbox: {},
@@ -3793,7 +3800,7 @@ dynamicApp.use(VxeButton);
 VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
-const { errLog: errLog$h } = createComponentLog('backtop');
+const { errLog: errLog$g } = createComponentLog('backtop');
 function createInternalData$e() {
     return {
         targetEl: null
@@ -3971,13 +3978,13 @@ var VxeBacktopComponent = defineVxeComponent({
                 const { target } = props;
                 if (!target) {
                     removeScrollEvent();
-                    errLog$h('vxe.error.reqProp', ['target']);
+                    errLog$g('vxe.error.reqProp', ['target']);
                     return;
                 }
                 if (XEUtils.isString(target)) {
                     const tEl = document.querySelector(target);
                     if (!tEl) {
-                        errLog$h('vxe.error.errProp', [`target=${target}`, 'body']);
+                        errLog$g('vxe.error.errProp', [`target=${target}`, 'body']);
                     }
                     const { targetEl } = internalData;
                     if (targetEl !== tEl) {
@@ -4662,7 +4669,7 @@ function isAllSameChar(str, char) {
     return true;
 }
 
-const { errLog: errLog$g } = createComponentLog('calendar');
+const { errLog: errLog$f } = createComponentLog('calendar');
 const { menus: menus$2, getConfig: getConfig$2, getI18n: getI18n$1 } = VxeUI;
 var VxeCalendarComponent = defineVxeComponent({
     name: 'VxeCalendar',
@@ -5930,7 +5937,7 @@ var VxeCalendarComponent = defineVxeComponent({
             const { menuConfig } = props;
             const VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
             if (menuConfig && !VxeUIContextMenu) {
-                errLog$g('vxe.error.reqComp', ['vxe-context-menu']);
+                errLog$f('vxe.error.reqComp', ['vxe-context-menu']);
             }
             dateOpenPanel();
         });
@@ -9807,7 +9814,6 @@ var VxeInputComponent = defineVxeComponent({
     }
 });
 
-const { errLog: errLog$f } = createComponentLog('cascader');
 /**
  * 生成节点的唯一主键
  */
@@ -10378,7 +10384,6 @@ var VxeCascaderComponent = defineVxeComponent({
             return internalData.afterVisibleList;
         };
         const handleData = (force) => {
-            const { nodeMaps } = internalData;
             let fullList = internalData.afterVisibleList;
             if (force) {
                 // 更新数据，处理筛选和排序
@@ -10387,16 +10392,56 @@ var VxeCascaderComponent = defineVxeComponent({
                 fullList = handleTreeToList();
             }
             const treeList = fullList.slice(0);
-            treeList.forEach((item, $index) => {
-                const nodeid = getNodeId(item);
-                const itemRest = nodeMaps[nodeid];
-                if (itemRest) {
-                    itemRest.$index = $index;
-                }
-            });
             reactData.treeList = treeList;
         };
-        const triggerSearchEvent = XEUtils.debounce(() => handleData(true), 350, { trailing: true });
+        /**
+         * 获取第一个拥有子节点的节点
+         */
+        function handleHasChildNodeIds(treeList, type) {
+            const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const childField = transform ? mapChildrenField : childrenField;
+            const nodeIds = [];
+            let currList = treeList;
+            while (currList.length) {
+                let targetNode = null;
+                for (const item of currList) {
+                    const kids = item[childField];
+                    if (XEUtils.isArray(kids) && kids.length > 0) {
+                        targetNode = item;
+                        break;
+                    }
+                }
+                if (targetNode) {
+                    nodeIds.push(getNodeId(targetNode));
+                    currList = targetNode[childField];
+                }
+                else {
+                    const endNode = XEUtils[type](currList);
+                    nodeIds.push(getNodeId(endNode));
+                    break;
+                }
+            }
+            return nodeIds;
+        }
+        const triggerSearchEvent = XEUtils.debounce(() => {
+            handleData(true);
+            updateModelChecked();
+            const filterOpts = computeFilterOpts.value;
+            const { autoExpandMode } = filterOpts;
+            const { afterTreeList } = internalData;
+            // 默认展开第
+            if (autoExpandMode === 'first' || autoExpandMode === 'last') {
+                const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
+                reactData.currentItems = stItems;
+            }
+            else {
+                handleCurrentItems();
+            }
+            updateCurrentChunk();
+        }, 350, { trailing: true });
         const loadData = (list) => {
             const treeOpts = computeTreeOpts.value;
             const keyField = computeKeyField.value;
@@ -10423,17 +10468,20 @@ var VxeCascaderComponent = defineVxeComponent({
         };
         const updateCurrentChunk = () => {
             const { currentItems } = reactData;
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const childrenField = computeChildrenField.value;
-            const currentCunkList = [treeFullData];
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const currentCunkList = [afterTreeList];
             if (currentItems.length) {
                 let chunkIndex = 0;
                 let stNodeid = currentItems[chunkIndex];
-                let optList = treeFullData;
+                let optList = afterTreeList;
                 while (stNodeid && optList && optList.length) {
                     stNodeid = currentItems[chunkIndex++];
                     const currOption = optList.find(item => stNodeid === getNodeId(item));
-                    optList = currOption ? currOption[childrenField] : [];
+                    optList = currOption ? currOption[transform ? mapChildrenField : childrenField] : [];
                     if (!optList || !optList.length) {
                         break;
                     }
@@ -10443,7 +10491,7 @@ var VxeCascaderComponent = defineVxeComponent({
             reactData.currentCunkList = currentCunkList;
         };
         const handleCurrentItems = () => {
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const selectVals = computeSelectVals.value;
             const childrenField = computeChildrenField.value;
             const mapChildrenField = computeMapChildrenField.value;
@@ -10453,7 +10501,7 @@ var VxeCascaderComponent = defineVxeComponent({
             const expandedMaps = {};
             if (selectVals.length) {
                 const lastVal = enNodeValue$1(XEUtils.last(selectVals));
-                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
+                const stRest = XEUtils.findTree(afterTreeList, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
                 if (stRest) {
                     const { nodes } = stRest;
                     nodes.forEach(item => {
@@ -10559,10 +10607,11 @@ var VxeCascaderComponent = defineVxeComponent({
                 return { checkNodeKeys: checkKeys, checkNodes };
             });
         };
-        const clearCheckboxNode = () => {
+        const clearSelectedNode = () => {
             internalData.indeterminateRowMaps = {};
             internalData.selectCheckboxMaps = {};
             reactData.updateCheckboxFlag++;
+            reactData.selectRadioKey = null;
             updateCheckboxStatus();
             return nextTick().then(() => {
                 return { checkNodeKeys: [], checkNodes: [] };
@@ -10604,7 +10653,7 @@ var VxeCascaderComponent = defineVxeComponent({
             const { $event } = params;
             const { multiple, checkedClosable } = props;
             const value = multiple ? [] : null;
-            clearCheckboxNode().then(() => {
+            clearSelectedNode().then(() => {
                 if (checkedClosable) {
                     hideOptionPanel($event);
                 }
@@ -10686,9 +10735,12 @@ var VxeCascaderComponent = defineVxeComponent({
             const { nodeMaps } = internalData;
             const radioOpts = computeRadioOpts.value;
             const childrenField = computeChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const mapChildrenField = computeMapChildrenField.value;
             const { checkMode, checkMethod } = radioOpts;
             const nodeid = getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -10837,7 +10889,7 @@ var VxeCascaderComponent = defineVxeComponent({
                 const childRowList = [];
                 XEUtils.eachTree(afterTreeList, (node) => {
                     const nodeid = getNodeId(node);
-                    const childList = node[childrenField];
+                    const childList = node[transform ? mapChildrenField : childrenField];
                     if (childList && childList.length && !childRowMaps[nodeid]) {
                         childRowMaps[nodeid] = 1;
                         childRowList.unshift([node, nodeid, childList]);
@@ -10941,7 +10993,7 @@ var VxeCascaderComponent = defineVxeComponent({
             const treeOpts = computeTreeOpts.value;
             const { transform } = treeOpts;
             const nodeid = getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -11187,11 +11239,12 @@ var VxeCascaderComponent = defineVxeComponent({
             const { currentNode, selectRadioKey, updateCheckboxFlag, updateExpandedFlag } = reactData;
             const { nodeMaps, selectCheckboxMaps, indeterminateRowMaps, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
             const treeOpts = computeTreeOpts.value;
-            const { lazy, iconLoaded, iconOpen, iconClose } = treeOpts;
+            const { lazy, transform, iconLoaded, iconOpen, iconClose } = treeOpts;
             const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
             const labelField = computeLabelField.value;
             const hasChildField = computeHasChildField.value;
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const iconSlot = slots.icon;
             const titleSlot = slots.title;
@@ -11373,7 +11426,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                             h('div', {
                                                 class: 'vxe-tree-select--header-button'
                                             }, [
-                                                showCheckedButton && showClearButton
+                                                (showCheckedButton && multiple) || showClearButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--selected-btns'
                                                     }, [
@@ -11424,7 +11477,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                         })
                                     ])
                                 ]),
-                                footerSlot || showTotalButton || (showCloseButton && multiple)
+                                footerSlot || showTotalButton || showCloseButton
                                     ? h('div', {
                                         class: 'vxe-cascader--panel-footer'
                                     }, footerSlot
@@ -11438,7 +11491,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                                         class: 'vxe-cascader--total-btns'
                                                     }, getI18n$2('vxe.treeSelect.total', [selectVals.length]))
                                                     : renderEmptyElement($xeCascader),
-                                                showCloseButton && multiple
+                                                showCloseButton
                                                     ? h('div', {
                                                         class: 'vxe-cascader--oper-btns'
                                                     }, [
@@ -11480,9 +11533,6 @@ var VxeCascaderComponent = defineVxeComponent({
         });
         loadData(props.options || []);
         onMounted(() => {
-            if (props.filterable) {
-                errLog$f('vxe.error.notProp', ['filterable']);
-            }
             globalEvents.on($xeCascader, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeCascader, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeCascader, 'blur', handleGlobalBlurEvent);
@@ -41291,7 +41341,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                             h('div', {
                                                 class: 'vxe-tree-select--header-button'
                                             }, [
-                                                showCheckedButton && showClearButton
+                                                (showCheckedButton && multiple) || showClearButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--selected-btns'
                                                     }, [
@@ -41311,24 +41361,20 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                                             : renderEmptyElement($xeTreeSelect)
                                                     ])
                                                     : renderEmptyElement($xeTreeSelect),
-                                                showExpandButton && showExpandButton
+                                                showExpandButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--expand-btns'
                                                     }, [
-                                                        showExpandButton
-                                                            ? h(VxeButton, {
-                                                                content: getI18n$2('vxe.treeSelect.allExpand'),
-                                                                mode: 'text',
-                                                                onClick: allExpandPanelEvent
-                                                            })
-                                                            : renderEmptyElement($xeTreeSelect),
-                                                        showExpandButton
-                                                            ? h(VxeButton, {
-                                                                content: getI18n$2('vxe.treeSelect.clearExpand'),
-                                                                mode: 'text',
-                                                                onClick: clearExpandPanelEvent
-                                                            })
-                                                            : renderEmptyElement($xeTreeSelect)
+                                                        h(VxeButton, {
+                                                            content: getI18n$2('vxe.treeSelect.allExpand'),
+                                                            mode: 'text',
+                                                            onClick: allExpandPanelEvent
+                                                        }),
+                                                        h(VxeButton, {
+                                                            content: getI18n$2('vxe.treeSelect.clearExpand'),
+                                                            mode: 'text',
+                                                            onClick: clearExpandPanelEvent
+                                                        })
                                                     ])
                                                     : renderEmptyElement($xeTreeSelect)
                                             ])
@@ -41391,7 +41437,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                         }, treeScopedSlots)
                                     ])
                                 ]),
-                                footerSlot || showTotalButton || (showCloseButton && multiple)
+                                footerSlot || showTotalButton || showCloseButton
                                     ? h('div', {
                                         class: 'vxe-tree-select--panel-footer'
                                     }, footerSlot
@@ -41405,7 +41451,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                                         class: 'vxe-tree-select--total-btns'
                                                     }, getI18n$2('vxe.treeSelect.total', [selectVals.length]))
                                                     : renderEmptyElement($xeTreeSelect),
-                                                showCloseButton && multiple
+                                                showCloseButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--oper-btns'
                                                     }, [

package/es/cascader/src/cascader.js

@@ -4,12 +4,10 @@ import { getConfig, getI18n, getIcon, globalEvents, createEvent, useSize, render
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { enNodeValue, deNodeValue } from './util';
-import { createComponentLog } from '../../ui/src/log';
 import XEUtils from 'xe-utils';
 import VxeListComponent from '../../list/src/list';
 import VxeInputComponent from '../../input/src/input';
 import VxeButtonComponent from '../../button/src/button';
-const { errLog } = createComponentLog('cascader');
 /**
  * 生成节点的唯一主键
  */
@@ -585,7 +583,6 @@ export default defineVxeComponent({
             return internalData.afterVisibleList;
         };
         const handleData = (force) => {
-            const { nodeMaps } = internalData;
             let fullList = internalData.afterVisibleList;
             if (force) {
                 // 更新数据，处理筛选和排序
@@ -594,16 +591,56 @@ export default defineVxeComponent({
                 fullList = handleTreeToList();
             }
             const treeList = fullList.slice(0);
-            treeList.forEach((item, $index) => {
-                const nodeid = getNodeId(item);
-                const itemRest = nodeMaps[nodeid];
-                if (itemRest) {
-                    itemRest.$index = $index;
-                }
-            });
             reactData.treeList = treeList;
         };
-        const triggerSearchEvent = XEUtils.debounce(() => handleData(true), 350, { trailing: true });
+        /**
+         * 获取第一个拥有子节点的节点
+         */
+        function handleHasChildNodeIds(treeList, type) {
+            const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const childField = transform ? mapChildrenField : childrenField;
+            const nodeIds = [];
+            let currList = treeList;
+            while (currList.length) {
+                let targetNode = null;
+                for (const item of currList) {
+                    const kids = item[childField];
+                    if (XEUtils.isArray(kids) && kids.length > 0) {
+                        targetNode = item;
+                        break;
+                    }
+                }
+                if (targetNode) {
+                    nodeIds.push(getNodeId(targetNode));
+                    currList = targetNode[childField];
+                }
+                else {
+                    const endNode = XEUtils[type](currList);
+                    nodeIds.push(getNodeId(endNode));
+                    break;
+                }
+            }
+            return nodeIds;
+        }
+        const triggerSearchEvent = XEUtils.debounce(() => {
+            handleData(true);
+            updateModelChecked();
+            const filterOpts = computeFilterOpts.value;
+            const { autoExpandMode } = filterOpts;
+            const { afterTreeList } = internalData;
+            // 默认展开第
+            if (autoExpandMode === 'first' || autoExpandMode === 'last') {
+                const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
+                reactData.currentItems = stItems;
+            }
+            else {
+                handleCurrentItems();
+            }
+            updateCurrentChunk();
+        }, 350, { trailing: true });
         const loadData = (list) => {
             const treeOpts = computeTreeOpts.value;
             const keyField = computeKeyField.value;
@@ -630,17 +667,20 @@ export default defineVxeComponent({
         };
         const updateCurrentChunk = () => {
             const { currentItems } = reactData;
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const childrenField = computeChildrenField.value;
-            const currentCunkList = [treeFullData];
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const currentCunkList = [afterTreeList];
             if (currentItems.length) {
                 let chunkIndex = 0;
                 let stNodeid = currentItems[chunkIndex];
-                let optList = treeFullData;
+                let optList = afterTreeList;
                 while (stNodeid && optList && optList.length) {
                     stNodeid = currentItems[chunkIndex++];
                     const currOption = optList.find(item => stNodeid === getNodeId(item));
-                    optList = currOption ? currOption[childrenField] : [];
+                    optList = currOption ? currOption[transform ? mapChildrenField : childrenField] : [];
                     if (!optList || !optList.length) {
                         break;
                     }
@@ -650,7 +690,7 @@ export default defineVxeComponent({
             reactData.currentCunkList = currentCunkList;
         };
         const handleCurrentItems = () => {
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const selectVals = computeSelectVals.value;
             const childrenField = computeChildrenField.value;
             const mapChildrenField = computeMapChildrenField.value;
@@ -660,7 +700,7 @@ export default defineVxeComponent({
             const expandedMaps = {};
             if (selectVals.length) {
                 const lastVal = enNodeValue(XEUtils.last(selectVals));
-                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
+                const stRest = XEUtils.findTree(afterTreeList, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
                 if (stRest) {
                     const { nodes } = stRest;
                     nodes.forEach(item => {
@@ -766,10 +806,11 @@ export default defineVxeComponent({
                 return { checkNodeKeys: checkKeys, checkNodes };
             });
         };
-        const clearCheckboxNode = () => {
+        const clearSelectedNode = () => {
             internalData.indeterminateRowMaps = {};
             internalData.selectCheckboxMaps = {};
             reactData.updateCheckboxFlag++;
+            reactData.selectRadioKey = null;
             updateCheckboxStatus();
             return nextTick().then(() => {
                 return { checkNodeKeys: [], checkNodes: [] };
@@ -811,7 +852,7 @@ export default defineVxeComponent({
             const { $event } = params;
             const { multiple, checkedClosable } = props;
             const value = multiple ? [] : null;
-            clearCheckboxNode().then(() => {
+            clearSelectedNode().then(() => {
                 if (checkedClosable) {
                     hideOptionPanel($event);
                 }
@@ -893,9 +934,12 @@ export default defineVxeComponent({
             const { nodeMaps } = internalData;
             const radioOpts = computeRadioOpts.value;
             const childrenField = computeChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const mapChildrenField = computeMapChildrenField.value;
             const { checkMode, checkMethod } = radioOpts;
             const nodeid = getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -1055,7 +1099,7 @@ export default defineVxeComponent({
                 const childRowList = [];
                 XEUtils.eachTree(afterTreeList, (node) => {
                     const nodeid = getNodeId(node);
-                    const childList = node[childrenField];
+                    const childList = node[transform ? mapChildrenField : childrenField];
                     if (childList && childList.length && !childRowMaps[nodeid]) {
                         childRowMaps[nodeid] = 1;
                         childRowList.unshift([node, nodeid, childList]);
@@ -1159,7 +1203,7 @@ export default defineVxeComponent({
             const treeOpts = computeTreeOpts.value;
             const { transform } = treeOpts;
             const nodeid = getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -1405,11 +1449,12 @@ export default defineVxeComponent({
             const { currentNode, selectRadioKey, updateCheckboxFlag, updateExpandedFlag } = reactData;
             const { nodeMaps, selectCheckboxMaps, indeterminateRowMaps, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
             const treeOpts = computeTreeOpts.value;
-            const { lazy, iconLoaded, iconOpen, iconClose } = treeOpts;
+            const { lazy, transform, iconLoaded, iconOpen, iconClose } = treeOpts;
             const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
             const labelField = computeLabelField.value;
             const hasChildField = computeHasChildField.value;
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const iconSlot = slots.icon;
             const titleSlot = slots.title;
@@ -1591,7 +1636,7 @@ export default defineVxeComponent({
                                             h('div', {
                                                 class: 'vxe-tree-select--header-button'
                                             }, [
-                                                showCheckedButton && showClearButton
+                                                (showCheckedButton && multiple) || showClearButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--selected-btns'
                                                     }, [
@@ -1642,7 +1687,7 @@ export default defineVxeComponent({
                                         })
                                     ])
                                 ]),
-                                footerSlot || showTotalButton || (showCloseButton && multiple)
+                                footerSlot || showTotalButton || showCloseButton
                                     ? h('div', {
                                         class: 'vxe-cascader--panel-footer'
                                     }, footerSlot
@@ -1656,7 +1701,7 @@ export default defineVxeComponent({
                                                         class: 'vxe-cascader--total-btns'
                                                     }, getI18n('vxe.treeSelect.total', [selectVals.length]))
                                                     : renderEmptyElement($xeCascader),
-                                                showCloseButton && multiple
+                                                showCloseButton
                                                     ? h('div', {
                                                         class: 'vxe-cascader--oper-btns'
                                                     }, [
@@ -1698,9 +1743,6 @@ export default defineVxeComponent({
         });
         loadData(props.options || []);
         onMounted(() => {
-            if (props.filterable) {
-                errLog('vxe.error.notProp', ['filterable']);
-            }
             globalEvents.on($xeCascader, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeCascader, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeCascader, 'blur', handleGlobalBlurEvent);